مرحله پانزدهم: فوتر و سایدبار

فوتر و سایدبار از مهم‌ترین بخش‌های یک سایت وردپرسی هستند که هم روی تجربه کاربری (UX) تأثیر دارند و هم روی سئو داخلی (Internal Linking). این بخش‌ها معمولاً در تمام صفحات تکرار می‌شوند و به همین دلیل باید هدفمند، سبک و کاربردی طراحی شوند، نه شلوغ و بی‌هدف.

فوتر (Footer) چیست و چرا مهم است؟

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

«نمایش → ابزارک‌ها (Widgets)» یا
«نمایش → سفارشی‌سازی»

مدیریت می‌شود (بسته به قالب).

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

ساختار استاندارد فوتر (بهترین چینش حرفه‌ای)

معمولاً فوتر به 3 یا 4 ستون تقسیم می‌شود:

ستون 1: معرفی سایت

• لوگو کوچک
• توضیح کوتاه درباره سایت (2–3 خط)
• لینک درباره ما

هدف: برندینگ + اعتماد

ستون 2: لینک‌های مهم

• مقالات
• دوره‌ها
• تماس با ما
• سوالات متداول

هدف: تقویت لینک‌سازی داخلی

ستون 3: دسته‌بندی‌ها

• سئو
• وردپرس
• هوش مصنوعی
• آموزش‌ها

هدف: بهبود ساختار سئو (Topic Clusters)

ستون 4: ارتباط و شبکه‌های اجتماعی

• اینستاگرام
• لینکدین
• تلگرام
• ایمیل

RSS Feed چیست و چرا در فوتر مهم است؟

RSS Feed یک خروجی خودکار از آخرین مطالب سایت است.

مثال:
اگر سایت خبری مثل ورزش ۳ داشته باشی، RSS باعث می‌شود:

• آخرین اخبار به‌صورت خودکار قابل دریافت باشد
• سایت‌های دیگر بتوانند مطالب تو را دنبال کنند

اضافه کردن RSS در فوتر:

1. برو به: نمایش → ابزارک‌ها
2. ابزارک «RSS» را انتخاب کن
3. لینک RSS سایت را وارد کن (مثلاً: /feed)
4. ذخیره کن

نمایش شبکه‌های اجتماعی در فوتر

اگر قالب شما ابزارک آماده نداشت:

روش 1 (ساده):

بیشتر قالب‌ها:
ابزارک «آیکن شبکه‌های اجتماعی» دارند

روش 2 (حرفه‌ای‌تر):

اگر ندارید:

نصب افزونه:

• Social Icons Widget
• یا Simple Social Icons

بعد:

1. افزونه را نصب کن
2. وارد Widgets شو
3. آیکن‌ها را Drag & Drop کن در فوتر
4. لینک شبکه‌ها را وارد کن

سایدبار (Sidebar) چیست؟

سایدبار معمولاً کنار مقالات نمایش داده می‌شود (چپ یا راست صفحه).

نکته مهم:
سایدبار را بیشتر برای مقالات (Blog Posts) استفاده کن، نه صفحات اصلی.

شورتکد (Shortcode) در وردپرس چیست؟

شورتکدها در وردپرس یک نوع «میانبر کد کوتاه» هستند که به شما اجازه می‌دهند بدون کدنویسی، قابلیت‌های پیچیده را در صفحات و نوشته‌ها نمایش دهید.

ساختار شورتکد معمولاً به این شکل است:
[shortcode_name]

کاربرد شورتکدها چیست؟

شورتکدها برای نمایش امکاناتی استفاده می‌شوند که معمولاً با افزونه‌ها ساخته می‌شوند، مثل:

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

یعنی به‌جای کدنویسی، فقط یک خط کوتاه در برگه قرار می‌دهید.

آیا شورتکد خودش نصب می‌شود یا مربوط به افزونه‌هاست؟

شورتکد به‌صورت پیش‌فرض در وردپرس وجود دارد، اما:

✔ خود وردپرس چند شورتکد ساده دارد
✔ اما اکثر شورتکدهای کاربردی توسط افزونه‌ها ساخته می‌شوند

مثال:

• Contact Form 7 → شورتکد فرم تماس
• Gravity Forms → شورتکد فرم حرفه‌ای
• Slider Revolution → شورتکد اسلایدر
• Social Icons → شورتکد آیکن شبکه‌های اجتماعی

مثال واقعی استفاده از شورتکد

مثلاً وقتی افزونه Social Icons نصب می‌کنید:

شما یک شورتکد دریافت می‌کنید مثل:
[social_icons]

این را می‌توانید در:

• فوتر
• سایدبار
• برگه‌ها

قرار دهید تا آیکن شبکه‌های اجتماعی نمایش داده شود.

شورتکد در ابزارک (Widgets) چگونه استفاده می‌شود؟

اگر بخواهید شورتکد را در فوتر یا سایدبار قرار دهید:

مسیر:
نمایش → ابزارک‌ها

بعد:

1. ابزارک «Shortcode» یا «متن» را انتخاب کنید
2. شورتکد را داخل آن قرار دهید
3. ذخیره کنید

مثال:
[social_icons]

✔ نتیجه: آیکن‌های شبکه‌های اجتماعی در فوتر نمایش داده می‌شود.

 بهترین آیتم‌های سایدبار حرفه‌ای

1. جستجو

• Search Box

کاربرد: افزایش تعامل کاربر

2. آخرین نوشته‌ها

• Recent Posts

کاربرد: افزایش بازدید داخلی

ابزارک‌هایی مثل آخرین نوشته‌ها و دسته‌بندی‌ها زمانی ارزش واقعی دارند که قبلاً در مرحله یازدهم: ایجاد مقاله و ساخت تم ساختار محتوای سایت را آماده کرده باشی.

3. دسته‌بندی‌ها

• Category List

کاربرد: ساخت Topic Cluster

4. پست‌های محبوب

• Popular Posts (با افزونه یا Query)

5. فرم عضویت ایمیل

• Newsletter Signup

ابزار پیشنهادی:
Mailchimp / FluentCRM

6. تبلیغات (اختیاری)

• بنر تبلیغاتی
• لینک دوره یا محصول

نکته مهم UX و سئو

• سایدبار را شلوغ نکن
• فقط 4 تا 6 ویجت کافی است
• سرعت لود مهم است
• اولویت با محتوای مهم است نه تبلیغ

مشکل گوتنبرگ در ابزارک‌ها (Widget Block Editor)

در بعضی وردپرس‌ها، ابزارک‌ها با گوتنبرگ (Block Widgets) اجرا می‌شوند که برای مبتدی‌ها سخت‌تر است.

راه‌حل: غیرفعال کردن گوتنبرگ در ویجت‌ها

روش ساده:

افزونه نصب کن:

• Classic Widgets

این افزونه:

• ابزارک‌ها را به حالت قدیمی برمی‌گرداند
• کار با آن ساده‌تر می‌شود

تفاوت قالب (Theme)، افزونه (Plugin) و ابزارک (Widget) در وردپرس

برای درک بهتر ساختار وردپرس، باید تفاوت این سه بخش مهم را بدانید:

قالب (Theme) چیست؟

قالب تعیین‌کننده ظاهر کلی سایت است.

شامل:

• طراحی صفحات
• رنگ‌ها
• فونت‌ها
• ساختار هدر، فوتر، بلاگ

مثال:
Astra، Hello Elementor، WoodMart

✔ اگر قالب را عوض کنید، ظاهر کل سایت تغییر می‌کند.

افزونه (Plugin) چیست؟

افزونه‌ها قابلیت‌های جدید به سایت اضافه می‌کنند.

مثل:

• فرم تماس
• فروشگاه (WooCommerce)
• سئو (RankMath)
• اسلایدر

✔ افزونه = اضافه کردن امکانات بدون تغییر هسته سایت

ابزارک (Widget) چیست؟

ابزارک‌ها بخش‌های کوچکی هستند که در:
فوتر
سایدبار

نمایش داده می‌شوند.

مثال:

• جستجو
• آخرین نوشته‌ها
• RSS
• شورتکدها

✔ ابزارک = بلوک‌های آماده برای چیدمان سریع سایت

جمع‌بندی ساده

• قالب → ظاهر کلی سایت
• افزونه → امکانات سایت
• ابزارک → بخش‌های کوچک داخل فوتر و سایدبار

ساختار پیشنهادی نهایی فوتر (استاندارد حرفه‌ای)

• ستون 1: درباره سایت
• ستون 2: لینک‌های آموزشی
• ستون 3: دسته‌بندی‌ها
• ستون 4: شبکه‌های اجتماعی + RSS

نکته حرفه‌ای (SEO + UX)

فوتر فقط یک بخش ظاهری نیست:

✔ تقویت Internal Link
✔ افزایش Crawlability گوگل
✔ کمک به ساخت Topic Authority
✔ کاهش Bounce Rate

جمع‌بندی

اگر بخواهی یک سایت حرفه‌ای داشته باشی:

• فوتر = ساختار لینک‌سازی داخلی
• سایدبار = افزایش تعامل کاربر
• ابزارک‌ها = کنترل رفتار کاربر

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

سوالات متداول

فوتر سایت وردپرس چه کاربردی دارد؟

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

در فوتر چه چیزهایی باید قرار دهیم؟

بهترین عناصر فوتر شامل لینک‌های مهم، دسته‌بندی‌ها، شبکه‌های اجتماعی، RSS Feed و معرفی کوتاه سایت است.

سایدبار در وردپرس چه کاربردی دارد؟

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

آیا استفاده از سایدبار برای همه صفحات مناسب است؟

خیر، بهتر است فقط در صفحات بلاگ استفاده شود و صفحات اصلی (Landing Pages) بدون سایدبار باشند تا تمرکز کاربر حفظ شود.

چرا بهتر است گوتنبرگ را در ابزارک‌ها غیرفعال کنیم؟

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

RSS Feed چیست و چه کاربردی دارد؟

RSS Feed یک خروجی خودکار از آخرین مطالب سایت است که امکان دنبال کردن محتوای جدید را برای کاربران و ابزارهای دیگر فراهم می‌کند.