یکی از مهمترین قسمتهای سایت، فوتر است که در پایینترین قسمت صفحه قرار میگیرد و اطلاعات و لینکهای مهمی را در بر دارد.
هنگام ساخت و راهاندازی سایت، صفحهسازهای وردپرس، فوترهای ازپیشساختهای را به شما پیشنهاد میدهند که البته چندان چنگی به دل نمیزنند! ما در این مقاله از وبلاگ لیمو، به شما خواهیم گفت که چطور در وردپرس، یک فوتر جذاب و سفارشیسازیشده برای خود طراحی کنید.
با ما همراه باشید تا مراحل ساخت فوتر در وردپرس را قدم به قدم بررسی کنیم.
فوتر سایت کجاست؟
پیش از اینکه بخواهیم یک فوتر جذاب در وردپرس بسازیم، باید بدانیم که دقیقاً فوتر سایت کجاست و چه اطلاعاتی در آن وجود دارد.
فوتر (Footer)، به پایینترین قسمت صفحات سایت گفته میشود که در آن میتوانید اطلاعات زیر را مشاهده کنید:
- حق کپیرایت و قوانین حریم خصوصی و امنیت
- شعار و اهداف سایت در حد جمله یا عبارت کوتاه
- مجوزهای قانونی سایت مانند e_Namad
- آدرس محل شرکت (در صورت فعالیت در فضای فیزیکی)
- شماره تماس و آدرس ایمیل
- آدرس شبکههای اجتماعی
- لینکهای مهم و ضروری (مانند صفحه درباره ما، مطالب مهم، صفحه محصولات و…)
برای نمونه فوتر لیموهاست را ببینید:
آوردن تمامی این بخشها در قسمت فوتر ضرورتی ندارد؛ اما وقتی کسی بهعنوان یک کاربر وارد سایتتان میشود، بهطور پیشفرض انتظار دارد این نوع اطلاعات در بخش پایین سایت یا همان فوتر قید شده باشد. پس اگر خلاف این عمل کنید و فوتر سایتتان خالی از اطلاعات و لینکهای مهم باشد، به تجربه کاربران آسیب میزنید.
ساخت فوتر در وردپرس در سالهای اخیر، به یکی از نکات رقابتی سایتها تبدیل شده است. هرچه بیشتر روی طراحی این بخش وقت بگذارید، بهتر میتوانید توجه مخاطبان را به آن جلب کنید و در نتیجه تجربه کاربری سایت شما بهبود مییابد. بنابراین، این بخش کوچک اما مهم را دست کم نگیرید!
پیشنهاد خواندنی:صفحهساز المنتور چیست؟ (قابلیتها + نحوه نصب و استفاده از المنتور) |
آموزش ساخت فوتر در وردپرس
برای اینکه فوتر دلخواه خود را در وردپرس بسازید، میتوانید از افزونه فوتر وردپرس هم استفاده کنید. اما توصیه ما این است که سایتتان را بیجهت سنگین نکنید و بهجای استفاده از افزونههای اضافی، ابتدا قالب سایت خود را مشخص کنید و با کمک خود وردپرس فوتر بسازید. برای این کار، طبق مراحل زیر پیش بروید:
از نوار حاشیه داشبورد وردپرس، گزینه «Appearance» یا «نمایش» را انتخاب کنید. در منویی که باز میشود، روی گزینه «Widgets» یا «ابزارکها» بزنید.
با زدن گزینه Widget، صفحهای برای شما باز خواهد شد که در بخشی از آن، ابزارکها و در بخشی دیگر، قسمتهای مختلف صفحه (مانند فوتر ۱، فوتر ۲، قسمت وسط فوتر و…) مشخص شده است.
برای اینکه ابزارک دلخواه خود را به بخش مورد نظرتان در فوتر اضافه کنید، باید آن ابزارک را بگیرید و روی بخشی که میخواهید رها کنید. مانند شکل زیر:
پس از افزودن بخشهای مورد نظر، گزینه Done را بزنید. سپس صفحه سایت را چک کنید تا ببینید بخشهای مورد نظرتان در جای درستی قرار گرفتهاند یا نه. در صورت نیاز، میتوانید دوباره به کمک همین مراحل، فوتر را ویرایش کنید.
پیشنهاد خواندنی: آموزش ساخت هدر با المنتور در وردپرس (به زبان ساده) |
نحوه سفارشیسازی و ویرایش فوتر در وردپرس
درست است که در فوتر، اطلاعات نسبتا ثابت و مشخصی نمایش داده میشود، اما این به آن معنا نیست که شکل آن همیشه باید یکسان باشد! شما میتوانید بر اساس هویت برند خود، رنگ و چینش اجزا را تغییر دهید تا فوتر سایت شما به بهترین شکل با سایر اجزا هماهنگ شود.
در بخش قبل، مراحل ساخت فوتر در وردپرس را با هم بررسی کردیم. اما اگر بخواهید تغییراتی فراتر از قالب ایجاد کنید چه؟ اگر قصد افزودن المانهای خاصی را داشته باشید باید چکار کنید؟
برای سفارشیسازی فوتر، میتوانید راههای زیر را امتحان کنید:
پیشنهاد خواندنی: آموزش رفع خطای لودینگ المنتور (راهنمای گام به گام) |
۱. از بخش Customize استفاده کنید
در تنظیمات ظاهری قالب، بخشی با عنوان «سفارشیسازی» یا «Customize» وجود دارد. برای اینکه مراحل ویرایش و بررسی راحتتر شود، میتوانید از این بخش استفاده کنید. برای این کار، طبق مراحل زیر پیش بروید:
مجددا روی گزینه «Appearance» بزنید و این بار، «Customize» را انتخاب کنید. در صفحهای که باز میشود، از نوار کنار صفحه بخش گزینه «Footer» را انتخاب کنید.
حالا میتوانید ویرایشهای مورد نظر خود را روی فوتر اعمال کنید. مانند تغییر فونت، جابهجایی المانها، افزودن ابزارکهای جدید و مواردی از این قبیل.
در نهایت با زدن گزینه Publish، فوتر شما آماده میشود و میتوانید آن را در قسمت پایینی صفحات خود مشاهده کنید.
۲. سراغ تنظیمات خود قالب بروید
وقتی قالب سایت خود را انتخاب میکنید، بخش جدیدی به داشبور وردپرس اضافه میشود که به همان قالب اختصاص دارد. با استفاده از این بخش، میتوانید کارهای مختلفی انجام دهید. یکی از این کارها، ویرایش بخشهای مختلف قالب از جمله فوتر است.
در تنظیمات قالبها، میتوانید ترکیب رنگی، فونت، نحوه چینش بخشهای مختلف، تعداد ستونهای فوتر و مواردی از این قبیل را تغییر دهید. البته، برخی قالبها چنین امکاناتی در دسترس شما قرار نمیدهند. در چنین شرایطی، از روشهایی که در ادامه خواهیم گفت کمک بگیرید.
پیشنهاد خواندنی: خطای the_content در المنتور + بررسی علتها و راهحل رفع آن |
۳. از المنتور کمک بگیرید
المنتور یک افزونه صفحهساز قوی در وردپرس است که میتواند برای ساخت سایتهای شخصیسازیشده و زیبا به شما کمک کند. آموزش ساخت فوتر با المنتور به شما کمک خواهد کرد که در کمترین زمان ممکن، تغییرات دلخواه خود را روی بخش فوتر اعمال کنید.
البته استفاده از المنتور، یک کار تخصصی است و نیاز به آموزش دارد. برای شروع، میتوانید از طریق مراحل زیر برای ساخت فوتر در وردپرس با کمک المنتور اقدام کنید:
افزونه المنتور را به سایت خود اضافه کنید تا گزینه «Elements Kit» به داشبورد اضافه شود. از این بخش، گزینه «My templates» را انتخاب کنید و روی «Add New» بزنید.
در مرحله بعدی، عنوان صفحه را مشخص کنید. سپس از بخش Type گزینه Footer و از بخش Conditions گزینه Entire site را بزنید.
در نهایت تیک گزینه Activation را انتخاب کنید و Save Changes را بزنید.
پس از انجام مراحل بالا، میتوانید وارد بخش طراحی با Elementor شوید و یک فوتر خاص برای خود بسازید. همچنین میتوانید از میان طرحهای موجود، یک مورد را انتخاب کنید.
با استفاده از ویرایشگر المنتور، بهراحتی میتوانید المانهای متنی، تصویری، لینکها، لوگوها، نقشهها، قوانین کپیرایت، CTA و سایر بخشها را به فوتر سایت خود اضافه کنید. همچنین میتوانید فوتر را برای نمایش در موبایل، تبلت و لپتاپ بهینهسازی کنید تا در شرایط مختلف، به هم ریخته نشود.
در نهایت، میتوانید پیشنمایش فوتر را با استفاده از المنتور مشاهده کنید و در نهایت آن را روی سایت اصلی اعمال نمایید.
پیشنهاد خواندنی: راهنمای حل مشکل عدم نمایش فونتهای اختصاصی در المنتور وردپرس |
۳- کدهای فوتر را تغییر دهید
یک روش تخصصی برای ساخت فوتر در وردپرس و سفارشیسازی آن، این است که سراغ کدهای سایت بروید. بدیهی است که استفاده از این بخش، نیاز به دانش کدنویسی دارد و نمیتوان به همه توصیه نمیشود. برای استفاده از این روش، میتوانید طبق مراحل زیر عمل کنید:
- روی گزینه Appearance بزنید و از قسمت پایین صفحه، گزینه Theme Editor یا ویرایشگر صفحه را انتخاب کنید.
- در صفحهای که باز میشود، از نوار کناری، فایل Footer.php را پیدا کنید.
- با توجه به کدها، میتوانید به ویرایش بخشهای مختلف فوتر سایت خود بپردازید.
البته این روش، به جز پیچیدگی یک ایراد دیگر هم دارد و آن هم این است که باید زمان زیادی را صرف بررسی مجدد صفحه و بازبینی ویرایشها کنید. این در حالی است که با استفاده از ابزار Customize وردپرس یا المنتور، میتوانید حین ویرایش تغییرات را مشاهده کنید و درباره اعمال آنها تصمیم بگیرید.
تاثیر فوتر را دست کم نگیرید!
اگرچه فوتر در پایینترین بخش صفحات وب قرار دارد، اما حاوی اطلاعات مهمی است و کاربران عادت دارند در همین بخش به دنبال آدرس، شماره تماس و لینکهای مهم بگردند؛ بنابراین، حذف فوتر یا بیتوجهی به آن، به تجربه کاربری آسیب جدی خواهد زد.
ساخت فوتر در وردپرس مراحل طولانی و پیچیدهای ندارد، اما تاثیر آن روی سایت شما شگفتانگیز است. بنابراین این بخش را جدی بگیرید و درست به اندازه سایر قسمتهای سایت، روی آن وقت صرف کنید.
اگر در انجام هر یک از مراحل به مشکل خوردید یا سوالی برایتان پیش آمد، حتماً در بخش نظرات مطرح کنید تا راهنماییتان کنیم.
دیدگاه ها
اولین نفری باشید که دیدگاه خود را ثبت می کنید