حذف ستون کناری یا سایدبار سایت در وردپرس

حذف ستون کناری یا سایدبار سایت در وردپرس

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

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

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

دلیل حذف ستون کناری یا سایدبار سایت در وردپرس :

حذف سایدبار (Sidebar) در وردپرس می‌تواند دلایل مختلفی داشته باشد، اما به طور کلی هدف از این کار معمولاً بهبود تجربه کاربری و بهینه‌سازی طراحی سایت است. در اینجا به برخی از رایج‌ترین دلایل حذف سایدبار اشاره می‌کنم:

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

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

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

تمرکز بر محتوای اصلی: با حذف سایدبار، توجه کاربر به طور کامل به محتوای اصلی صفحه معطوف می‌شود. این امر می‌تواند به افزایش نرخ تعامل کاربر با محتوا و بهبود نرخ تبدیل (Conversion Rate) کمک کند.

بهبود SEO: در برخی موارد، حذف سایدبار می‌تواند به بهبود سئو (SEO) سایت کمک کند. با افزایش فضای موجود برای محتوای اصلی، فرصت بیشتری برای بهینه‌سازی محتوا برای کلمات کلیدی مورد نظر فراهم می‌شود.

این چند مورد بالا می تواند دلایلی مهم برای حذف ستون های کناری سایت شما باشد و حالا با هم می خواهیم ستون کناری سایت را حذف یا پاک کنیم پس بزن تا بریم تو دلش 😉

حذف ستون کناری یا سایدبار سایت در وردپرس با برنامه نویسی :

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

در مرحله اول شما باید وارد هاست سایت خود شوید حالا چه از طریق FTP و یا چه از طریق پنل مدیریت هاستینگ خود وارد فولدر WP-CONTENT شوید و بعد از آن وارد پوشه قالب فعال در سایت خود شوید و برای اینکه بتوانید سایدبار حالا یا همان ستون کناری سایت خود را حذف کنید ممکن است که فایل های متعددی مانند INDEX.PHP و ARCHIVE.PHP و SINGLE.PHP و PAGE.PHP و HOME.PHP یا یک سری از فایل های دیگر را ویرایش کنید.

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

<?php get_sidebar();?>

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

<?php get_sidebar('footer-widget-area');?>

در نهایت با حذف کردن کد بالا سایدبار مشخص شده در فوتر شما هم از بین می رود و حال آن را ذخیره کرده و فایل را دوباره در هاست سایت خود در قسمت مربوطه قرار دهید تا باعث حذف سایدبار در قسمت فوتر شود و به همین راحتی شما می توانید سایدبار را از سایت خود حذف کنید و شما باید این مراحل را برای تمامی فایل های کد نویسی شده قالب خود تکرار کنید تا تمامی سایدبار ها از سایت شما حذف شود

تغییر عرض صفحه سایت با استفاده از کد نویسی CSS :

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

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

.content-area{ width: 100%; margin: 0px; border: 0px; padding: 0px; } .content-area .site{ margin:0px; }

راستی توجه داشته باشید که شما می توانید مقدار عرض را به دلخواه خود تغییر دهید و این هم بدانید که ما برای نمونه از قالب 2016 وردپرس استفاده کرده ایم که این قالب از نظر طراح های سایت بهترین قالب برای تست کد نویسی می باشد

حذف ستون کناری وردپرس از صفحات دلخواه :

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

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

حذف ستون کناری از یک صفحه مشخص در وردپرس :

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

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

این بخش به نام ویژگی ها در وردپرس می باشد که در سمت چپ همان بخش برگه ها می باشد و اینجا باید کلیک کرده و همان طور که در تصویر بالا مشاهده می شود بر روی تمام عرض المنتور یا Full Width کلیک کنیم به همین راحتی صفحه سایت ما بدون ستون کناری نمایش داده می شود

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

حالا شما برای این کار کافی است که یک ویرایشگر من حالا فرقی نمیکنه Notepad یا هر برنامه دیگه در سیستم خود باز کنید و کد زیر را در آن فایل خالی کپی کنید و آن فایل را در دسکتاپ خود با نام Full-Width.php ذخیره کنید

<?php /* * Template Name: Full-Width */ get_header();?>

حالا در مرحله بعد شما باید وارد هاست سایت خود شوید و وارد پوشه قالب سایت خود شوید و در اینجا به دنبال فایل Page.php بگردید و این فایل را باز کرده و حالا قطعه کد زیر را پیدا کنید و همه کد را بعد از این کد قرار دهید

<?php get_header();?>

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

<?php get_sidebar();?>

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

حذف ستون کناری از صفحه بلاگ در وردپرس :

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

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

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