ساخت هدر و فوتر اختصاصی با المنتور رایگان

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

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

افزونه المنتور، یک صفحه ساز پیشرفته!

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

ساخت هدر و فوتر اختصاصی

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

مرحله اول – نصب و راه اندازی

اولین قدم برای شروع این هست که افزونه Elementor – Header, Footer & Blocks Template رو روی وب سایت وردپرسی مون نصب کنیم. توجه داشته باشین از جایی که قرار هست با المنتور هدر و فوتر اختصاصی بسازیم پس طبیعتا نیاز داریم تا افزونه المنتور هم روی وب سایتمون نصب باشه…

همونطور که داخل ویدئو هم توضیح دادیم با ورود به پیشخوان وردپرسی وب سایتتون و نصب و فعال سازی این افزونه؛ در قسمت نمایش گزینه Header Footer & Blocks ظاهر میشه…

ظاهر شدن افزونه هدر و فوتر اختصاصی پس از نصب آن
ظاهر شدن افزونه هدر و فوتر اختصاصی پس از نصب آن

مرحله دوم – ساخت Template

با ورود به این قسمت میتونیم با ساخت موارد و Template های مختلف هدر و فوتر اختصاصی خودمونو با استفاده از افزونه المنتور ویرایش کنیم…

از جایی که افزونه رو تازه نصب کردیم چیزی داخلش نیست پس برای ساخت از بالا گزینه Add New رو انتخاب میکنیم.

اضافه کردن Template هدر یا فوتر
اضافه کردن Template هدر یا فوتر

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

صفحه افزونه Elementor - Header, Footer & Blocks Template
صفحه افزونه Elementor – Header, Footer & Blocks Template

در قسمت “افزودن عنوان” همونطور که مشخص هست عنوان می بایستی اسمی به قالب خودمون اختصاص بدیم و در قسمت Type of Template هم میتونیم گزینه های زیر رو انتخاب کنیم :

  1. Header
  2. Before Footer
  3. Footer
  4. Custom Block

که بر اساس نیازمون مورد مناسب رو انتخاب میکنیم…

بعد از انتخاب کردن این گزینه 2 تا آپشن خواهیم داشت : Display On و User Roles که با هم بررسی شون میکنیم :

  • در آپشن اول یا همون Display On میتونیم تعیین کنیم که فرضا هدر ما در کدوم از قسمت های وب سایت نمایش داده بشه. این مورد برای کسانی کاربرد داره که میخوان برای قسمت های مختلف وب سایتشون هدر ها متفاوت داشته باشن… مثلا برای صفحه نوشته ها یه هدر متفاوت داشته باشیم… اگه تمایل دارید برای تمامی قسمت های وب سایتتون یک هدر نمایش داده شه گزینه Entire Website رو انتخاب کنید.
آپشن Display On
آپشن Display On
  • و در قسمت User Roles هم میتونیم تعیین کنیم برای کاربر های مختلف وب سایت هدر های متفاوت داشته باشیم. فرضا برای کاربرانی داخل سایت ورود کردن یه هدر داشته باشیم یا برای کسانی که مدیر کل وب سایت هستن یه هدر داشته باشیم… اگر دوست دارین برای تمامی بازدید کنندگان سایت وردپرسی تون یک هدر داشته باشیم گزینه All رو بزنید.
آپشن User Roles
آپشن User Roles

مرحله سوم – اضافه کردن المان ها به Template

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

المان های اختصاصی Header, Footer, Blocks
المان های اختصاصی Header, Footer & Blocks

توجه داشته باشین المان های بالا مخصوص این افزونه هست و شما میتونید با استفاده از گزینه Navigation Menu فهرست دلخواه و مورد نظرتونو به هدر یا فوتر خودتون اضافه کنید.

کلام آخر

ممنونم که وقت گذاشتین و تا اخر این مقاله رو مطالعه کردین؛ امیدوارم حسابی لذت برده باشین و اینکه یادتون نره که حتما ویدئو این مقاله رو مشاهده کنید به طور مفصل داخلش توضیح دادیم که چه طوری میتونید با استفاده از این افزونه جذاب هدر و فوتر اختصاصی کنیم. اگه سوالی نظری چیزی هم داشتید حتما توی قسمت نظرات با ما در میون بزارید. تا یه آموزش دیگه فعلا !

آرین غفوری صنعتی

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

8 دیدگاه

  1. کاربر
    مجتبی 20 فروردین 1400

    خیلی آموزش زیبایی بود ممنون از شما که همچین اطلاعات مفیدی رو برای دیگران ارائه میدید و باعث پیشرفت بقیه می‌شید ….
    ممنون از آموزش خوبتون و وقتی که برای آموزش ما گذاشتید 🙏♥️

    پاسخ
    • مدیریت
      آرین غفوری صنعتی 21 فروردین 1400

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

      پاسخ
  2. کاربر
    فرانک حسینی مقدم 13 دی 1399

    سلام
    بسیار آموزش مفیدی بود.
    سپاسگذارم
    **شما که در ویدئو تصویر مشخصی دارید چرا جای تصویر شما در نظرات خالیه؟!**

    پاسخ
    • مدیریت
      آرین غفوری صنعتی 13 دی 1399

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

      پاسخ
  3. کاربر
    سجاد 10 دی 1399

    سلام و عرض ادب
    ضمن تشکر از مطالب مفیدتون شما که سایت حرفه ای هستید بهتره متن های خود را justify (تراز) کنید که
    که مقاله ها زیباتر دیده شوند . با سپاس

    پاسخ
    • مدیریت
      عرفان کاوه 11 دی 1399

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

      پاسخ
  4. کاربر
    جلیلی 19 آذر 1399

    عالیییی بود

    پاسخ
    • مدیریت
      آرین غفوری صنعتی 19 آذر 1399

      سلام آقای جلیلی خیلی ممنونم نظر لطف شماست 🌹

      پاسخ

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

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