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

نویسنده ۲۲ خرداد

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

چرا وب سایت نیاز به فوتر دارد؟

یکی از بخش های بسیار پرتکرار در سایت ها فوتر است که در نرخ بازدید، اعتماد، راحتی کاربران و افزایش فروش بسیار مهم است.

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

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

آموزش درست کردن فوتر با المنتور

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

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

آموزش درست کردن فوتر با المنتور

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

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

خدمات ما در فوتر سایت با قرار دادن لیست آیکون و انجام تنظیمات ظاهری امکان پذیر است. افزودن لوگو به وسیله ابزارک سایت لوگو و drag & drop کردن آن امکان اضافه کردن لوگو را در فوتر فراهم می آورد.

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

نحوه اضافه کردن لینک و متن به فوتر با المنتور

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

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

طراحی فوتر با المنتور
  1. برای طراحی فوتر در وب سایت در وهله  اول از پیشخوان وردپرس از قسمت المنتور> قالب ها، ساخت قالب را کلیک کنید.
  2. از قسمت پوسته ساز، گزینه پاورقی را انتخاب کرده و بعد از آن دکمه Add new را  کلیک کنید.
  3. سپس با نمایش صفحه بعدی اقدام به ایجاد ساختار نماید.
  4. در این قسمت با انتخاب footer از لیست کشویی طرف راست صفحه قالب مدنظر خود را برگزینید.
  5. بعد از آن می توانید قسمت های متفاوت فوتر خود را براساس سایت خود و محتوا سفارشی کنید.
  6. بعد از آن به صورت قالب ذخیره شده در یک صفحه خاص یا  کل سایت نشان داده شود.

نحوه تنظیم کردن لینک و متن به فوتر با المنتور

زمانی که به طراحی فوتر با المنتور پرداختید برای تنظیم کردن فوتر ابتدا گزینه مربوط به ذخیره را کلیک کرده و در بخش condition یا وضعیت بخش هایی را که تمایل دارید را انتخاب نمایید مانند:

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

آموزش طراحی فوتر ریسپانسیو در وردپرس

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

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

3 نکته کلیدی در مورد ساخت فوتر موبایل در وردپرس

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

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

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

آموزش طراحی فوتر ریسپانسیو در وردپرس

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

مثلا اگر وسط چین است را می توانیم راست چین کنیم یا در بخش تایپوگرافی می توانیم سایز متن خودمان را در نمایشگر های مختلف تغییر دهیم، یا فاصله یا پدینگ المان ها (ستون، سکشن یا ابزارک ها ) می توانیم پدینگ شان را تغییر دهیم، یا اینکه برای بخش کادرهای دور خودمان برای نمایشگرهای مختلف یک عرض مشخصی را در نظر بگیریم.

3.  برای بهینه کردن صفحات در نمایشگرهای مختلف بهتر است ما سوئیچ کنیم روی نمایشگر مورد نظر کافیست نمایشگر مورد نظر خود را انتخاب کنیم تا یک نمای کلی از بخش های مختلف خودمان در این نمایشگر داشته باشیم.

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

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

 کلام آخر

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

پست های مرتبط

خطای سرور چیست؟ و چگونه آن را رفع کنیم؟ ۱۱ خرداد

خطای سرور چیست؟ و چگونه آن را رفع کنیم؟

server error یا خطای سرور چیست؟ یکی از مواردی که کاربر با آن هنگام کار با سرور گاهی مواجه می شود و دلیل آن این…

ادامه مطلب
چگونه آنلاین شاپ بزنیم؟ ۲۱ اردیبهشت

چگونه آنلاین شاپ بزنیم؟

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

ادامه مطلب
چطور طراح سایت شویم؟ ۱ اردیبهشت

چطور طراح سایت شویم؟

اگر به دنبال این هستید که چطور طراح سایت شویم؟ و برای مهارت در این رشته علاقه مند و به عنوان شغل آینده تمایل دارید…

ادامه مطلب
منابع آموزش جاوا اسکریپت رایگان ۱۱ فروردین

بهترین منابع آموزش جاوا اسکریپت رایگان

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

ادامه مطلب
قالب ‌های فروشگاه مواد غذایی بوت استرپ رایگان ۲۰ اسفند

بهترین قالب ‌های فروشگاه مواد غذایی بوت استرپ رایگان

بهترین قالب ‌های فروشگاه مواد غذایی بوت استرپ رایگان مسیر را برای رسیدن به یک وب سایت تجارت الکترونیک هموار کرده است. با استفاده از…

ادامه مطلب
بهترین قالب HTML تناسب اندام رایگان ۱۰ بهمن

بهترین قالب HTML تناسب اندام رایگان

بهترین قالب HTML تناسب اندام رایگان یک استراتژی ایده آل برای تبلیغ کسب و کارها در این حوزه است. از مهم ترین ویژگی هایی که…

ادامه مطلب

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