۱۰ تیر
طراحی سایت حرفه ای در اصفهان
اگر صاحب یک کسب و کار هستید و نیاز می دانید که درآمد کسب و کار خود را با داشتن وب سایت ارتقا دهید به…
ادامه مطلبساخت فوتر سایت با المنتور یکی از بهترین و پرکاربردترین ابزارهای برای سفارشی سازی وب سایت بدون نیاز به کدنویسی است. در صورتی که تمایل به تغییر دادن پاورقی و ظاهر سر صفحه دارید بدون تغییر دادن تم خود می توانید از افزونه المنتور استفاده نمایید.
چرا وب سایت نیاز به فوتر دارد؟
یکی از بخش های بسیار پرتکرار در سایت ها فوتر است که در نرخ بازدید، اعتماد، راحتی کاربران و افزایش فروش بسیار مهم است.
ساخت فوتر برای سایت همانند هدر از اهمیت ویژه ای برخوردار است. علاوه بر تاثیر بر روی ظاهر سایت اطلاعات مفیدی در اختیار کاربران قرار می دهد تا بتوانند به راحتی به بخش های مختلف وب سایت دسترسی داشته باشند.
برای طراحی و شخصی سازی از این بخش المنتور استفاده می کنند، زیرا بسیار کاربردی و به سادگی قابلیت پیاده سازی دارد. تمام بخش های فوتر مانند: سایز بندی المان ها، لوگو، رنگ، افزونه نقشه سایت، اضافه کردن لینک های ارتباطی، خدمات، شبکه های اجتماعی و بسیاری از موارد دیگر را می توان در فوتر اجرا نمود.
آموزش درست کردن فوتر با المنتور
نحوه ساخت footer در وردپرس با المنتور در دو مرحله انجام می شود. در مرحله اول امکان بکار بردن قالب های آماده المنتور فوتر را فراهم می کند.
به وسیله یک سکشن تمام عرض در فوتر مانند: رنگ، ارتفاع، تنظیمات ظاهری فوتر پرداخته و تعداد ستون های مورد نیاز خود را با پدینگ طراحی می نمایید که در آنها می توانید بخش های مورد نیاز فوتر خود را ایجاد نموده و شخصی سازی کنید.
با افزودن ستون های مختلف یا سکشن امکان قرار دادن بخش های متفاوت در فوتر وجود دارد مانند: درباره ما، اطلاعات تماس، قوانین، کپی رایت، شبکه های اجتماعی و… را پیاده سازی نمایید.
مقالات مرتبط یکی از بخش های فوتر است که از ابزار post برای ایجاد آن استفاده می کنند. از ابزارک ویرایشگر متن برای قرار دادن اطلاعات وب سایت و همچنین نحوه نمایش، سایز آن ها را می توانید به صورت دلخواه تنظیم کنید.
خدمات ما در فوتر سایت با قرار دادن لیست آیکون و انجام تنظیمات ظاهری امکان پذیر است. افزودن لوگو به وسیله ابزارک سایت لوگو و drag & drop کردن آن امکان اضافه کردن لوگو را در فوتر فراهم می آورد.
برای فعالسازی فوتر در تمامی قسمت های سایت پس از انتشار با همه قسمت های سایت باید روی حالت include قرار داده شود.
نحوه اضافه کردن لینک و متن به فوتر با المنتور
برای اضافه کردن لینک و متن به فوتر با المنتور از روش های زیر استفاده می کنیم:
- فراهم کردن تیتر در یکی از ستون ها با اضافه کردن المان های سربرگ
- اضافه کردن المان ویرایشگر متن به فوتر
- فراهم کردن سکشن داخلی یا بخشی در هر ستون فوتر (به صورت دلخواه)
- مشخص کردن کد رنگ برای هر قسمت در فوتر
در مرحله دوم ساخت فوتر به وسیله المنتور که قالب فوتر را نیز خود طراحی می کنید.
- برای طراحی فوتر در وب سایت در وهله اول از پیشخوان وردپرس از قسمت المنتور> قالب ها، ساخت قالب را کلیک کنید.
- از قسمت پوسته ساز، گزینه پاورقی را انتخاب کرده و بعد از آن دکمه Add new را کلیک کنید.
- سپس با نمایش صفحه بعدی اقدام به ایجاد ساختار نماید.
- در این قسمت با انتخاب footer از لیست کشویی طرف راست صفحه قالب مدنظر خود را برگزینید.
- بعد از آن می توانید قسمت های متفاوت فوتر خود را براساس سایت خود و محتوا سفارشی کنید.
- بعد از آن به صورت قالب ذخیره شده در یک صفحه خاص یا کل سایت نشان داده شود.
نحوه تنظیم کردن لینک و متن به فوتر با المنتور
زمانی که به طراحی فوتر با المنتور پرداختید برای تنظیم کردن فوتر ابتدا گزینه مربوط به ذخیره را کلیک کرده و در بخش condition یا وضعیت بخش هایی را که تمایل دارید را انتخاب نمایید مانند:
- گزینه Entire Site تنظیم کردن برای کل صفحات وبسایت
- گزینه Archive تنظیم کردن تمام صفحات آرشیو شده مانند: جستجو، نویسنده، صفحات آرشیو
- گزینه Singular مربوط به تنظیم کردن صفحات محصول، مقاله یا سینگل
- گزینه WooCommerce تنظیمات صفحات ووکامرس
زمانی که روی این المان ها کلیک کردید فوتر روی بخش مرتبط با سایت شما اجرا می شود حال امکان مشاهده فوتر مورد نظرتان وجود دارد.
آموزش طراحی فوتر ریسپانسیو در وردپرس
آموزش طراحی فوتر ریسپانسیو در وردپرس امری لازم و ضروری است تمامی وبسایت ها باید برای نمایشگر موبایل و تبلت بهینه شوند.
این نوع طراحی برای موتور های جستجو نیز از اهمیت ویژه ای برخوردار است. اضافه کردن تنظیمات ریسپانسیو پیشرفته به المنتور بسیار راحت و ساده بوده که برای پیاده سازی آن باید به نکات زیر توجه نمایید.
3 نکته کلیدی در مورد ساخت فوتر موبایل در وردپرس
1. امکان این وجود دارد که ما بتوانیم ابزارک ها، ستون ها و سکشن های خودمان را در حالت های مختلف مخفی کنیم.
برای دسترسی به این بخش وارد تب پیشرفته و بخش واکنشگرایی شوید ستون ها هم مانند ابزارک ها در تب پیشرفته و واکنشگرایی امکان این را دارند که در حالت دسکتاپ، تبلت و موبایل مخفی شوند.
سکشن ها دارای ویژگی دیگری نیز هستند به این صورت که علاوه بر مخفی کردن آنها امکان این که ستون های خود را در نمایشگر تبلت و موبایل به صورت معکوس نمایش دهیم. این ویژگی بسیار جالب آن است.
2. در تب محتوای پیشرفته فرقی ندارد که ابزارک، ستون یا سکشن باشد. اگر بخشی را ما مشاهده کردیم که آیکن مانیتور یا دسکتاپ برای ما اینجا نمایش داده شده به این معنی است که ما امکان تغییر دادن آن را در نمایشگرهای مختلف داریم.
مثلا اگر وسط چین است را می توانیم راست چین کنیم یا در بخش تایپوگرافی می توانیم سایز متن خودمان را در نمایشگر های مختلف تغییر دهیم، یا فاصله یا پدینگ المان ها (ستون، سکشن یا ابزارک ها ) می توانیم پدینگ شان را تغییر دهیم، یا اینکه برای بخش کادرهای دور خودمان برای نمایشگرهای مختلف یک عرض مشخصی را در نظر بگیریم.
3. برای بهینه کردن صفحات در نمایشگرهای مختلف بهتر است ما سوئیچ کنیم روی نمایشگر مورد نظر کافیست نمایشگر مورد نظر خود را انتخاب کنیم تا یک نمای کلی از بخش های مختلف خودمان در این نمایشگر داشته باشیم.
ما در حال حاضر سه نمایشگر داریم موبایل، تبلت و دسکتاپ. جالب است بدانید در نسخه های قبلی صفحه ساز المنتور ما نسخه لپ تاب و نسخه موبایل به صورت لندسکیپ را هم داشتیم که المنتور آمد این دو حالت را حذف کرد.
این سه حالتی که خیلی مهم است را کافیست شما انجام دهید تا مابقی موارد مثل لپ تاپ یا موبایل های لندسکیپ هم خودش به صورت بهینه درست می شود. پس از این حالت نگران نباشید که بر روی لپ تاپ یا موبایل های لندسکیپ برای ما تنظیماتی ندارد.
کلام آخر
در این مطلب در مورد ساخت فوتر سایت با المنتور و اموزش آن و همچنین طراحی فوتر ریسپانسیو با المنتور آشنا شدید. در صورتی که برای طراحی سایت خود تمایل به مشاوره و طراحی فوتر با المنتور داشتید می توایند با کارشناسان وب یار در ارتباط باشید.
پست های مرتبط
۱۰ تیر
۷ تیر
لورم ایپسوم چیست؟
شاید از خود پرسیده باشید لورم ایپسوم چیست؟ چطور به وجود آمد؟ چه کاربردی دارد؟ و چرا طراحان از این متن استفاده می کنند؟ به…
ادامه مطلب
۲۸ خرداد
آموزش نحوه قرار دادن پست خصوصی در وردپرس
آموزش نحوه قرار دادن پست خصوصی در وردپرس می تواند به شما کمک کند تا بتوانید یک پست خصوصی جدید ایجاد کنید یا پست قدیمی…
ادامه مطلب
۱۱ خرداد
خطای سرور چیست؟ و چگونه آن را رفع کنیم؟
server error یا خطای سرور چیست؟ یکی از مواردی که کاربر با آن هنگام کار با سرور گاهی مواجه می شود و دلیل آن این…
ادامه مطلب
۲۱ اردیبهشت
چگونه آنلاین شاپ بزنیم؟
چگونه آنلاین شاپ بزنیم؟ این سوالی است که قصد داریم در این مقاله به آن بپردازیم. برای اطلاع از آن تا آخر با ما همراه…
ادامه مطلب
۱ اردیبهشت
چطور طراح سایت شویم؟
اگر به دنبال این هستید که چطور طراح سایت شویم؟ و برای مهارت در این رشته علاقه مند و به عنوان شغل آینده تمایل دارید…
ادامه مطلب