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

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

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

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

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

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

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

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

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

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

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

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

  1. akbar :

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

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

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

قالب فروشگاه فایل اختصاصی ووکامرس آیلین وب | Aylinweb
پیشنمایش + خرید قالب
آیا سئوالی دارید ؟

09146056895

پشتیبانی در تلگرام