WooCommerce + Storefront: إخفاء عنوان “الصفحة الرئيسية” @ الصفحة الرئيسية

تضيف سمة Storefront عنوان H1 “الصفحة الرئيسية” إلى الصفحة الرئيسية بشكل افتراضي ، بغض النظر عما إذا كنت تستخدم قالب الصفحة الثابت “افتراضي” أو “الصفحة الرئيسية”.

بالطبع ، يمكنك القيام بذلك عبر CSS ، باستخدام “عرض: لا شيء”. والأفضل من ذلك ، يمكنك تجنب تحميل عنوان “الصفحة الرئيسية” تمامًا باستخدام PHP (مُحسنات محركات البحث هناك: من الأفضل عدم تحميل H1 بدلاً من إخفائه عبر CSS ، أليس كذلك؟).

لذا ، كيف يفعلون ذلك (أعني كيف أخفي عنوان “الصفحة الرئيسية” لواجهة المتجر)؟ ها هو الحل السريع!

موضوع واجهة المتجر: كيفية إزالة عنوان الصفحة الرئيسية

مقتطف PHP 1: إزالة عنوان الصفحة الرئيسية @ Storefront (نموذج صفحة “الصفحة الرئيسية”)

/**
 * @snippet       Hide Homepage Title - Storefront Homepage Page Template
 * @how-to        Get CustomizeWoo.com FREE
 * @sourcecode    https://businessbloomer.com/?p=79966
 * @author        Rodolfo Melogli
 * @compatible    Woo 3.5.3
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'wp', 'bbloomer_storefront_remove_title_from_home_homepage_template' );
 
function bbloomer_storefront_remove_title_from_home_homepage_template() {
   remove_action( 'storefront_homepage', 'storefront_homepage_header', 10 );
}

مقتطف PHP 2: إزالة عنوان الصفحة الرئيسية @ Storefront (نموذج الصفحة “الافتراضي”)

/**
 * @snippet       Hide Homepage Title - Storefront Default Page Template
 * @how-to        Get CustomizeWoo.com FREE
 * @sourcecode    https://businessbloomer.com/?p=79966
 * @author        Rodolfo Melogli
 * @compatible    Woo 3.5.3
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'wp', 'bbloomer_storefront_remove_title_from_home_default_template' );
 
function bbloomer_storefront_remove_title_from_home_default_template() {
   if ( is_front_page() ) remove_action( 'storefront_page', 'storefront_page_header', 10 );
}

المنشورات ذات الصلة:

موضوع واجهة المتجر: كيفية تخصيص تخطيط الصفحة الرئيسية

مظهر واجهة المتجر: كيفية إضافة منزلق بعرض كامل

موضوع واجهة المتجر: كيفية تثبيته وتكوينه

موضوع واجهة المتجر: كيفية إزالة فتات الخبز

WooCommerce + Jetpack: استبعاد الصورة من “Lazy Load”

WooCommerce: عرض فئات المنتجات الفارغة

مظهر واجهة المتجر: تحرير أو إزالة اعتمادات التذييل

WooCommerce: قائمة التنقل الأفقية في حسابي

أين تضيف هذا المقتطف؟

يمكنك وضع مقتطفات PHP في الجزء السفلي من ملف function.php القالب الفرعي الخاص بك (احذف “؟>” إذا كان لديك هناك). من ناحية أخرى ، ينتقل CSS في ملف style.css الخاص بسمة الطفل. تأكد من أنك تعرف ما تفعله عند تحرير مثل هذه الملفات – إذا كنت بحاجة إلى مزيد من الإرشادات ، فيرجى إلقاء نظرة على الفيديو التعليمي المجاني الخاص بي “أين تضع تخصيص WooCommerce؟”

هل هذا المقتطف (لا يزال) يعمل؟

يرجى إعلامي في التعليقات إذا كان كل شيء يعمل كما هو متوقع. يسعدني مراجعة المقتطف إذا أبلغت بخلاف ذلك (يرجى تقديم لقطات شاشة). لقد اختبرت هذا الكود مع موضوع Storefront وإصدار WooCommerce المذكور أعلاه واستضافة صديقة لـ وورد بريس على PHP 7.3.

إذا كنت تعتقد أن هذا الرمز وفر لك الوقت والمال ، فلا تتردد في الانضمام إلى أكثر من 14000 مشترك في WooCommerce Weekly للحصول على تحديثات منشورات المدونة أو أكثر من 250 من مؤيدي Business Bloomer لمدة 365 يومًا من مزايا WooCommerce . شكرا لكم مقدما 🙂

هل تحتاج إلى مساعدة في WooCommerce؟

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