آموزش لوپ گرید و کاروسل حلقه در المنتور

به جلسه بیست و چهارم بخش دوره رایگان المنتور از آموزش جامع وردپرس رایگان خوش آمدید. در این قسمت قرار است با قابلیت ویجت لوپ گرید و کاروسل حلقه در المنتور آشنا شویم. با استفاده از ویجت‌های المنتور می‌توانید لیستی از برگه‌ها، نوشته‌ها، دسته‌بندی‌ها و اگر سایت فروشگاهی باشد محصولات خود را نیز نشان بدهید.

اما گاهی لازم است که ویجت اختصاصی خود را طراحی کنیم. همچنین ممکن است پروژه طرح UI داشته باشد و بخواهید دقیقاً همان ظاهر را پیاده‌سازی کنید. لوپ گرید و کاروسل حلقه در المنتور به شما کمک می‌کند که لیستی از آیتم‌های مذکور را دقیقاً مطابق با طرح و ظاهر مدنظر خود پیاده‌سازی کنید. برای یادگیری بیشتر در این مقاله از آژانس نوآوری رسام با ما همراه باشید.

ساخت آیتم حلقه در المنتور با استفاده از قالب‌ها

در قدم اول شما باید آیتم حلقه در المنتور بسازید. این بخش در قالب‌های المنتور قرار دارد. همان‌جایی که قالب هدر و فوتر را ساختید. در واقع ابتدا باید یک لوپ آیتم بسازید که بتوانید با آن لوپ گرید یا لوپ کاروسل مدنظر خود را در هر صفحه و به هر تعدادی که خواستید، ایجاد کنید. در پیشخوان وردپرس و در بخش قالب‌ها، روی قالب‌های ذخیره شده کلیک کنید و سپس روی “افزودن قالب جدید” کلیک کرده تا با صفحه زیر مواجه شوید.

تنظیمات آیتم حلقه در المنتور

نوع قالب را روی گزینه لوپ یا حلقه بگذارید (شاید ترجمه کامل نباشد و گزینه مدنظر در این حالت loop است). وقتی که این گزینه را انتخاب کنید، قبل از اینکه بخواهید برای قالب خود نام انتخاب کنید، یک گزینه دیگر نیز اضافه می‌شود که اگر منوی کشویی آن را باز کنید یک گزینه بیشتر ندارد که آن هم “پست” است. البته اگر فروشگاه (ووکامرس) نصب باشد، گزینه محصول یا product هم به آن اضافه می‌شود. این موضوع برای این است که باید انتخاب کنید که لوپ شما روی پست‌ها اعمال شود یا محصولات. بدیهی است که فعلاً فروشگاه وجود ندارد پس همان “پست” را انتخاب کنید و نام مدنظر خود را نیز برای قالب خود انتخاب کرده و ایجاد قالب را بزنید.

بازهم مثل قبل، برگه‌ساز المنتور باز شده و به همه ویجت‌ها دسترسی دارید. اما این‌بار باید با استفاده از محتوای داینامیک، مواردی همچون” عنوان، تصویر شاخص، اطلاعات پست یا همان ویجت post info و اگر مایل بودید دکمه ادامه مطلب را درج کنید. دقت کنید که اینجا اگر محتوای ثابت درج کنیم، لینک برای همه نوشته‌ها یکسان می‌شود و ما این را نمی‌خواهیم. ما قصد داریم این ساختار کلی، روی نوشته‌های دیگر (دست‌کم برخی از آن‌ها) اعمال شود.

این نکته را نیز در نظر بگیرید که وقتی این لوپ را بسازید، هنگام طراحی سایت در هر صفحه از المنتور می‌توانید گزینه‌های لوپ گرید (برای نمایش لیستی و شبکه‌ای محتوا) و لوپ کروسل (برای نمایش گردونه‌ای و اسلایدشونده محتوا) را درج کنید. مثلاً بیایید آخرین نوشته‌ها را در صفحه اصلی خود نشان دهیم. پس صفحه اصلی خود را ویرایش کرده و ویحت لوپ گرید را به صفحه اضافه کنید.

درج آیتم حلقه در صفحات مختلف سایت

با درج ویجت المنتوری لوپ گرید در صفحه اصلی سایت، از تنظیمات بالای ویجت گزینه انتخاب نوع قالب یا اگر انگلیسی باشد Choose template type می‌توانید انتخاب کنید که از نوشته‌ها، محصولات یا دسته‌بندی‌ها لیست بسازید. ما قصد داریم از نوشته‌ها بسازیم. پس گزینه نوشته‌ها را انتخاب می‌کنیم. در بخش بعدی باید لوپ آیتمی که ساختید را انتخاب کنید. اسم آن را که سرچ کنید، لیست آیتم‌های شما از نوشته‌ها، دقیقاً مشابه تصویر بالا، داخل صفحه دیده خواهد شد.

حالا با سایر گزینه‌های ویجت می‌توانید مشخص کنید که گرید شما در چند سطر و ستون باشد، از چه دسته، برچسب، نویسنده و… محتوا را نشان دهد (در واقع همان include برای نمایش محتواهایی یا دسته‌بندی‌هایی) که می‌خواهید نشان دهید و exclude یا مواردی که در واقع می‌خواهید نشان داده نشوند. این موارد همگی در تب query یا اگر فارسی باشد “پرس‌وجو” وجود دارد. همچنین در قسمت صفحه‌بندی نیز می‌توانید Pagination بگذارید. در تب استایل نیز می‌توانید مانند سایر ویجت‌های المنتور استایل بدهید.

در نظر بگیرید که همه این موارد را نیز می‌توانید برای ویجت کاروسل حلقه در المنتور نیز داشته باشید. با این تفاوت که لوپ کروسل یک تنظیم هم برای نمایش Bullet و Arrow برای اسلایدری شدن محتوا دارد که آن‌ها را نیز می‌توانید تنظیم کنید و استایل دهید. این را نیز در نظر بگیرید که نمایش لوپ صرفاً مختص صفحه اصلی نیست. هرجا بخواهید می‌توانید از آن‌ها استفاده کنید. در قالب‌های آرشیو نیز بسیار از آن‌ها استفاده خواهیم کرد.

لوپ گرید و کاروسل حلقه در المنتور، طلایی‌ترین ویجت‌ها

دلیل اینکه لوپ گرید و کاروسل حلقه در المنتور را خیلی دوست داریم این است که تا قبل از وجود این ویجت‌ها، شما باید از پلاگین‌های دیگر و افزونه‌هایی مانند جت‌انجین استفاده می‌کردید. البته جت‌انجین قابلیت‌های بسیاری دیگری هم دارد. اما دست‌کم برخی موارد جزئی‌تر دیگر نیازی به نصب این افزونه ندارید و با خود المنتور هم می‌توانید بسازید. در این جلسه از آموزش جامع طراحی سایت وردپرس حتماً با لوپ گرید و لوپ کروسل کار کنید. همچنین نظرات و تجربیات خود را با متخصصین آژانس نوآوری رسام در میان بگذارید.