طراحی بخش فوتر در المنتور

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

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

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

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

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

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

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

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

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

مطلب پیشنهادی :
اشتباهاتی که نباید در استفاده از المنتور مرتکب شوید!

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

8 thoughts on “طراحی بخش فوتر در المنتور

  1. akbar :

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

  2. فاطمه پرتو :

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

    • محمود شعبانی :

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

  3. فاطمه پرتو :

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

پاسخی بگذارید

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

مطالب داغ