آقای برنامه نویس

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

بخش های کناری یک وب سایت ( که تبلیغات و یا لینک دیگر مطالب در آن نمایش داده می شوند ) را سایدبار (sidebar) می نامند. در این بخش، اطلاعاتی مانند لیست مطالب نمایش داده میشود.

سایدبار چیست؟

بخش های کناری یک وب سایت ( که تبلیغات و یا لینک دیگر مطالب در آن نمایش داده می شوند ) را سایدبار (sidebar) می نامند. در این بخش، اطلاعاتی مانند لیست مطالب نمایش داده میشود.

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

مثلا قادر خواهیم بود که آخرین نوشته های سایت، نماد های اعتماد و یا لیستی از برگه ها ی مهم سایت را در سایدبار قرار دهیم. در اکثر قالب های وردپرسی بخشی برای نمایش ابزارک های سایدبار وجود دارد. اما قالب Hello Elementor این امکان را ندارد!

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

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

1. ایجاد قالب Single

  1. از منوی پیشخوان وردپرس “قالب ها > افزودن قالب” را انتخاب می کنیم.
  2. در پنجره باز شده نوع قالب خود را روی نوشته تکی قرار می دهیم.
  3. نامی برای قالب خود درج کرده و در نهایت قالب را ایجاد می کنیم.
طراحی سایدبار با المنتور | آموزش رایگان المنتور
طراحی سایدبار با المنتور

2. اضافه کردن المان Post Content

المان Post Content (محتوای پست) یکی از المان های موجود در قالب نوشته تکی می باشد. کار این المان نمایش دادن محتوای انواع نوشته ها در قالب فعلی می باشد.

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

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

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

در ستون بعدی المان Post Content (محتوای نوشته) را قرار می دهیم.

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

3. درون ریزی محتویات سایدبار

حال ابتکار عمل در دست شماست. 2 روش برای تبدیل ستون اول به سایدبار وجود دارد.

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

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

4. شرایط انتشار قالب

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

اگر المنتور شما فارسی نیست: در این صفحه INCLUDE به معنای ” شامل ” و EXCLUDE به معنای “شامل نشدن است”

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

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

در صورتی که میخواید سادبار شما شما در بعضی از برگه ها نمایش داده نشود (مثلا برگه سبد خرید) یک ردیف اضافه کرده و برگه سبد خرید را EXCLUDE (به غیر از…) کنید.

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

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

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام آقای برنامه نویس عضو شوید.
saeedhassani
saeedhassani
محتوا پادشـــاه است، با تایپ هر کلمه یک قدم به هدفـم نزدیک تـر میشم...
saeedhassani
saeedhassani
محتوا پادشـــاه است، با تایپ هر کلمه یک قدم به هدفـم نزدیک تـر میشم...

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

فهرست مطالب

پاسخ خود را پیدا نکردید؟
همکاران ما آنلاین هستند تا پاسخگوی سوالات شما باشند حتما سوال خود را در بخش دیدگاه ها بپرسید.
افزونه مستر پک برای افزونه صفحه ساز المنتور
افزونه مستر پک در مخزن وردپرس به‌صورت رایگان منتشر شد!

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

ساخت دکمه گرادیانت در المنتور، بدون افزایه جانبی
ساخت دکمه گرادیانت در المنتور، بدون نیاز به افزایه جانبی

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

قابلیت کد کوتاه ضروری در افزونه المنت پک - آقای برنامه نویس
قابلیت کد کوتاه ضروری در افزونه المنت پک

استفاده از کد های کوتاه در نوشته ها و بخش های سایت امکانات زیادی را برای ما فراهم میکند. در این مقاله ما به بررسی ویژگی کد کوتاه ضروری در افزونه المنت پک می‌پردازیم. پس با ما همراه باشید…

تغییرات وردپرس 5.7 - آقای برنامه نویس
وردپرس 5.7 منتشر شد!

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

طراحی صفحه در دست تعمیر وردپرس با المنتور
طراحی صفحه در دست تعمیر وردپرس با المنتور

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

نحوه تغییر DNS دامنه های ir در ایرنیک - آقای برنامه نویس آموزش المنتور و وردپرس
نحوه تغییر DNS دامنه های ir در ایرنیک

دامنه هویت وب‌سایت را در اینترنت مشخص می‌کند. تغییر dns دامنه های ir با دامنه های جهانی متفاوت است. بهترین راه تغییر DNS دامنه ir در پنل وب سایت ایرنیک است.

سفارشی سازی قالب وردپرس با ابزار inspect element
سفارشی سازی قالب وردپرس با ابزار inspect element

آیا تاکنون قصد داشته اید بصورت موقت یک صفحه وب را ویرایش کنید تا درمورد رنگ ها، فونت ها و استایل های وبسایت تصمیم گیری کنید؟ این عمل با ابزاری که هم اکنون روی مرورگر وب شما با نام inspect element وجود دارد کاملا امکان پذیر است.

طراحی پوسته باکس پست‌های المنتور - آقای برنامه نویس
طراحی پوسته باکس پست‌های المنتور

احتمالا شما نیز تاکنون از ویجت پست های المنتور استفاده کرده‌‌اید. این المان تنها دارای 3 پوسته ( کلاسیک، کارت ها و محتوای تمام عرض ) می‌باشد. ولی شاید نیاز به سفارشی سازی و اضافه کردن امکانات بیشتری برای نمایش پست‌ها داشته باشید.

ساخت ابزارک در وردپرس و افزودن ابزارک به قالب وردپرس
ساخت ابزارک در وردپرس و افزودن ابزارک به قالب وردپرس

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

ورود به حساب