آموزش طراحی سایدبار با استفاده از المنتور

المنتور به شما قابلیت طراحی تمامی بخش های سایت از جمله نوشته تکی (Single Page) را می دهد. اگر از این ویژگی برای طراحی بخش نوشته ها استفاده کرده اید شاید کمبود بخش سایدبار را متوجه شده باشید.

تمامی قالب ها دارای گزینه ابزارک ها در پیشخوان وردپرس می باشند. ولی اگر از کاربرانی هستید که در کنار استفاده از افزونه المنتور، از قالب Hello Elementor استفاده میکنید، شاید متوجه حذف شدن بخش ابزارک ها از تب نمایش در وردپرس شده اید. این مورد بنابر گفته های المنتور به دلیل سبک تر شدن قالب و حذف کد های اضافی انجام شده و برای ایجاد سایدبار باید از خود المنتور استفاده کرد.

در این آموزش قصد داریم بدون نیاز به بخش ابزارک ها و فقط با استفاده از المنتور، برای بخش نوشته ها سایدبار طراحی کنیم.

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

در ویرایشگر المنتور، روی دکمه + کلیک کنید و در قسمت ساختار، گزینه 6 از ردیف اول را انتخاب کنید.

بعد از انتخاب این ساختار، بخش اصلی به 2 ستون با عرض های 70 و 30 درصد تقسیم می شود. ستون با عرض 70 درصد بخش محتوایی نوشته ها خواهد بود و ستون با عرض 30 درصد بخش سایدبار وبلاگ خواهد بود.

در ستون سمت راست ویجت های مربوط به نمایش عنوان پست، محتویات پست، تصویر ویژه و … را قرار در.

از لیست ویجت های بالا برای طراحی بخش محتوایی استفاده کنید.

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

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

بعد از قرار دادن ویجت پست ها، می بینید که ظاهر مناسبی برای قرار گرفتن در سایدبار ندارد.

برای رفع این مورد، تنظیمات را طبق تصویر کامل کنید تا نمایش آخرین نوشته ها مناسب برای سایدبار شود.

بعد از اعمال این تنظیمات ظاهر ویجت پست ها به شکل زیر خواهد شد.

حالا میخواهیم بخش اشتراک گذاری در شبکه های احتماعی را در سایدبار قرار دهیم. از بین لیست ویجت دکمه های اشتراک گذاری را پیدا کرده و در سایدبار قرار دهید.

سفارشی سازی سایدبار

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

میتوانید ویجت ها و ابزار های مورد نیازتان را در این بخش قرار داده و دکمه انتشار را بزنید.

خب در انتها مشاهده می کنید که سایدبار نوشته های وردپرس را با استفاده از المنتور طراحی کردیم.

دانلود فایل اجرایی

در آخر هم میتوانید فایل اجرایی این آموزش را از طریق لینک زیر دانلود و با استفاده از آموزش نحوه ذخیره، درون ریزی و خروجی گرفتن از قالب های المنتور استفاده کنید.

دانلود نوشته تکی + سایدبار

همچنین در بخش ترفند های المنتور، میتوانید آموزش ایجاد سایدبار شناور را مشاهده کنید.

امیدواریم که از این آموزش هم به خوبی استفاده کرده باشد. اگر مشکلی در هنگام اجرای این آموزش دارید از طریق بخش نظرات مشکلات خود را مطرح کنید.