ارزدیجیتال
حراجی دامنه های ویژهمشاهده





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

روش حذف سایدبار از قالب وردپرس

وردپرس , مقالات,آموزش,ترفند

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

 

حذف سایدبار از قالب وردپرس

هدف از وجود سایدبار این است که برخی اطلاعاتی که امکان قرار گیری در نوشته ها و برگه ها ندارند را نمایش دهد. معمولا لینک های مختلفی از وبسایت، تبلیغات، عضویت در خبرنامه، لینک شبکه های اجتماعی و… در سایدبار موجود است.

روش حذف سایدبار از قالب وردپرس

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

 

حذف سایدبار از تمامی صفحات وبسایت

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

 

از طریق FTP یا از پنل هاست وارد بخش قالب ها شده و قالب مورد نظر خود را مشخص کنید. یعنی به مسیر /wp-content/themes/your-current-theme/ folder بروید. یک قالب وردپرس از بخش های متعددی درست شده که شما مجبورید برای اینکه سایدبار را از تمامی قسمت ها حذف کنید فایل هایی را ویرایش کنید. به عنوان مثال به طور معمول در قالب ها فایل های index.php، page.php، single.php، archive.php، home.php موجود است که می توان آنها را ویرایش کرد.

 

برای این منظور فایل مورد نظر را در ویرایشگر باز کرده و خط زیر را در آن پیدا کنید:

<?php get_sidebar();?>

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

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

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

 

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

 

افزودن سی اس اس سفارشی به قالب

اول از همه باید قسمتی را که مخصوص به عرض صفحه محتواست در بین کدهای سی اس اس بیابید. برای این منظور می توانید از Inpect در کروم استفاده کنید. پس از آن می توان قطعه کدی مانند نمونه ی زیر را به آن اضافه کنید:

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

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

حذف سایدبار از صفحه دلخواه

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

حذف سایدبار از صفحات ایستا

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

روش حذف سایدبار از قالب وردپرس

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

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

حال فایل را با عنوان full-width.php ذخیره کنید. سپس به هاست مراجعه کرده و فایل page.php را به حالت ویرایش ببرید و سپس همه چیز را بعد از قطعه کد زیر قرار دهید:

<?php get_header();?>

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

<?php get_sidebar();?>

حال فایل مورد نظر را ذخیره کنید و سپس فایلی را که ایجاد کرده اید در پوشه قالب آپلود کنید.

 

حذف سایدبار از صفحه بلاگ

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

روش حذف سایدبار از قالب وردپرس

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

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

این محتوا چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 وردپرس , مقالات,آموزش,ترفند
لینک کوتاه مطلب : https://www.20script.ir/?p=58875
کلمات کلیدی پست :
مطالب مرتبط
6,592نمایش آخرین کاربران عضو شده وردپرس بدون افزونه تاریخ : 2019/11/14
6,428نمایش مطالب دارای بیشترین نظر در دسته بندی خاص وردپرس تاریخ : 2019/04/25
8,656اضافه کردن دکمه پرینت به فرم و صفحات وردپرس [بدون افزونه] تاریخ : 2019/09/23
8,928آموزش وارد کردن و صادر کردن بلاک‌ها در ویرایشگر Gutenberg وردپرس تاریخ : 2019/02/15
9,625آموزش نمایش انیمیشن های gif در وردپرس تاریخ : 2018/02/21
13,844نمایش پیام به خریداران محصولات در ووکامرس با افزونه Woo Already Bought تاریخ : 2018/06/3
8,940آموزش قرار دادن لینک فقط برای اعضا در وردپرس تاریخ : 2019/05/14
10,983آموزش حذف سایدبار از قالب وردپرس تاریخ : 2018/01/25
8,612آموزش تغییر پیشوند جداول وردپرس تاریخ : 2019/06/21
13,884حل مشکل ثبت تیکت در افزونه Awesome Support‍ تاریخ : 2019/04/13
8,796برجسته کردن نظرات نویسنده مطلب در نظرات وردپرس تاریخ : 2019/08/24
11,772آموزش افزایش سرعت وردپرس با نصب افزونه WP-FFPC تاریخ : 2019/07/5
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب