آموزش افزودن سایدبار در وردپرس

‏  4 دقیقه
۱۶ خرداد ۱۳۹۹
آموزش افزودن سایدبار در وردپرس

0ممکن است در بسیاری از وب‌سایت‌ها، ستونی ثابت را در کنار صفحه مشاهده کرده باشید، که به آن سایدبار گفته می‌شود. مطالبی که درون سایدبار قرار می‌گیرند می‌توانند حاوی بخش‌های مهم سایت، نقشه‌، تبلیغات، مقالات پربازدید و... باشند. سایدبارها را می‌توان در تمامی صفحات وب‌سایت یا تنها صفحات دلخواه به کار برد. سایدبارها از داشبورد مدیریت وردپرس، بخش منوی نمایش و گزینه‌ی ابزارک‌ها در دسترس بوده و می‌توانید آن‌ها را به قالب خود اضافه کنید. استفاده از سایدبار به شما این امکان را می‌دهد تا ظاهر متفاوتی را برای سایت خود امتحان کنید اگر از سیستم مدیریت محتوای وردپرس استفاده می‌کنید و قصد دارید تا به قالب خود یک سایدبار اضافه کنید، در آموزش افزودن سایدبار در وردپرس با ما همراه باشید.

فهرست محتوای این مقاله

چگونه سایدبار را به قالب خود اضافه کنیم؟

مراحل افزودن سایدبار به قالب به شرح زیر هستند که در ادامه به توضیح هر یک از آن‌ها می‌پردازیم:

  • ثبت سایدبار جدید در وردپرس
  • ایجاد فایل سایدبار جدید
  • استفاده از سایدبار ساخته شده در مکان دلخواه قالب وردپرس

ثبت سایدبار جدید در وردپرس

برای ثبت سایدبار فابل functions.php قالب را باز کرده و کدهای زیر را به آن اضافه می‌کنیم. درست بعد از php?> :

if ( function_exists('register_sidebar') ) {
register_sidebar(array(
'name' => 'My Sidebar', // نام سایدبار
'id' => 'my-sidebar', // آیدی سایدبار را در اینجا تعیین کنید
'description' => 'my new sidebar', // توضیحی در مورد این سایدبار
'before_widget' => '<div class="widget">', // کد قبل از هر منو
'after_widget' => '</div>', // کد بعد از هر منو
'before_title' => '<h2 class="widget-title">', // قبل از عنوان منو
'after_title' => '</h2>', // بعد از عنوان منو
));
}

در قطعه کد بالا یک سایدبار جدید با نام My Sidebar و آیدی my-sidebar ثبت کردیم. در واقع به وردپرس نصب شده سایدبار جدید را معرفی کردیم! این نام‌ها دلخواه هستند. همچنین می‌توان از نام‌هایی مانند footer-sidebar ،second-sidebar و ... استفاده کرد. بهتر است پیش از این کار از عدم وجود سایدباری با این نام و آیدی در قالب مطمئن شوید. سایر توضیحات لازم نیز در کد موجود هستند و شما می‌توانید بر اساس نوع تگ‌های مورد استفاده در قالب، تگ‌های قبل و بعد از هر منو و عنوان را نیز مشخص کنید. بعد از افزودن این کدها به فایل functions.php، سایدبار به شکل زیر در قسمت مدیریت وردپرس مشاهده می‌شود و می‌توانید به راحتی به این سایدبار، widget و ابزارک‌های دلخواه خود را اضافه کنید: افزودن سایدبار در وردپرس

ایجاد فایل سایدبار جدید

فایل سایدبار پیش‌فرض قالب‌های وردپرس sidebar.php نام دارد. برای ایجاد سایدبار جدید باید نام آن را چیزی شبیه به sidebar-xyz.php تعیین کنید. به جای xyz هر عبارت دیگری می‌تواند قرار گیرد. در آینده برای استفاده از سایدبار در قالب از همین نام که به جای xyz قرار داده‌ایم، استفاده خواهیم کرد. در اینجا ما برای نمونه فایلی با نام sidebar-new.php می‌سازیم و آن را در پوشه‌ی اصلی قالب قرار می‌دهیم. در این فایل، قطعه کد زیر را وارد می‌کنیم:

<div id="sidebar">
<?php
if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('my-sidebar')):
endif; ?>
</div>

توجه کنید که my-sidebar موجود در خط 3 کد، آیدی سایدباری است که پیش‌تر ساختیم.

نحوه‌ی استفاده از سایدبار در قالب‌های وردپرسی

حال برای نمایش سایدبار در هر کجای قالب خود می‌توانید از قطعه کد زیر استفاده کنید. توجه کنید که اینجا new همان نامی است که ما در انتهای فایل سایدبار به جای xyz قرار دادیم.

<?php get_sidebar('new'); ?>

افزودن سایدبار در وردپرس

اگر می‌خواهید بیشتر درباره وردپرس مطالعه کنید مقالات زیر را دنبال کنید

جمع‌بندی:

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

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

 

چه امتیازی به این مقاله می دید؟
نویسنده لقمان آوند
بیش از 15 سال هست که برنامه نویسی می کنم و از بین همه زبون هایی که کار کردم جاوا، اسمبلی و php رو دوست دارم. دانشجوی دکترای نرم افزارم و توی دانشگاه روی پردازش بیگ دیتا و پردازش موازی کار کردم و عاشق چالش از هر نوعیش هستم! سون لرن مثل بچه منه که 12 سال براش وقت گذاشتم، اینجا همه تلاش می کنیم از شروع یادگیری تا ورود به بازر کار حوزه برنامه نویسی و IT همراهتون باشیم.
ارسال دیدگاه
خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :

 

نظرات کاربران

مهدی

سلام اگه بخواهیم 2 تا ساید بار جدید درست کنیم چی کار کنیم من دو بار همین کد ها را کپی کردم و با رعایت 2 اسم 2 بار انجام دادم اولی را نمایش میدهد ولی دومی را نمایش نمیده!

نازنین گودرزی

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

mostafa

اینجوری که میگن وردپرس راحته .به نظر من که خیلی هم سخته.

Mohsen

عالی بود!

سعید

سلام خب بخوایم ساید بار چپ یا راست معرفی کنیم چه تغییراتی بایدایجاد کرد یا ساید بار رو در فوتر یا هیدر نیز بخواهیم ایجاد کنیم ممنون

علی

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

alireza

سلام آقا لقمان من همهی این کارا رو کردم فقط الان یه مشکل دارم که وقتی یه ابزارک رو درگ می کنم و فعالش می کنم تو سایت به نمایش در نمی آد !
البته وقتی صفحه ابزارک ها رو هم رفرش می کنم ابزارک هایی که فعال کردم غیر فعال می شن انگار نه انگار …
البته من روی لوکال همه ی اینکار ها رو کردم!

احسان

سلام
قربان من سایدبار ها رو درست کردم، اما بلد نیستم که بزارم سمت راست سایتم، میاد زیر سایدبار قبلی.یه راهنمایی می کنید؟
مرسی

هادی

سلام آقای آوند ممنون از آموزش های خوبتون
من میخواستم داخل همین سایدباری که آموزششو دادید یه فایل ( تبلیغات متنی) html یا محتویاتش رو به نمایش بذارم باید چی کار کنم ؟

لقمان آوند

می تونید یه ویجت متنی اضافه کنید از تو پنل وردپرستون و بعد درون اون کد تبلیغاتی بزارید .

کران

😳 😳 با سلام
ببخشید آقای مهندس آوند اگه میشه لطف کنید به صفحه ی سایت زیر یه سری بزنید و جواب من رو بدید . مثل اینکه شما خیلی خیلی خیلی واردید.ممنون
http://forum.wp-parsi.com/topic/5035-افزودن-ستون-سمت-چپ-به-سایت-وردپرسی/page__st__10__gopid__43545

لقمان آوند

سلام
توی انجمن مشکل دقیقتون رو مطرح کنید . سعی می کنیم پاسخ بدیم سریعا .

نرگس

ممنون مگه دنبال افزونه رایگان استم که عوض هدر مثل هدر قبلی سون لرن تصاور رد بشن.

لقمان آوند

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

نرگس

سلام آقای آوند،
میخواستم بدونم چگونه میتونم یی سلایدر به وب سایت که دارم رویش کار میکنم بذارم

قبلاً در سون لرن این سلایدر موجود بود اما حالا حذف اش کردین
منم میخاهم همسان آن یی سلایدر که تصاویر آن به شکل خودکار تبدیل شود اضافه کنم
دستون درد نکند

لقمان آوند

با واژه های best slider plugin for wordpress سرچ کنید . کلی اسلایدر گیر میارید .

hamseda1986

سلام. من وقتی زیر دسته برای دسته هام تعریف می کنم، این زیر دسته مثل دشته ها نمایش داده می شود. چه طوری مثل سایت شما نمایش می تونم نشون بدم؟
ممنون

لقمان آوند

افزونه هایی برای اینکار وجود داره . الان حضور ذهن ندارم دقیقا …

hami.mrwp

سلام

واسه گذاشتن دو شاید بار از این کد استفاده کنیم ؟؟
یک ساید بار در سمت راست

یک ساید بار هم در سمت چپ

لقمان آوند

بله میشه . منتهی باید قالبتون رو دوسایدباره طراحی کنید !