سایدبار با المنتور

با آموزش قدم به قدم ساخت سایدبار در المنتور در خدمت شما عزیزان هستم و میخوام که در این مقاله بهتون آموزش بدم که چطور با المنتور سایدبار طراحی کنید، چون در برخی از قالب ها سایدبار وجود ندارد و یا می خواهید یک سایدبار برای نوشته درست کنید میتوانید از این آموزش استفاده کنید و همچنین در دوره آموزش المنتور من این بخش رو برای شما نگفتم. 🤦‍♂️

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

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

elementor sidebar aylinweb 1 - آموزش قدم به قدم ساخت سایدبار در المنتور
طراحی بخش ستون کناری در افزونه المنتور

در ویرایشگر المنتور، روی دکمه + کلیک کنید (با پس زمینه قرمز در وسط صفحه نمایان است) و در قسمت ساختار، گزینه 6 از ردیف اول را انتخاب کنید. یعنی میخواهیم که ساید بار در سمت چپ صفحه باشد.

elementor sidebar aylinweb 2 - آموزش قدم به قدم ساخت سایدبار در المنتور
قرار گرفتن ستون کناری در صفحه

با این کار صفحه ما به 2 قسمت تشکیل می شود که یک ستون 70% از صفحه رو تشکیل داره و یک ستون هم 30%، در ستون 70% باید محتویات نوشته ها قرار بگیرد و در سمت چپ هم که 30% از صفحه رو گرفته، همون ستون کاری یا سایدبار قرار میگیرد. (یعنی ما باید ساید بار رو در سمت چپ طراحی بکنیم).

مطلب پیشنهادی :   ساخت صفحه تکی محصول ووکامرس با المنتور + فیلم آموزشی
elementor sidebar aylinweb contents - آموزش قدم به قدم ساخت سایدبار در المنتور
بخش محتویات نوشته های المنتور

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

elementor sidebar aylinweb 4 - آموزش قدم به قدم ساخت سایدبار در المنتور
ساخت بخش محتوا در کنار ستون کناری

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

همون طور که مشاهده می کنید ظاهر مناسبی نداره و ما باید بریم به تنظیمات تا با بخش سایت بار در المنتور سارکار کنیم.

elementor sidebar aylinweb 8 - آموزش قدم به قدم ساخت سایدبار در المنتور
قرار دادن بخش پست ها در المنتور

برای رفع این بهم ریختگی فقط کافیه که به تنظیمات پست ها برید و تنظیمات همانند تصویر زیر رو اعمال کنید.

elementor sidebar aylinweb 5 - آموزش قدم به قدم ساخت سایدبار در المنتور
تنظیمات پست ها در المنتور

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

elementor sidebar aylinweb 9 - آموزش قدم به قدم ساخت سایدبار در المنتور
نمایش پست های جدید در المنتور

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

شخصی سازی بخش سایدبار در المنتور

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

مطلب پیشنهادی :   ساخت متن گرادیانت در المنتور
elementor sidebar aylinweb 10 - آموزش قدم به قدم ساخت سایدبار در المنتور
سفارشی سازی بخش ستون کناری در المنتور

بعد از اینکه ساید بار رو سفارشی و شخصی سازی کردید همانند تصویر زیر، باید صفحه رو ذخیره کنیم.

elementor sidebar aylinweb 11 - آموزش قدم به قدم ساخت سایدبار در المنتور
تصویر نهایی ساخت سایدبار در المنتور

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

مطالب داغ