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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 کلام آخر

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

پست های مرتبط

مردی در حال طراحی سایت شخصی ۱۴ اسفند

طراحی سایت شخصی مزایا و راهکارها

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

ادامه مطلب
ووکامرس یا پرستاشاپ دو افزونه قدرتمند سیستم محتوای وردپرس ۱۰ آبان

ووکامرس یا پرستاشاپ دو افزونه قدرتمند سیستم محتوای وردپرس

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

ادامه مطلب
دامنه news چیست؟ و برای چه سایت هایی مناسب است؟ ۱۶ مهر

دامنه news چیست؟ و برای چه سایت هایی مناسب است؟

معنی دامنه news یا خبر صرفاً برای وب سایت‌ هایی که اخبار را به صورت آنلاین در اختیار کاربران قرار می ‌دهند. این دامنه بیشترین…

ادامه مطلب
دامنه top چیست؟ چرا باید دامنه تاپ را انتخاب کنیم؟ ۱۰ مهر

دامنه top چیست؟ چرا باید دامنه تاپ را انتخاب کنیم؟

دامنه top یک دامنه عمومی سطح بالا می باشد. این دامنه  توسط کمپانی جیانگ سو بنگینگ در چین مدیریت می شود. البته صرفا به نهادهای…

ادامه مطلب
الگوریتم کبوتر گوگل چیست؟ ۵ مهر

الگوریتم کبوتر گوگل چیست؟

الگوریتم کبوتر گوگل (Google Pigeon Algorithm) یکی از قدرتمندترین و عظیم ترین بروزرسانی های الگوریتم گوگل به منظور نمایش نتایج جستجو محلی و اجرای شده…

ادامه مطلب
افزونه وردپرس چیست؟ ۲۷ شهریور

افزونه وردپرس چیست؟ چرا از افزونه وردپرس استفاده می کنیم؟

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

ادامه مطلب

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