آموزش ساخت، ویرایش و حذف سایدبار وردپرس + 7 افزونه برتر سایدبار

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

بیشتر بخوانید: آموزش ساخت لندینگ پیج در وردپرس + 5 افزونه صفحه فرود وردپرس

سایدبار در وردپرس چیست؟

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

سایدبار چیست؟

سایدبار یا نوار کناری (Sidebar)، بخشی از طراحی صفحات وب است که معمولاً در سمت چپ یا راست صفحه قرار می ‌گیرد و محتوای جانبی یا مکمل را به کاربر نمایش می‌ دهد. سایدبارها معمولاً شامل لینک‌های ناوبری، فیلترها، دسته ‌بندی ‌ها، مطالب پیشنهادی، فرم‌ های جست‌ وجو، تبلیغات یا اطلاعات تماس هستند. هدف از قرار دادن سایدبار، دسترسی سریع ‌تر و راحت ‌تر کاربران به بخش‌ های مختلف سایت است، بدون آن‌که از محتوای اصلی دور شوند. استفاده هوشمندانه از سایدبار می ‌تواند تجربه کاربری را بهبود ببخشد و باعث افزایش تعامل بازدیدکنندگان با سایت شود و در صورتیکه سایت دارید بهتر است با آموزش ساخت سایدبار در وردپرس آشنا باشید. 

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

سایدبار در المنتور

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

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

بیشتر بخوانید: لیستی از افزونه فهرست برای وردپرس

آموزش ساخت سایدبار در وردپرس

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

بیشتر بخوانید: آموزش رفع خطای نمایش سایدبار زیر محتوا در وردپرس + دلایل بروز آن

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

به همین سادگی شما می توانید المان های مختلف را در بخش سایدبار سایت خود اضافه کنید. در صورتی که قالب سایت از المان های مختلف پشتیبانی نمی کند و شما قادر نبودید همانند تصویر بالا اقدام به ساخت سایدبار نمائید، می توانید از افزونه ساخت سایدبار در وردپرس استفاده کنید. یکی از بهترین افزونه های ساخت سایدبار در وردپرس، افزونه Easy Custom Sidebars می باشد.

بیشتر بخوانید: تغییر عکس پروفایل وردپرس + بهترین افزونه های تغییر آواتار وردپرس

آموزش تنظیمات سایدبار در وردپرس (نوار کناری در وردپرس)

زمانی که یک المان را در سایدبار خود اضافه کردید، شما قادر هستید آن المان را ویرایش و یا حذف کنید. به عنوان مثال ما قصد داریم یک گالری به سایدبار خود اضافه کنیم و سپس آن را ویرایش نمائیم. برای اینکار ابتدا ابزارک “گالری” را می کشیم و در بخش سایدبار رها می کنیم. همچنین شما می توانید روی ابزارک دلخواه خود کلیک کنید و سپس سایدبار خود را انتخاب و در نهایت روی دکمه افزودن به سایدبار کلیک نمائید.

بیشتر بخوانید: آموزش افزودن تصویر به سایدبار قالب در وردپرس

بعد از آن ابزارک گالری در بخش سایدبار شما در سمت راست صفحه اضافه می شود. حال شما می توانید یک عنوان برای گالری خود اضافه کنید. همچنین می توانید با کلیک روی دکمه “افزودن تصویر” یک تصویر دلخواه برای گالری خود در نظر بگیرید. بعد از هرگونه تغییر، فراموش نکنید که آن را ذخیره کنید.

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

بیشتر بخوانید: بهترین افزونه های نوار اعلان اطلاع رسانی و نوتیفیکیشن وردپرس

ساخت سایدبار با کدنویسی

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

1. ثبت سایدبار: ابتدا باید سایدبار را در فایل functions.php قالب وردپرس خود ثبت کنید. این کار با استفاده از تابع register_sidebar() انجام می‌شود.
2. ایجاد فایل سایدبار: سپس یک فایل جدید با نامی مانند sidebar-new.php در پوشه اصلی قالب ایجاد کرده و کد مربوط به سایدبار را در آن قرار می‌دهید.
3. نمایش سایدبار: در نهایت، در فایل‌های الگو (Template) مانند page.php یا single.php، سایدبار جدید را با استفاده از تابع dynamic_sidebar() در مکان دلخواه نمایش می‌دهید.

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

سایدبارهای چسبنده (Sticky Sidebars)

سایدبارهای چسبنده یا “Sticky Sidebars”، یک ویژگی طراحی وب هستند که در آن‌ها، یک یا چند ابزارک در سایدبار، هنگام پیمایش کاربر به سمت پایین صفحه، در جای خود ثابت می‌مانند و از دید پنهان نمی‌شوند. این ویژگی به ویژه برای صفحات طولانی و محتوای زیاد بسیار کاربردی است.

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

1. بهبود تجربه کاربری (UX): کاربران می‌توانند به طور مداوم به محتوای مهم مانند منوی ناوبری، فرم جستجو یا فهرست مطالب دسترسی داشته باشند، بدون اینکه مجبور به بازگشت به بالای صفحه باشند.
2. افزایش نرخ تبدیل (Conversion Rate): اگر سایدبار شامل عناصر مهمی مانند دکمه “تماس با ما”، فرم ثبت‌نام در خبرنامه یا بنرهای تبلیغاتی باشد، ثابت نگه داشتن آن باعث می‌شود این عناصر همیشه در معرض دید کاربر باشند و احتمال کلیک یا اقدام بیشتر شود.
3. بهبود تعامل (Engagement): با نمایش مداوم ابزارک‌هایی مانند آخرین پست‌ها یا محصولات مرتبط، می‌توانید کاربران را تشویق به کلیک و بازدید از صفحات دیگر کنید.
4. کاهش نرخ پرش (Bounce Rate): دسترسی آسان به محتوای مفید، باعث می‌شود کاربران مدت بیشتری در سایت شما بمانند و کمتر تمایل به ترک آن داشته باشند.

نحوه پیاده‌سازی سایدبار چسبنده

برای افزودن این قابلیت به وب‌سایت وردپرسی، دو راه اصلی وجود دارد:

1. استفاده از افزونه‌ها (Plugins): این روش ساده‌ترین راه است. کافیست افزونه‌ای مانند Q2W3 Fixed Widget یا Theia Sticky Sidebar را نصب و فعال کنید. پس از فعال‌سازی، به بخش ابزارک‌ها بروید و در تنظیمات هر ابزارک، گزینه “Fixed Widget” را فعال کنید تا چسبنده شود.
2. کدنویسی CSS و جاوا اسکریپت: این روش برای توسعه‌دهندگان مناسب است. با استفاده از CSS می‌توانید یک عنصر را به صورت position: sticky یا position: fixed تعریف کنید و با جاوا اسکریپت، رفتار آن را هنگام پیمایش صفحه کنترل کنید.

این ویژگی می‌تواند تأثیر قابل توجهی بر عملکرد سایت شما از نظر سئو و تجربه کاربری داشته باشد.

بهترین افزونه های ساخت سایدبار در وردپرس

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

1- افزونه ساخت سایدبار در وردپرس  RafflePress

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

• رابط کاربری کشیدن و رها کردن: این ویژگی به شما امکان می ‌دهد بدون نیاز به کدنویسی، کمپین قرعه‌ کشی یا مسابقه خود را تنها با کشیدن و رها کردن عناصر طراحی کنید. مثلاً می ‌توانید دکمه ورود به قرعه ‌کشی، فرم ثبت ‌نام، دکمه‌ های شبکه‌ های اجتماعی و سایر المان ‌ها را به‌ راحتی در صفحه قرار دهید.
• الگوهای آماده برای کمپین‌های مختلف: دارای چندین قالب آماده برای سناریوهای مختلف بازاریابی است.
• سازگار با موبایل: تمام فرم‌ ها و طراحی ‌های RafflePress به‌ صورت کامل ریسپانسیو هستند، به این معنا که در دستگاه‌ های مختلف مانند موبایل، تبلت و دسکتاپ به‌خوبی نمایش داده می‌ شوند.

بیشتر بخوانید: سایدبار سفارشی در وردپرس Custom Sidebars

 2- افزونه سایدبار وردپرس SiteOrigin Widgets Bundle

SiteOrigin Widgets Bundle  یک افزونه رایگان وردپرس برای ایجاد نوارهای کناری و سایدبار می باشد. این پلاگین با مجموعه ای از ویجت های سفارشی ارائه می شود که می توانید آنها را در قسمت های مختلف سایت خود اضافه کنید. بهترین ویجت های این افزونه عبارت است از: ویجت نقشه گوگل، ویجت دکمه، ویجت تصویر، ویجت فراخوانی، ویجت جدول قیمت و …

• مجموعه‌ای بزرگ از ابزارک‌ های کاربردی: افزونه SiteOrigin Widgets Bundle مجموعه‌ای متنوع از ابزارک‌ های ضروری و کاربردی را در اختیار شما قرار می ‌دهد که به ‌راحتی می ‌توانید آن ‌ها را به صفحات وب‌ سایت خود اضافه کنید. این ابزارک ‌ها شامل مواردی مانند دکمه‌ها، اسلایدر تصاویر، فرم تماس، جعبه قیمت، نمایش آیکون‌ ها، تایم ‌لاین، لیست ویژگی‌ ها، نقشه گوگل و بسیاری گزینه ‌های دیگر هستند.
• سازگاری با صفحه ‌سازهای معروف: یکی از مزیت ‌های مهم این افزونه، سازگاری کامل با بیشتر صفحه ‌سازهای رایج وردپرس است. این ویژگی باعث می ‌شود که کاربران با هر نوع صفحه‌ سازی که کار می‌ کنند، بتوانند به ‌راحتی از ابزارک ‌های این افزونه استفاده کنند.
• سفارشی‌ سازی کامل ابزارک‌ها: شما می ‌توانید رنگ ‌ها، فونت ‌ها، اندازه ‌ها، حاشیه‌ ها، سایه ‌ها، موقعیت عناصر و دیگر جزئیات مربوط به نمایش هر ابزارک را به دلخواه خود تغییر دهید.
• پشتیبانی از کدهای کوتاه: ابزارک‌ های این افزونه را می ‌توان حتی بدون استفاده از صفحه ‌سازها و تنها از طریق کدهای کوتاه در بخش‌های مختلف سایت استفاده کرد.

3- افزونه ساخت سایدبار در وردپرس Monarch

افزونه Monarch یک افزونه اشتراک گذاری رسانه های اجتماعی وردپرس می باشد که به شما این امکان را می‌دهد آیکن های شبکه های اجتماعی سایت خود را در مکان‌های مختلف سایت از جمله: بالا و پایین پست، نوار شناور، سایدبار و … به کاربران نمایش دهید.

• سایدبار اشتراک‌ گذاری شناور: امکان نمایش دکمه‌ های اشتراک ‌گذاری را ب ه‌صورت نوار عمودی چسبیده به کناره صفحه فراهم می ‌کند. این سایدبار هنگام اسکرول صفحه همواره در معرض دید کاربر باقی می ‌ماند و با طراحی زیبا و ریسپانسیو، کاربران را ترغیب به اشتراک ‌گذاری می ‌کند.
• پشتیبانی از بیش از ۲۰ شبکه اجتماعی: خرید افزونه Monarch از مجموعه گسترده‌ای از شبکه‌ های اجتماعی معروف مانند فیسبوک، توییتر، لینکدین، اینستاگرام، واتساپ، تلگرام، پینترست و غیره پشتیبانی می‌ کند و شما می ‌توانید دکمه‌ های مورد نظر خود را به دلخواه انتخاب و تنظیم کنید.
• امکان نمایش دکمه ‌ها در موقعیت‌ های متنوع: علاوه بر سایدبار، شما می ‌توانید دکمه‌ های اشتراک ‌گذاری را در بالا یا پایین مطالب، به صورت باکس پرشونده از گوشه یا به‌ صورت پنجره پاپ ‌آپ نمایش دهید.
• سفارشی ‌سازی ظاهر دکمه‌ ها: شما می ‌توانید استایل، رنگ، آیکون، سایز، افکت ‌های هاور و نحوه نمایش دکمه‌ های اشتراک‌ گذاری را به ‌طور کامل شخصی‌ سازی کنید.

بیشتر بخوانید: آموزش اضافه کردن ابزارک به وردپرس در چند گام

4- افزونه سایدبار وردپرس Content Aware Sidebars

افزونه Content Aware Sidebars یکی از بهترین افزونه های سایدبار در وردپرس می باشد که به صورت رایگان ارائه شده است و به شما این امکان را می دهد بدون نوشتن کد، ویجت های سفارشی را در سایدبار سایت خود اضافه کنید. این افزونه به شما این امکان را می دهد که نوارهای کناری و ویجت ها را برای پست ها به صورت جداگانه انتخاب کنید. نحوه کار با این افزونه بسیار ساده است و با اکثر قالب های وردپرس سازگاری کامل دارد.

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

5- افزونه ساخت سایدبار در وردپرس Custom Sidebars

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

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

6- افزونه مدیریت سایدبار Custom Sidebars

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

• کاربرد اصلی: این افزونه به شما اجازه می‌دهد برای هر بخش از سایت، یک سایدبار کاملاً متفاوت نمایش دهید. به عنوان مثال، می‌توانید برای نوشته‌های دسته‌بندی “آموزشی” یک سایدبار با ابزارک‌های مرتبط نمایش دهید و برای نوشته‌های دسته‌بندی “خبری” سایدبار دیگری با محتوای متفاوت داشته باشید.
• مزیت: این افزونه به شما انعطاف‌پذیری فوق‌العاده‌ای می‌دهد تا محتوای سایدبار را بر اساس نوع صفحه شخصی‌سازی کنید، که به بهبود تجربه کاربری و سئوی سایت کمک می‌کند.

7- افزونه ایجاد سایدبار Easy Custom Sidebar

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

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

سوالات متداول پیرامون سایدبار چیست؟

بیشتر بخوانید: آموزش افزونه Contact Widgets برای درج اطلاعات تماس در سایدبار

جمع بندی: ساید بار چیست ؟

ابزارک‌ های نوار کناری یا همان ساید بار سایت به شما کمک می‌کند تا مهم ترین اطلاعات وب سایتتان را از جمله: نوار جستجو، آیکن های شبکه های اجتماعی و… را در بخش سایدبار سایت خود به کاربران نمایش دهید. اکثر قالب های وردپرس به صورت پیش فرض از سایدبار پشتیبانی می کنند. ما در این مطلب آموزش ساخت سایدبار در وردپرس به همراه ویرایش و حذف آن را در اختیار شما قرار دادیم. همچنین بهترین افزونه های سایدبار در وردپرس را به شما معرفی کردیم تا در صورتی که قالب شما از سایدبار پشتیبانی نکرد، بتوانید از افزونه جهت ایجاد سایدبار استفاده نمائید.

منبع: isitwp