به جلسه بیست و ششم بخش آموزش المنتور پروژه محور از دوره رایگان وردپرس خوش آمدید. در جلسه قبل یک قالب برای صفحات داخلی نوشته‌ها طراحی شد تا هنگام باز کردن هر نوشته، ظاهر بهتری را ببینیم. اما آرشیو مطالب، مانند دسته‌بندی‌ها و برچسب‌ها نیز به چنین قالبی نیاز دارند. ساخت قالب آرشیو در المنتور باعث می‌شود ظاهر مناسبی برای نمایش دسته‌بندی‌ها به کاربر نمایش داده شود.
افزون بر این، می‌توانید متناسب با پروژه خود، به هر شکلی که مدنظر داشتید یا متناسب با طرح ui بود، آن را طراحی کنید. برای ساخت قالب آرشیو جذاب از شما دعوت می‌کنیم تا پایان این مقاله از آژانس نوآوری رسام ما را همراهی کنید.
ساخت قالب آرشیو در المنتور برای دسته‌بندی‌ها
برای ساخت قالب آرشیو در المنتور، در پیشخوان وردپرس و در قسمت قالب‌ها، روی قالب‌های ذخیره شده کلیک کرده و سپس روی “افزودن قالب جدید” کلیک کنید. با تصویر زیر مواجه خواهید شد. از این قسمت قالب Archive را انتخاب کرده و سپس یک نام برای آن انتخاب کنید. وارد برگه‌ساز المنتور خواهید شد. حالا می‌توانید قالب خود را برای دسته‌بندی، برچسب، دسته‌بندی محصول و… طراحی کنید. دقت کنید که اینجا هم مانند لوپ آیتم، باید لینک‌ها، تصویر شاخص، عناوین و اطلاعات متا را با استفاده از برچسب‌های پویا (داینامیک) وارد کنیم. در واقع از خود لوپ آیتمی که ساختید نیز می‌توانید در این بخش استفاده کنید.
ما قصد نداریم یک ردیف از نوشته‌ها به صورت Static اینجا درج کنیم. وقتی قالب آرشیو می‌سازیم، باید به داینامیک بودن محتوا توجه کنیم. مثلاً اگر لوپ گرید می‌سازیم حتماً باید نوع آن را در حالت Current Query بگذاریم (یا اگر فارسی باشد با عبارت کوئری فعلی مواجه خواهید شد). مزیت این کار داینامیک شدن همه محتواهاست. بدین معنی که شما روی هر دسته‌ای کلیک کنید، آن ظاهر را گرفته و نیازی ندارید برای تمامی دسته‌ها قالب درست کنید. مگر اینکه بخواهید نمایش متفاوتی به ازای هر دسته بسازید که گاهی ممکن است لازم باشد.
ویجت‌های مورد استفاده در ساخت صفحات آرشیو
به چند شکل می‌توانید از ویجت‌ها استفاده کنید. هم می‌توانید ویجت Post Archive را بندازید و مقدار کوئری فعلی را انتخاب کنید. هم می‌توانید خود ویجت Posts را بندازید و مقدار آن را روی کوئری فعلی بگذارید. مهم‌تر اینکه می‌توانید لوپ آیتمی که ساختید را اینجا فراخوانی کرده و مقدار آن را روی کوئری فعلی بگذارید. مزیت لوپ آیتم در این است که ظاهر کارت‌ها در صفحات آرشیو و دسته‌بندی‌ها، می‌تواند متناسب باشد با طرح ui مدنظر کارفرما.
ساخت قالب آرشیو در المنتور و خداحافظی با قالب‌های آماده
قصد نداریم بگوئیم که قالب‌های آماده بد هستند. قطعاً اینطور نیست و قالب‌های خوب بسیاری وجود دارند. اما شما با قالب Hello و طراحی از صفر صفحات و قالب‌های المنتوری، طراحی شخصی‌سازی‌شده‌تری خواهید داشت. بدین صورت شما هم به لایه فرانت نزدیک‌تر هستید، چون صفحه سفید است و مانند برنامه‌نویسان فرانت هرچه بخواهید می‌توانید بسازید. از طرفی به لایه ui/ux نزدیک هستید و طرحی که طراحان رابط کاربری به شما می‌دهند را با سهولت بیشتری می‌توانید در وردپرس پیاده‌سازی کنید. پس از تماشای این جلسه از آموزش رایگان وردپرس به زبان فارسی ساخت قالب آرشیو در المنتور را شروع کرده و تجربیات و سوالات خود را با متخصصین آژانس نوآوری رسام در میان بگذارید.
12 پاسخ
سپاس از آموزش های فوق العاده و کاربردی
یه سوال داشتم: من دسته بندی اصلیم وبلاگه و زیر دسته هاش شش موضوع دیگه و فقط میخوام همینا در قسمت بلاگ نشون داده بشه ، چون دسته و زیر دسته دیگه هم دارم که اونا موضوعش و قالبش کلا فرق داره ، فقط میخوام تمام موضوعات مربوط به وبلاگ و زیر دستش نمایش داده بشه ، الان با این آموزش همه رو در همون وبلاگ نشون میده !!! لطفا بگید چیکار کنم.
سپپپپپپپپپپپپپاس
درود بر شما دوست گرامی، وقت شما بخیر
سپاس از لطف و همراهی شما. اگر من درست منظور را متوجه شده باشم و اشتباه نکرده باشم، این چیزی که مدنظر دارید یکی دو قطعه کد php لازم داره. (البته روش‌های دیگری هم داره). اگر خواستید به من در تلگرام پیام بدید فایل و جزئیاتش رو بفرستم. (نمی‌گنجد در کامنت).
موفق باشید.
سلام و وقت بخیر واقعا عالی ویدیویی مفید و پر از نکته بود درود بر شما
درود بر شما جناب شفیعی عزیز. وقت شما بخیر
عالیه. جلسه به جلسه و محکم دارید جلو می‌روید. ادامه بدید که این دوره رو هم دارید به خوبی پشت سر می‌گذارید.
موفق باشید.
سلام وقت بخیر
در صفحه آرشیو زیر قسمت عنوان آرشیو بخواییم توضیحات اون دسته بندی رو نمایش بدیم باید چیکار کنیم؟
گزینه ای داخل المنتور به چشمم نخورد که بخوام اضافه کنم
درود بر شما محمد جان. وقت شما بخیر
چرا یک ویجت المنتور تحت عنوان توضیحات آرشیو داره. همین که شما داخل تمپلیت مرتبط باشید اصلا سه تا ویجت مربوط به این موضوع را می‌آورد بالا. می‌توان اسم آن را هم سرچ کرد (البته گاهی اوقات ترجمه‌ها متفاوت هست مثلا حلقه رو ممکنه لوپ بنویسند و…). حتی اگر چنین ویجتی نباشد هم می‌توانیم با استفاده از برچسب‌های پویا، موردی که فرمودید را اضافه کنیم و طبیعتا توضیحات مربوط به آن دسته را نیز باید در نوشته‌ها > دسته‌ها و در نهایت، در دسته‌های مدنظر اضافه کنیم که نمایش داده شود.
موفق باشید.
تشکر بابت وقتی که گذاشتین
المنتور پرو دارم ولی بخش : توضیحات آرشیو رو نداره فقط عنوان آرشیو و پست های آرشیو رو داره
این برچسب‌های پویا که گفتین کجا هست؟
درود بر شما دوست گرامی، وقت شما بخیر
برچسب‌های پویا را در بخش‌های مختلف دوره ازش استفاده کردیم قطعا باهاش مواجه خواهید شد در ادامه دوره. البته در همین جلسه قبل هم هست. کنار باکس متن ها (مثلا ویجت سربرگ یا متن) یک آیکن هست روی آن بزنیم می‌توانیم از برچسب‌های پویا استفاده کنیم. مثلا فرض کنید می‌خواهیم در صفحه داخلی نوشته، بخواهیم عنوان را به صورت داینامیک بگذاریم که خودش به فراخور هر مطلب، نشانش بدهد. این را هم بگویم که شاید عنوان برخی ویجت‌ها از نظر ترجمه کمی فرق کند. مثلا کلمه “حلقه” را ممکن است “لوپ” بنویسند و مواردی از این دست.
موفق باشید.
سلام و خسته نباشید
loop grid المنتور چرا در بعضی مواقع گزینه current query ش کار میکنه و در بعضی مواقع کار نمیکنه؟
توی یه سایتم خیلی راحت بالا میاد.
در سایت دیگری اصلا به هیچ وجه کار نیمکنه؟
گزینه خاصی داره برای تنظیم؟
درود بر شما. وقت بخیر
این گزینه زمانی عمدتا زمانی معنی پیدا می‌کند که در قالب‌های المنتوری مانند آرشیو و… استفاده شود. در برخی موارد هم کوئری انتخاب شده آیتمی ندارد. مثلا ممکن است آن قالب را برای یک دسته‌بندی بسازیم که آیتمی ندارد و طبیعتاً چیزی را نشان نمی‌دهد.
موفق باشید.
سلام و وقت بخیر
سایتی که دارم طراحی میکنم توی صفحه اصلی به مشکل خوردم.
کلا 3 یا 4 تا از سکشن هام نمایش داده میشه و 3 تا گردونه محصولم نمایش داده نمیشه و فاصله خیلی زیادی بین اونها افتاده و باید خیلی اسکرول کرد. اما توی صفحه ادیت المنتور این مشکل وجود نداره. نمیدونم مشکل از کجاست.
لطفا راهنمایی کنید. با تشکر فراوان.
درود بر شما، وقت بخیر
اعمال شدن پدینگ و یا مارجین ناخواسته (در کانتینر اصلی و یا عناصر زیرمجموعه) ، اعمال شدن ارتفاع و مواردی از این دست ممکن است فواصل ناخواسته ایجاد کند.
موفق باشید.