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

امروزه استفاده از فوتر برای سایت، به اندازه هدر حائز اهمیت بوده و بسیاری از کاربران، توجه ویژه‌ای به این بخش نشان می‌دهند. محتوا و طراحی فوتر، علاوه بر اینکه بر روی ظاهر وبسایت شما تاثیر خواهد گذاشت، به دلیل اینکه فوتر شامل اطلاعات مفیدی از سایت خواهد بود، باعث می‌شود که کاربر به راحتی بتواند به بخش های مختلف و اطلاعات مفید وبسایت دست پیدا کند. طراحی و شخصی‌سازی این بخش نیز به وسیله المنتور، بسیار ساده و کاربردی قابل انجام است. اگرچه که قالب‌های پیش فرضی برای طراحی فوتر، در المنتور وجود دارد، اما به راحتی می‌توان این بخش را به صورت دستی در المنتور ایجاد و ویرایش کرد. تمامی اجزای مورد نیاز مانند ویرایش رنگ، سایزبندی المان‌ها، افزودن لوگو، افزودن نقشه سایت، خدمات، افزودن لینک‌های ارتباطی مانند شبکه‌های اجتماعی و… در این افزونه بر روی فوتر قابل اجراست.

آنچه در این مطلب می خوانید

.
.
5 راهکار تخصصی
برای بهبود کار با المنتور

ایجاد فوتر برای وبسایت

در قسمت پوسته ساز افزونه المنتور پرو، با کلیک برای روی add new و انتخاب فوتر، ایجاد و طراحی فوتر را آغاز می کنیم.

پیش از اینکه طراحی را آغاز کنید، در بخش تنظیمات فوتر، HTML tag را بر روی فوتر قرار دهید.

توسعه فوتر

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

بخش های مختلف فوتر

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

نمایش مقالات مرتبط

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

توضیحات وبسایت

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

خدمات ما

این بخش را میتوانید با استفاده از لیست آیکون، ایجاد کرده و سپس تنظیمات ظاهری آن را انجام دهید.

افزودن لوگو

با استفاده از ابزارک سایت لوگو و drag & drop آن در محل دلخواه، میتوانید لوگو خود را به فوتر اضافه کنید.

فعالسازی بر روی تمام بخش های وبسایت

برای فعالسازی فوتر طراحی شده بر روی تمامی بخش های وبسایت، پس از انتشار، بای تمام بخش های وبسایت، بر روی حالت include قرار دهید

لینک کوتاه مطلب

bit.ly bit.do tinyurl cutt.ly

گروه تعامل با کاربران فعال المنتور

ID: ir_elementor

پرسشی دارید؟ پاسختان را خواهیم داد ...

15 پاسخ

  1. سلام ببخشید من لو گوی سایتم و اسم هدرم هم زیر هدرم نمایش داده میشه و وقتی وارد سایتمم میشم بازم نمایش داداه میشه علتش چیه

    1. سلام
      علتش عدم طراحی هدر برای سایتتون هست. و یا اینکه از یک قالب ناسازگار با المنتور استفاده می کنید

  2. سلام استاد اول ممنون بابت آموزش های عالی تون . دوم یه سوال داشتم. من عینا مثل فوتر شما را طراحی کردم ولی در قیمت موبایل ترتیبش عوض میشه. وقتی جابجایی انجام میدم یا مارجین میدم یا وسط چین میکنم در حالت دسکتاپ هم میریزه بهم . چیکار باید بکنم؟

    1. سلام
      تیکت هم ارسالی کردید. لطفا برسی کنید 🌹

  3. سلام وقت بخیر
    من چطور میتونم از قسمت ابزارک ها اطلاعات تماس بزارم حاوی تماس و ایمیل و …
    مشکلم با قسمت گذاشتن آیکن هست
    نمیدونم چطور آیکن بزارم کنار متن
    ممنون میشم راهنماییم کنید

    1. سلام
      از ابزارک لیست آیکون استفاده کنید

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

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

  5. منظور Breadcrumb با قابلیت اسکرول افقی هست و اینکه داخل صفحه نمایش کامپیوتر این نوع Breadcrumb ایجاد مشکل نمی کنه ؟

  6. ممنون از این دوره عالی و بی نظیرتون آقایی معلمی

    ممنون میشم آموزش ساخت Breadcrumb شبیه سایت ایران المنتور رو هم قرار بدید.
    روزتون خوش

    1. سلام
      ایمیل بزنید راهنماییتون می کنیم

    2. سلام آموزشهاتون عالی و کاربردیه ممنون. فقط برای من این ابزارک نوشته ها (posts) کار نمیکنه همچنین من از نسخه پرو استفاده میکنم.لطفا راهنمایی بفرمایید.

    3. سلام
      بفرمایید یعنی چی کار نمیکنه؟ ابزارک لود نمیشه یا محتوای نمایش داده نمیشود؟

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

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

جلسات آموزشی
سطح پیشرفته

گروه تعامل با کاربران فعال المنتور

ID: ir_elementor

مینی دوره طراحی مگامنو

فقط 3 روز

%50 تخفیف

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

ویرایش پروفایل