ساخت فوتر در المنتور

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

ساخت قسمت فوتر با المنتور

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

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

footer in elementor - طراحی بخش فوتر در المنتور
ساخت فوتر در المنتور

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

نحوه ساخت بخش فوتر

  1. اول از همه ما یک سکشن یا بخش ایجاد کردیم و آن را به 3 ستون تقسیم کردیم تا هر ستون به بخش مساوی تقسیم شود. البته میتونید ستون ها رو زیاد و کم کنید مونده به سلیقه خودتون.
  2. سپس بر اساس سلیقه شخصی خودم در سمت راست یک سربرگ با عنوان درباره ما ایجاد کردم و کمی در باره وب سایت متنی رو قرار دادم و در زیر متن هم از آیکون های شبکه های اجتماعی استفاده کردم و در آخر هم یک دکمه قرا دادم و در صورت کلیک به صفحه درباره ما هدایت می شود.
  3. در مرحله سوم با استفاده از کپی و پیس المانها، سربرگ یا عنوان رو کپی کردم و در ستون بعدی قرار دادم و دیگه نیازی به نوشتن دوباره نباشه.
  4. در ستون وسط لینک هایی رو قرار دادم و همچنین از نقشه گوگل هم استفاده کردم.
فقط یک نکته مهمی است که باید حتما بدونید، البته در ویدئو هم گفتم وقتی شما بخش فوتر، هدر، و ساید بار و مقالات رو می سازید حتما در بخش تگ html تگ های مورد نظر رو انتخاب کنید. برای هدر از تگ header استفاده کنید و برای فوتر از تگ footer و برای مقالات هم از تگ Article و برای سایدبار هم از Aside میتونید استفاده کنید.
footer tag - طراحی بخش فوتر در المنتور
انتخاب تگ فوتر در المنتور

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

مطلب پیشنهادی :   آموزش ساخت حالت شب در المنتور + فیلم آموزشی اختصاصی

ویدئوی آموزش طراحی فوتر در المنتور

12 دیدگاه

  • Author's gravatar
    akbar 23rd اکتبر 2019 , 12:55 ق.ظ

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

    پاسخ
  • Author's gravatar
    فاطمه پرتو 3rd دسامبر 2019 , 10:48 ب.ظ

    سلام من قالب impreza رو از سایت شما خریداری کردم هنگام آپلود روی دایرکت ادمین به عنوان تروجان وبدافزار شناسایی شد و آپلود کنسل شد
    ممنون میشم پیگیری کنید وبفرمایید چرا بدافزار رو به عنوان فایل برای فروش میزارید؟؟؟

    پاسخ
    • Author's gravatar
      محمود شعبانی 4th دسامبر 2019 , 12:43 ق.ظ

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

      پاسخ
  • Author's gravatar
    فاطمه پرتو 4th دسامبر 2019 , 10:06 ب.ظ

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

    پاسخ
    • Author's gravatar
      محمود شعبانی 5th دسامبر 2019 , 11:52 ق.ظ

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

      پاسخ
  • Author's gravatar
    امیر 9th دسامبر 2019 , 10:37 ب.ظ

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

    پاسخ
    • Author's gravatar
      محمود شعبانی 10th دسامبر 2019 , 1:24 ب.ظ

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

      پاسخ
  • Author's gravatar
    اکبر 23rd فوریه 2020 , 1:50 ب.ظ

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

    پاسخ
    • Author's gravatar
      محمود شعبانی 23rd فوریه 2020 , 7:36 ب.ظ

      سلام دوست عزیز
      یعنی توی نسخه جدید صفحه خام رو نمیده؟
      تازه چک کردیم درس بود

      پاسخ
  • Author's gravatar
    علیرضا علیجانی 7th آوریل 2020 , 5:22 ب.ظ

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

    پاسخ

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

مطالب داغ