كيفية إزالة الشريط الجانبي في ووردبريس

هل تريد إزالة الشريط الجانبي من موقع  ووردبريس الخاص بك؟ الشريط الجانبي هو منطقة جاهزة لعناصر واجهة المستخدم في قالب  ووردبريس الخاص بك.

غالبًا ما تظهر على الجانب الأيمن أو الأيسر في كل صفحة.

في هذه المقالة ، سنوضح لك كيفية إزالة الشريط الجانبي بسهولة في  ووردبريس.

كيفية إزالة الشريط الجانبي في ووردبريس

لماذا أزل الشريط الجانبي في ووردبريس؟

تأتي معظم سمات  ووردبريس المجانية والمدفوعة مع أشرطة جانبية متعددة أو مناطق جاهزة لعناصر واجهة المستخدم.

الغرض من الشريط الجانبي في  ووردبريس هو عرض العناصر التي ليست جزءًا من المنشور أو محتوى الصفحة. عادةً ما تكون هذه روابط لمناطق مختلفة من موقع الويب الخاص بك ، أو الإعلانات ، أو نماذج الاشتراك في قائمة البريد الإلكتروني ، أو ملفات تعريف الوسائط الاجتماعية ، أو أي روابط أخرى تريد أن يراها الأشخاص.

يمكن إضافة هذه العناصر بسهولة إلى الشريط الجانبي للقالب باستخدام أدوات  ووردبريس .

الشريط الجانبي على موقع ويب يعمل بنظام  ووردبريس

في معظم سمات  ووردبريس ، يظهر الشريط الجانبي بشكل مختلف عندما يشاهد المستخدم موقعك من جهاز محمول. نظرًا لانخفاض عرض حجم الشاشة ، يتم نقل الأشرطة الجانبية التي تظهر على سطح المكتب جهة اليمين أو اليسار إلى الجزء السفلي على شاشات الهاتف المحمول.

الشريط الجانبي مفيد للغاية ويمكن أن يساعدك على تنمية عملك. اطلع على حيل الشريط الجانبي في  ووردبريس للحصول على أفضل النتائج.

ومع ذلك ، يشعر بعض مالكي مواقع الويب أن إزالة الشريط الجانبي يساعد في تحسين تجربة المستخدم. إذا كنت تبحث عن إزالة الشريط الجانبي على موقع  ووردبريس الخاص بك ، فهذا البرنامج التعليمي يناسبك.

فيديو تعليمي

اشترك في WPBeginner

إذا لم يعجبك الفيديو أو كنت بحاجة إلى مزيد من الإرشادات ، فاستمر في القراءة.

إزالة الأشرطة الجانبية باستخدام إعدادات سمة  ووردبريس الخاصة بك

تأتي العديد من أفضل سمات  ووردبريس مع إعدادات مدمجة لإزالة الأشرطة الجانبية. اعتمادًا على المظهر الخاص بك ، يمكنك إزالتها على مستوى الموقع ، أو إزالتها ببساطة من المنشورات أو الصفحات الفردية.

يمكنك معرفة ما إذا كان الموضوع الخاص بك يحتوي على هذا الخيار عن طريق تحرير منشور أو صفحة واحدة.

في العمود الأيمن ، ستتمكن من رؤية خيار إزالة الأشرطة الجانبية. على سبيل المثال ، إليك ما ستراه إذا كنت تستخدم سمة Astra  ووردبريس .

إزالة الشريط الجانبي باستخدام إعدادات السمة

قد تحتوي بعض السمات على خيار لاختيار منشور واحد أو قالب صفحة بما في ذلك قالب كامل العرض. ستجد خيار تحديد القالب تحت قسم سمات الصفحة في العمود الأيمن.

قالب صفحة العرض الكامل

تسمح لك بعض السمات أيضًا بتحديد تخطيط الشريط الجانبي من خيارات السمة. يمكنك العثور على هذه الخيارات ضمن المظهر »تخصيص الصفحة.

إزالة الشريط الجانبي لـ  ووردبريس باستخدام إعدادات السمة

اعتمادًا على المظهر الخاص بك ، قد يختلف موقع ومظهر هذه الخيارات. بمجرد تحديد الإعدادات ، ستتمكن على الفور من رؤية التغييرات التي أجريتها تظهر في المعاينة المباشرة.

لا تنس نشر تغييراتك قبل الخروج من أداة تخصيص السمات.

ضع في اعتبارك أن بعض سمات  ووردبريس قد لا تحتوي على هذه الميزة على الإطلاق. في هذه الحالة ، تابع القراءة وسنعرض لك طرقًا أخرى لإزالة الشريط الجانبي في  ووردبريس.

إزالة الأشرطة الجانبية من كل مكان في ووردبريس

تتيح لك هذه الطريقة ببساطة إزالة الأشرطة الجانبية من كل صفحة ونشرها على موقع  ووردبريس الخاص بك. يتطلب منك أيضًا تعديل ملفات سمات  ووردبريس. لذا ، إذا لم تكن قد قمت بذلك من قبل ، فراجع دليلنا حول كيفية نسخ ولصق التعليمات البرمجية في  ووردبريس .

ضع في اعتبارك أنه إذا قمت بتحرير ملفات سمة  ووردبريس الخاصة بك مباشرةً ، فستختفي هذه التغييرات عند تحديث قالبك. هذا هو السبب في أنك ستحتاج إلى إنشاء سمة فرعية لحفظ تغييراتك.

أولاً ، تحتاج إلى الاتصال بموقع  ووردبريس الخاص بك باستخدام عميل FTP ثم الانتقال إلى / wp-content / theme / your-current-theme / folder.

تتكون سمات  ووردبريس من قوالب مختلفة ، لذلك ستحتاج إلى تحرير جميع القوالب التي يتم عرض الشريط الجانبي فيها. لتحديد موقع الملف ، راجع دليلنا إلى التسلسل الهرمي لقالب  ووردبريس .

على سبيل المثال ، في سمة  ووردبريس النموذجية ، قد تحتاج إلى تعديل index.php و page.php و single.php و archive.php و home.php وما إلى ذلك.

افتح ملف قالب لتحريره ثم حدد السطر الذي يبدو كالتالي:

<?php get_sidebar(); ?>

إذا كان المظهر الخاص بك يأتي مع العديد من الأشرطة الجانبية ، فسترى حالات مختلفة من هذا الرمز مع اسم الشريط الجانبي داخل الوظيفة. على سبيل المثال:

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

احذف السطر الذي يمثل الشريط الجانبي الذي لا تريد عرضه.

الآن ، قم بحفظ الملف وتحميله مرة أخرى إلى حساب استضافة  ووردبريس الخاص بك . كرر العملية لجميع ملفات القوالب المسؤولة عن عرض صفحات مختلفة على موقع الويب الخاص بك.

بمجرد الانتهاء ، يمكنك الانتقال إلى موقع الويب الخاص بك ومشاهدته أثناء العمل.

قد تلاحظ أنه أثناء اختفاء الأشرطة الجانبية ، لا تزال منطقة المحتوى تظهر بنفس العرض ، تاركة منطقة الشريط الجانبي فارغة.

منطقة شريط جانبي فارغة في قالب  ووردبريس

ذلك لأن السمة الخاصة بك لها عرض محدد لمنطقة المحتوى. الآن بعد أن ذهب الشريط الجانبي ، تحتاج إلى ضبط عرض منطقة المحتوى عن طريق إضافة CSS مخصص إلى قالبك.

أولاً ، ستحتاج إلى معرفة فئة CSS التي يستخدمها قالبك لتحديد عرض منطقة المحتوى. يمكنك القيام بذلك باستخدام أداة الفحص في متصفحك.

إليك نموذج CSS الذي استخدمناه في موقعنا التجريبي باستخدام موضوع Twenty Sixteen.

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

إليك كيف تبدو بدون أشرطة جانبية:

تمت إزالة الأشرطة الجانبية من قالب  ووردبريس

إزالة الأشرطة الجانبية من الصفحات الفردية في  ووردبريس

من المحتمل أنك تريد فقط إزالة الأشرطة الجانبية من صفحات معينة أثناء عرضها في أقسام أخرى من موقع الويب الخاص بك.

على سبيل المثال ، تعرض الكثير من مواقع الويب أشرطة جانبية على صفحة المدونة الخاصة بهم ولكن ليس في منشورات المدونة الفردية. يفضل البعض إظهار الأشرطة الجانبية في كل مكان باستثناء الصفحات الثابتة.

إذا كنت تبحث عن إنشاء صفحة مقصودة مخصصة أو صفحة مبيعات ، فإننا نوصي باستخدام مكون إضافي للصفحة المقصودة لـ  ووردبريس مثل SeedProd لأنه يتيح لك إنشاء صفحات مقصودة مخصصة دون كتابة أي رمز (باستخدام واجهة السحب والإفلات).

بعد قولي هذا ، دعنا نلقي نظرة على سيناريوهات مختلفة وكيفية إزالة الأشرطة الجانبية من مناطق مختلفة.

إزالة الشريط الجانبي من صفحة ثابتة في  ووردبريس

كما ذكرنا سابقًا ، تأتي العديد من سمات  ووردبريس مع قوالب صفحات كاملة العرض جاهزة للاستخدام. يمكن استخدام هذه القوالب مع أي صفحة ثابتة في  ووردبريس ولا تعرض الأشرطة الجانبية على جانبي المحتوى.

ستحتاج فقط إلى تحرير الصفحة حيث تريد إزالة الشريط الجانبي ثم تحديد القالب الكامل العرض ضمن مربع التعريف “سمات الصفحة”.

قالب صفحة العرض الكامل

إذا كنت لا ترى خيارًا لتحديد قالب ، فهذا يعني أن نسقك لا يأتي مع قالب صفحة كامل العرض.

في هذه الحالة ، ستحتاج إلى إنشاء قالب صفحة كامل العرض يدويًا. افتح محرر نص عادي مثل Notepad والصق الكود التالي في ملف فارغ:

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

الآن احفظ هذا الملف كملف full-width.php على سطح المكتب.

اتصل بموقع  ووردبريس الخاص بك باستخدام عميل FTP ثم انتقل إلى / wp-content / theme / your-current-theme / folder. قم بتحرير الملف المسمى page.php وانسخ كل ما يظهر بعد <?php get_header(); ?>السطر.

الآن الصق هذا الرمز في ملف full-width.php الخاص بك. بعد ذلك تحتاج إلى تحديد وحذف السطر الذي يبدو كالتالي:

<?php get_sidebar(); ?>

احفظ تغييراتك وقم بتحميل ملف full-width.php إلى مجلد النسق الحالي الخاص بك.

يمكنك الآن تحرير أي صفحة على موقع  ووردبريس الخاص بك وستكون قادرًا على تحديد قالب الصفحة كاملة العرض.

لمزيد من التفاصيل ، راجع دليلنا حول كيفية إنشاء قالب صفحة كاملة العرض في  ووردبريس .

قم بإزالة الشريط الجانبي من منشور واحد في  ووردبريس

تمامًا مثل الصفحات ، يأتي  ووردبريس أيضًا مع دعم مدمج لقوالب النشر.

إذا كنت تريد إزالة الشريط الجانبي من منشورات فردية معينة ، فيمكنك إنشاء قالب منشور فردي مخصص. إنه مشابه لإنشاء قالب صفحة كامل العرض.

أولاً ، ستحتاج إلى إنشاء ملف قالب جديد باستخدام محرر نصوص مثل Notepad. بعد ذلك ، تحتاج إلى نسخ ولصق الكود التالي في هذا الملف:

<?php
/*
 * Template Name: Featured Article
 * Template Post Type: post, page, product
 */
   
 get_header();  ?>

يحدد هذا الرمز قالبًا جديدًا يسمى مقالة مميزة ويجعله متاحًا للنشر والصفحة وأنواع منشورات المنتج.

يمكنك حفظ هذا الملف كملف wpb-single-post.php على سطح المكتب لديك.

بعد ذلك ، تحتاج إلى تحميله إلى مجلد سمة  ووردبريس الحالي الخاص بك باستخدام عميل FTP.

يمكنك الآن تحرير أي منشور منفرد على موقع الويب الخاص بك وستلاحظ مربع التعريف الجديد لسمات النشر مع خيار لتحديد القالب.

قالب منشور واحد

يمكنك اتباع الخطوات الموضحة في دليلنا حول كيفية إنشاء قوالب منشورات فردية مخصصة في  ووردبريس .

في قالب المنشور الفردي المخصص ، كل ما عليك فعله هو التأكد من إزالة جزء الشريط الجانبي من الكود.

إذا كنت تريد المزيد من التحكم في تخطيط موقعك ، فهناك بعض أدوات إنشاء الصفحات الرائعة المتاحة.

قم بإزالة الأشرطة الجانبية باستخدام مكون Page Builder Plugin

إذا كنت ترغب فقط في إزالة الأشرطة الجانبية من بضع صفحات ، فيمكنك استخدام مكون إضافي منشئ صفحات  ووردبريس مثل Beaver Builder أو Divi .

تأتي أدوات إنشاء صفحات السحب والإفلات هذه مزودة بقوالب جاهزة للاستخدام يمكنك استخدامها لإنشاء تخطيطات صفحة مخصصة. يمكنك أيضًا استخدام قالب فارغ وتصميم واحد من البداية.

من أجل هذا البرنامج التعليمي ، سنستخدم Beaver Builder ، لكنه يشبه إلى حد كبير معظم منشئي الصفحات.

أولاً ، تحتاج إلى تثبيت وتفعيل المكون الإضافي Beaver Builder . للحصول على برنامج تعليمي خطوة بخطوة ، راجع دليلنا حول كيفية تثبيت مكون  ووردبريس الإضافي .

عند التنشيط ، قم ببساطة بتحرير المنشور أو الصفحة التي تريد تحريرها وعند تشغيل محرر Beaver Builder.

إطلاق Beaver Builder

يأتي Beaver Builder مع العديد من القوالب التي يمكنك استخدامها. يمكنك أيضًا إنشاء تخطيطك الخاص ببساطة عن طريق إضافة وحدات وصفوف وعناصر إلى صفحتك.

اختر قالبًا

لمزيد من الإرشادات التفصيلية ، راجع البرنامج التعليمي الخاص بنا حول كيفية إنشاء تخطيطات  ووردبريس مخصصة باستخدام Beaver Builder .

نأمل أن تساعدك هذه المقالة في تعلم كيفية إزالة الشريط الجانبي بسهولة في قالب  ووردبريس الخاص بك. قد ترغب أيضًا في الاطلاع على دليلنا خطوة بخطوة حول كيفية تعزيز سرعة  ووردبريس وأدائه ، ومقارنتنا لأفضل خدمات التسويق عبر البريد الإلكتروني لتنمية حركة المرور والمبيعات.

خدمات مميزة لآجلك

نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.

اشترك معنا لمزيد من المعرفة

إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..