كيفية إخفاء أو إزالة عناوين الصفحات في WordPress (7 طرق سهلة)

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

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

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

الإخفاء مقابل إزالة عنوان الصفحة: ما الفرق؟

يتم استخدام هاتين الكلمتين بالتبادل، لكنهما تصفان أشياء مختلفة، والفرق مهم بالنسبة لتحسين محركات البحث.

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

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

عنوان الصفحة مقابل عنوان تحسين محركات البحث: لا تخلط بين الاثنين

توضيح واحد سريع قبل الطرق، لأن هذا يعرقل الكثير من الأشخاص. عنوان الصفحة الذي تراه على الصفحة (عنوان H1) وعنوان تحسين محركات البحث (علامة العنوان التي تظهر في نتائج Google وعلامة تبويب المتصفح) شيئان مختلفان.

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

الطريقة الأولى: استخدم خيار إخفاء العنوان المدمج في موضوعك

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

• أسترا يضيف مربع اختيار “Disable Title” في إعدادات الشريط الجانبي للصفحة.
• يتضمن GeneratePress عناصر تحكم في رؤية العنوان ضمن مربع تعريف التخطيط الخاص به.
• يقدم Kadence وNeve تبديلات مماثلة لكل صفحة.

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

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

الطريقة الثانية: إخفاء عناوين الصفحات في موضوع الكتلة (محرر الموقع)

استخدام سمة كتلة مثل Twenty Twenty-Four أو Twenty Twenty-Five؟ سوف ترى المظهر > المحرر في لوحة القيادة الخاصة بك بدلاً من أداة التخصيص القديمة. لديك خياران هنا.

الخيار أ: إزالة كتلة العنوان من القالب

يؤدي هذا إلى إزالة العنوان من كل صفحة تستخدم القالب

1. اذهب الى المظهر > المحرر > القوالب.
2. افتح ال الصفحات القالب (أو أي قالب تستخدمه صفحتك).
3. انقر فوق عنوان حظر، افتح قائمة الخيارات ثلاثية النقاط، واختر حذف.
4. احفظ القالب.

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

الخيار ب: إخفاء العنوان باستخدام CSS (يحافظ على قيمة تحسين محركات البحث)

إذا كنت تفضل الإخفاء بدلاً من الإزالة، أضف قاعدة CSS صغيرة بدلاً من ذلك

1. انتقل إلى المظهر > المحرر > الأنماط.
2. انقر فوق يحرر أيقونة (القلم)، ثم القائمة المكونة من ثلاث نقاط، واختر Css إضافية.
3. الصق الكود التالي واحفظه.

.wp-block-post-title {
    display: none;
}

إليك العملية برمتها على الشاشة:

شيء واحد يجب معرفته: هذا يخفي العنوان في كل صفحة ومنشور. لاستهداف الصفحات فقط، استخدم .page .wp-block-post-title بدلاً من ذلك. وإذا كان العنوان لا يزال يظهر بعد الحفظ، فقم بتحديث الصفحة (Ctrl+Shift+R)، نظرًا لأن متصفحك ربما يقدم ورقة الأنماط القديمة من ذاكرة التخزين المؤقت.

الطريقة الثالثة: إخفاء العناوين باستخدام CSS في أداة تخصيص السمات (الموضوعات الكلاسيكية)

لو المظهر > تخصيص تظهر في لوحة المعلومات الخاصة بك، وأنت تتحدث عن سمة كلاسيكية، ولوحة CSS الإضافية الخاصة بـ Customizer هي أسرع مسار خالٍ من المكونات الإضافية.

أولاً، ابحث عن فئة CSS التي يستخدمها السمة الخاصة بك للعناوين. انقر بزر الماوس الأيمن فوق العنوان في أي صفحة، اختر يفحص، وانظر إلى عنصر العنوان. في معظم المواضيع الكلاسيكية يكون الفصل entry-title، ولكن لا تفترض. هناك الكثير من المواضيع التي تعيد تسميتها، والقاعدة التي تستهدف الفئة الخاطئة لا تفعل شيئًا. ثم:

1. اذهب الى المظهر > التخصيص > CSS الإضافي.
2. أضف القاعدة أدناه وانشرها.

.post .entry-title {
    display: none;
}

مبادلة .post ل .page لاستهداف الصفحات، أو استخدامها .page-id-42 .entry-title لإخفاء العنوان في صفحة واحدة (ستجد المعرف في عنوان URL لتحرير الصفحة، المغطى بالطريقة 7).

إيجابيات نهج CSS:

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

سلبيات:

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

الطريقة الرابعة: إخفاء عنوان الصفحة في العنصر

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

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

إخفاء العنوان لا يعمل؟ إصلاح محدد العنوان

يخفي Elementor العناوين عن طريق مطابقة فئات CSS الشائعة مثل entry-title. إذا كان السمة الخاصة بك تستخدم فئة مخصصة، فسيفشل التبديل بصمت. يجذب هذا المنتج الكثير من الأشخاص، ويستغرق الإصلاح دقيقة واحدة

1. افحص عنوان صفحتك في المتصفح وانسخ فئة CSS الخاصة بها.
2. في العنصر، انتقل إلى إعدادات الموقع > التخطيط.
3. لصق الفصل (على سبيل المثال h1.custom-title) في محدد عنوان الصفحة الحقل والحفظ.

يعرف تبديل إخفاء العنوان الآن ما يجب البحث عنه. العنصر الخاص إخفاء وثائق العنوان يغطي هذا الإعداد أيضًا.

البديل: استخدم تخطيط Elementor Canvas

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

الطريقة الخامسة: إزالة العناوين على مستوى الموقع باستخدام أداة إنشاء السمات

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

مع Elementor Pro، انتقل إلى القوالب > منشئ السمات > مشاركة واحدة، قم بتحرير قالب المنشور الفردي الخاص بك، وحدد عنصر عنوان المنشور، واحذفه.

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

لا تريد أن تدفع مقابل Elementor Pro فقط مقابل هذا؟ تتضمن الإضافات الرئيسية إضافات خاصة بها منشئ الموضوع يتيح لك ذلك إنشاء رؤوس وتذييلات وقوالب منشورات فردية وأرشيفات و404 صفحة باستخدام الإصدار المجاني من Elementor. ال وثائق منشئ الرأس والتذييل والتعليق يمشي عبر الإعداد، ويعني نفس التحكم في القالب أنك تقرر ما إذا كان العنوان سيظهر على الإطلاق. إنه نفس النهج الذي نستخدمه في دليلنا لـ تحرير التذييل الخاص بك في WordPress باستخدام Elementor.

الايجابيات:

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

سلبيات:

• يتطلب Elementor Pro أو مكونًا إضافيًا لمنشئ السمات مثل Master Addons.
• هذه إزالة حقيقية، لذا يحتاج القالب الخاص بك إلى H1 آخر، مثل عنصر واجهة المستخدم Heading الذي يسحب عنوان المنشور ديناميكيًا حيث تريده.

الطريقة السادسة: استخدم البرنامج المساعد لمزيل العنوان

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

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

الطريقة السابعة: إزالة العناوين باستخدام التعليمات البرمجية (functions.php)

تحرير ملفات السمات بشكل مريح؟ يمكنك تصفية العناوين على مستوى PHP. أضف هذه المقتطفات إلى سمات طفلك functions.php ملف. استخدم سمة فرعية حتى لا يمحو تحديث السمة تغييراتك، ثم قم بعمل نسخة احتياطية أولاً.

قم بإزالة العنوان من منشورات المدونة الفردية

add_filter( 'the_title', 'ma_remove_single_post_title', 10, 2 );
function ma_remove_single_post_title( $title, $id ) {
    if ( is_single() && in_the_loop() && get_the_ID() === $id ) {
        return '';
    }
    return $title;
}

إزالة العنوان من صفحة معينة

add_filter( 'the_title', 'ma_remove_page_title', 10, 2 );
function ma_remove_page_title( $title, $id ) {
    if ( is_page( YOUR_PAGE_ID ) && in_the_loop() && get_the_ID() === $id ) {
        return '';
    }
    return $title;
}

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

كيفية العثور على معرف الصفحة

افتح الصفحة في محرر WordPress وانظر إلى عنوان URL الموجود في شريط عناوين متصفحك. الرقم بعد post= هو معرف الصفحة.

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

تحسين محركات البحث وتجربة المستخدم وإمكانية الوصول: ما يؤثر عليه إخفاء العناوين فعليًا

قبل إخفاء العناوين عبر موقعك، قم بوزن المقايضات.

تحسين محركات البحث. يؤدي الاختباء باستخدام CSS إلى الاحتفاظ بـ H1 في HTML الخاص بك، لذلك تستمر محركات البحث في قراءته. تؤدي إزالة العنوان إلى حذف تلك الإشارة، وتمنح الصفحة التي لا تحتوي على أي H1 Google سياقًا أقل حول المحتوى. إذا قمت بإزالة عنوان، فاستبدله دائمًا بـ H1 آخر في مكان ما في تصميمك. للحصول على قائمة مرجعية أوسع، راجع موقعنا ممارسات تحسين محركات البحث لـ Elementor مرشد. تحمل عناوينك الفرعية وزنًا أيضًا جدول المحتويات البرنامج المساعد يبني التنقل داخل الصفحة من H2s وH3s، لذا حافظ على بقية بنية العنوان سليمة.

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

إمكانية الوصول. تعتمد قارئات الشاشة على العناوين للتنقل في الصفحة. لا يزال يتم الإعلان عن عنوان مخفي لـ CSS، لذلك يتم الحفاظ على إمكانية الوصول. العنوان الذي تمت إزالته بدون استبدال H1 يترك مستخدمي قارئ الشاشة في حالة تخمين. إذا استبدل تصميمك العنوان، فاجعل الاستبدال عنصر عنوان حقيقي، وليس نص فقرة مُصمم.

متى يتم إخفاء العناوين ومتى يتم الاحتفاظ بها

إبقاء العناوين مرئية عندما:

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

إخفاء أو إزالة العناوين متى:

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

الأسئلة المتداولة

إلتحاق بالركب

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

أيًا كان المسار الذي تسلكه، تذكر القاعدة الأساسية: إخفاء CSS عندما تريد الاحتفاظ بقيمة تحسين محركات البحث، وإذا قمت بالفعل بإزالة عنوان، فامنح الصفحة H1 آخر في مكانها.

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