ساخت هدر با المنتور

ساخت هدر با المنتور
به اشتراک گذاری بر روی twitter
به اشتراک گذاری بر روی facebook
به اشتراک گذاری بر روی telegram
به اشتراک گذاری بر روی whatsapp
به اشتراک گذاری بر روی email

چکیده مقاله

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

قالب ساز المنتور چه ویژگی های دارد؟

با استفاده از ویژگی قالب ساز المنتور پرو شما می توانید با ویرایشگر المنتور قسمت های مختلف را طراحی و ایجاد کنید از جمله:
• هر هدر یا فوتری برای قالب
• قالب های صفحه آرشیو به شما امکان تغییر طرح بندی پست های وبلاگ را می دهد.
• امکان ایجاد قالب برای صفحه نوشته یا برگه ها
• امکان تعیین قالب و طرح بندی برای نتایج جستجو
• ایجاد قالب برای صفحه 404
• طرح بندی صفحات فروشگاه ووکامرسی شما
• از قالب های چندگانه، هدرهای چندگانه، فوترهای چندگانه و … در المنتور می توانید برای موارد مختلفی استفاده کنید.
• با استفاده از قالب های دینامیکی ایجاد کنید که محتوای آن تغییر کند.

ایجاد یک قالب جدید شامل مراحل زیر را شامل می شود:

نوع قالب – Template Type: نوع قالبی که شما می خواهید ایجاد کنید را انتخاب نمایید این قالب می تواند هدر، فوتر، صفحه پست ،بایگانی و … باشد.
داده های پویا – Dynamic data: یک چارچوب کلی برای محتوای پویایی خود بسازید. به این صورت صفحه وب سایت شما با محتوایی دینامیک پر می شود
شرایط – Conditions: شرط های را تعین کنید که قالب شما در طبق آن اجرا شود، به طور مثال می توانید تعیین کنید که قالب شما فقط در یک صفحه خاص اجرا شود.

مراحل ساخت هدر با المنتور

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

  1. به مسیر قالب ها – Templates > قالب ساز – Theme Builder > هدر – Header > افزون جدید – Add New بروید و از منویی کشویی روی هدر – Header کلیک نمایید و یک نام برای قالب هدر خود وارد کرده و روی دکمه ایجاد قالب – Create Template کلیک نمایید.
  2.  یکی از بلوک ها را انتخاب کرده و روی دکمه درج – Insert کلیک نمایید. در صورتی که می خواهید خودتان آن را طراحی کنید در صفحه سایت کلیک نمایید.
  3. روی بخش تنظیمات – Settings > طرح بندی – Layout > HTML Tag کلیک نمایید و آن را از حالت پیش فرض – Default به هدر – Header تغییر بدهید.
  4.  بعد از اینکه طراحی های شما به پایان رسید روی دکمه منتشر – Publish کلیک نمایید.
  5.  از قسمت Condition هم می توانید برای هدر خود شرایطی جهت نمایش آن تعیین نمایید.

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

ساخت هدر شناور با المنتور

ایجاد هدر شناور باعث می شود که هدر یا منوی شما در همه شرایط قابل مشاهده باشد. برای اینکار به صورت زیر عمل کنید.

  1. روی آیکون ویرایش بخش در هدر خودتان کلیک نمایید و در پنل کناری المنتور به قسمت پیشرفته بروید.
  2. روی Motion Effects کلیک نمایید و گزینه Sticky را روی حالت TOP قرار بدهید.
  3. دستگاه های مورد نیاز خود را انتخاب نمایید.(دسکتاپ، تبلت، موبایل)
  4.  هدر را به روز رسانی کنید و Conditions آن را تنظیم کنید.

ساخت هدر با المنتور - هدر شناور

 

شرایط – Conditions در المنتور

المنتور از نسخه 2.0 به بعد قابلیت قالب های هدر و فوتر را به این افزونه اضافه کرد. این قالب ها می توانند در کل سایت شما یا ترکیبی از صفحات مورد نظر شما نمایش داده شوند.
با استفاده از امکان شرایط – Conditions هم می توانید تعیین کنید که دقیقاً در چه موقعیت مانند یک دسته بندی، طبقه بندی یا صفحه ای نمایش داده داده شوند.

تعین شرایط در ساخت هدر با المنتور

چطوری شرایط – Conditions نمایش را تنظیم کنیم؟

گزینه شرایط – Conditions به شما این امکان را می دهد که یک شرط برای نمایش قالب تعیین نمایید.
به عنوان مثال ما برای هدری که ایجاد کردیم تعیین می کنیم که تنها در صفحه اصلی نمایش داده شود برای اینکار هم پس از کلیک روی دکمه Display conditions مطابق با تصویر زیر عمل کرده ایم.

 

تنظیم Conditions در قالب ساز المنتور

به این صورت ما دو هدر خواهیم داشت یک هدر که در صفحه اصلی نمایش داده می شود و یک هدر دیگر که در سایر صفحات سایت نمایش داده می شود.
شما همیشه می توانید با کلیک بر روی Display conditions این شرط ها را حذف یا تغییر دهید.

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

به اشتراک گذاری بر روی facebook
به اشتراک گذاری بر روی google
به اشتراک گذاری بر روی twitter
به اشتراک گذاری بر روی linkedin
به اشتراک گذاری بر روی telegram
به اشتراک گذاری بر روی whatsapp
به اشتراک گذاری بر روی email
به اشتراک گذاری بر روی print

دریافت مقالات ناب

مقالات شبیه مقالات بالا رو هر هفته میفرستیم به ایمیلتون

2 پاسخ

  1. سلام خسته نباشید بابت سایت خوبی که دارید
    بنده حقیر یک سوال دارم ویژوال کامپوزر یا المنتور برای هر قالب وردپرس اماده و رایگان میشه استفاده کرد؟؟؟
    و لطف میکنید کدوم قالب ها اماده و رایگان میشه ار المنتور استفاده کرد حالا به غیر از قالب hello elmentor

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

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

× پشتیبانی آنلاین