فهرست محتوا
یکی از ویژگی‌های جذاب افزونه Elementor Pro، امکان نمایش لیست پست ها است که به شما اجازه می‌دهد پست‌های وبلاگ یا اخبار سایت خود را با ظاهری زیبا و حرفه‌ای در صفحات مختلف وب‌سایتتان نمایش دهید. این قابلیت نمایش لیست پست ها در صفحه، انعطاف‌پذیری زیادی برای طراحی و سفارشی‌سازی دارد و به کمک آن می‌توانید لیست پست‌ها را دقیقاً مطابق با نیاز خود بسازید. در این مقاله، به‌صورت کامل و گام‌به‌گام نحوه نمایش لیست پست ها در المنتور (Show the list of posts in Elementor) را آموزش می‌دهیم و تمامی جزئیات و تنظیمات مورد نیاز را بررسی می‌کنیم.
چرا نمایش نمایش لیست پست ها در صفحه با المنتور اهمیت دارد؟
نمایش لیست پست‌ها در المنتور یکی از بهترین ابزارها برای طراحی وب‌سایت‌های حرفه‌ای است که به شما امکان می‌دهد تا محتوای سایت خود را به شکلی جذاب و منظم به کاربران ارائه دهید. این قابلیت اهمیت ویژه‌ای دارد، زیرا:
- به شما کمک می‌کند تا محتوای وب‌سایت خود را به‌صورت سازماندهی‌شده و برجسته نمایش دهید.
- باعث افزایش تعامل کاربران و ترغیب آن‌ها به مطالعه بیشتر می‌شود.
- تجربه کاربری را بهبود می‌بخشد و کاربران را به ماندن در سایت تشویق می‌کند.
- طراحی صفحات مختلف سایت، از جمله صفحه اصلی یا بخش‌های داخلی، جذاب‌تر و حرفه‌ای‌تر خواهد شد.
ایجاد یک قالب جدید برای نمایش لیست پست ها در المنتور
برای طراحی نمایش لیست پست ها، ابتدا باید یک قالب جدید در المنتور ایجاد کنید. این روش به شما این امکان را می‌دهد که پست‌های سایت را در بخش‌های مختلف مانند صفحه اصلی، صفحه دسته‌بندی‌ها یا حتی یک صفحه کاملاً اختصاصی نمایش دهید.
مراحل ایجاد قالب برای نمایش لیست پست ها در المنتور شامل موارد زیر می‌شود:
- به پیشخوان وردپرس بروید و به قسمت المنتور < قالب‌ها < افزودن جدید مراجعه کنید.
- نوع قالب را صفحه یا بخش انتخاب کنید.
- یک نام مناسب مانند “لیست پست‌ها” وارد کرده و روی گزینه ایجاد قالب کلیک کنید.
پس از انجام این مراحل، قالب شما آماده است و می‌توانید برای نمایش لیست پست ها از آن استفاده کنید.
افزودن ویجت Posts برای نمایش لیست پست ها در المنتور
یکی از ابزارهای پیشرفته المنتور پرو، ویجت Posts است که به‌طور خاص برای نمایش نمایش لیست پست ها در المنتور طراحی شده است. این ویجت به شما امکان می‌دهد تا به‌راحتی پست‌های وبلاگ را در صفحه قرار دهید و آن‌ها را مطابق با طراحی دلخواه سفارشی کنید.
مراحل افزودن ویجت Posts برای نمایش لیست پست ها در المنتور شامل موارد زیر است:
- وارد ویرایشگر المنتور شوید.
- از پنل ابزارها، ویجت Posts را جستجو کنید.
- این ویجت را به داخل صفحه کشیده و در محل دلخواه قرار دهید.
- به‌محض اضافه کردن ویجت، لیستی از پست‌های وبلاگ شما به‌صورت پیش‌فرض نمایش داده می‌شود.
این روش ساده‌ترین راه برای طراحی نمایش لیست پست ها در المنتور است.
تنظیمات ویجت Posts برای نمایش لیست پست ها در المنتور
ویجت Posts دارای تنظیمات متنوعی است که به شما کمک می‌کند نمایش لیست پست ها در صفحه را مطابق نیاز خود طراحی کنید. در این بخش، مهم‌ترین تنظیمات این ویجت را بررسی می‌کنیم:
تنظیمات محتوا
تنظیمات محتوا شامل:
Query (پرس‌وجو)
این بخش به شما امکان می‌دهد تا انتخاب کنید کدام پست‌ها نمایش داده شوند. می‌توانید پست‌ها را بر اساس دسته‌بندی، برچسب یا ویژگی‌های خاص فیلتر کنید.
Order (ترتیب)
مشخص کنید پست‌ها بر اساس تاریخ، عنوان یا به‌صورت تصادفی مرتب شوند.
Exclude/Include
اگر بخواهید برخی از پست‌ها را حذف یا به لیست اضافه کنید، از این گزینه استفاده کنید.
تنظیمات طرح‌بندی (Layout)
این تنظیمات شامل موارد زیر می‌شود:
Skin: المنتور چندین طرح‌بندی آماده برای نمایش لیست پست ها در المنتور ارائه می‌دهد، مانند Classic و Cards.
Columns & Posts Per Page: تعداد ستون‌ها و تعداد پست‌هایی که در هر صفحه نمایش داده می‌شوند را مشخص کنید.
تنظیمات استایل
تنظیمات استایل شامل موارد زیر است:
Typography: نوع و اندازه فونت متن و عنوان پست‌ها را تغییر دهید.
Colors: رنگ متن، پس‌زمینه و لینک‌ها را سفارشی کنید.
Spacing: فاصله بین عناصر را تنظیم کنید تا طراحی تمیز و منظم باشد.
این تنظیمات به شما کنترل کامل بر روی طراحی نمایش نمایش لیست پست ها در صفحه با المنتور را می‌دهد.
انتشار قالب و استفاده از آن برای نمایش لیست پست ها در المنتور
پس از طراحی و سفارشی‌سازی کامل قالب خود برای نمایش لیست پست ها در المنتور، مراحل زیر را برای انتشار و استفاده از آن دنبال کنید:
انتشار قالب
وقتی طراحی قالب به اتمام رسید، روی دکمه انتشار در پایین صفحه کلیک کنید. این کار باعث می‌شود قالب آماده استفاده در سایت باشد.
استفاده از قالب
شما می‌توانید قالب خود را در هر بخشی از سایت استفاده کنید. برای این کار:
- به صفحه‌ای که می‌خواهید نمایش لیست پست ها در المنتور را در آن قرار دهید، بروید.
- قالب طراحی‌شده را با استفاده از شورت‌کد یا تنظیمات المنتور اعمال کنید.
- پیش‌نمایش صفحه را بررسی کرده و درصورت نیاز تغییرات نهایی را اعمال کنید.
سازگاری با سایر صفحات
اگر می‌خواهید قالب نمایش لیست پست ها در صفحه مختلف استفاده کنید، مطمئن شوید که طراحی قالب شما با ساختار سایت سازگار است.
با این مراحل، قالب شما آماده خواهد بود تا به بهترین شکل ممکن نمایش لیست پست ها را انجام دهد و تجربه کاربری بهتری برای بازدیدکنندگان سایت فراهم کند.
افزودن فیلتر برای نمایش لیست پست ها در المنتور
اگر می‌خواهید کاربران بتوانند لیست پست‌ها را بر اساس دسته‌بندی‌ها، تاریخ یا برچسب‌ها فیلتر کنند، می‌توانید از افزونه‌های جانبی مثل JetSmartFilters استفاده کنید. این افزونه به‌خوبی با المنتور پرو سازگار است و قابلیت فیلترهای پیشرفته را به نمایش لیست پست ها در Elementor اضافه می‌کند.
بهبود تجربه کاربری برای نمایش لیست پست ها در المنتور
برای ایجاد یک تجربه کاربری بهتر و حرفه‌ای‌تر در نمایش لیست پست ها در المنتور، رعایت نکات زیر ضروری است:
تصاویر شاخص با کیفیت
تصاویر شاخص، نقش مهمی در جلب توجه کاربران دارند. برای نمایش لیست پست ها، حتماً از تصاویر با کیفیت بالا و متناسب با موضوع هر پست استفاده کنید. تصاویر زیبا، جذابیت لیست پست‌ها را افزایش می‌دهند.
خلاصه مطالب
هر پست باید یک خلاصه کوتاه و مفید داشته باشد که موضوع آن را به خوبی توضیح دهد. خلاصه مناسب به کاربران کمک می‌کند تا سریع‌تر تصمیم بگیرند که کدام پست برای آن‌ها جذاب‌تر است. این مورد تأثیر بسزایی در افزایش تعامل کاربران با نمایش لیست پست ها در المنتور دارد.
Lazy Load
برای بهبود سرعت سایت و جلوگیری از بارگذاری غیرضروری، از قابلیت Lazy Load استفاده کنید. این قابلیت باعث می‌شود تصاویر پست‌ها تنها زمانی بارگذاری شوند که کاربر به بخش نمایش لیست پست ها در صفحه برسد. این روش سرعت کلی سایت را افزایش می‌دهد و تجربه بهتری برای کاربران فراهم می‌کند.
دکمه “بیشتر بخوانید”
هر پست باید یک دکمه با عنوانی مانند “ادامه مطلب” یا “بیشتر بخوانید” داشته باشد. این دکمه کاربران را به صفحه کامل پست هدایت می‌کند و به آن‌ها اجازه می‌دهد جزئیات بیشتری از محتوای موردنظر خود ببینند. این ویژگی برای نمایش لیست پست ها در المنتور ضروری است تا کاربر بتواند به‌راحتی به محتوای عمیق‌تر دسترسی پیدا کند.
مزایای نمایش نمایش لیست پست ها در المنتور
مزایای نمایش لیست پست ها در Elementor شامل موارد زیر می‌شود:
انعطاف‌پذیری بالا: شما می‌توانید هر بخش از لیست پست‌ها را سفارشی کنید.
افزایش تعامل: طراحی زیبا کاربران را ترغیب به کلیک و مطالعه می‌کند.
مدیریت آسان: بدون نیاز به دانش کدنویسی، به‌راحتی لیست پست‌ها را مدیریت کنید.
در پایان
افزونه Elementor Pro ابزاری فوق‌العاده برای طراحی وب‌سایت‌های حرفه‌ای و نمایش لیست پست ها در صفحه است. قابلیت نمایش لیست پست ها در المنتور یکی از امکانات برجسته این افزونه محسوب می‌شود که با استفاده از آن می‌توانید پست‌های وبلاگ خود را با طراحی‌های شگفت‌انگیز و حرفه‌ای به نمایش بگذارید.
دیدگاهتان را بنویسید