كيفية جعل العلامات غير مرئية في WordPress - دليل خطوة بخطوة

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

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

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



كيفية جعل العلامات غير مرئية في WordPress

استخدم فاحص المتصفح للعثور على اسم فئة تصنيف العلامات. تستخدم معظم السمات 'post_tags'. تستخدم منتجات WooCommerce 'tagged_as'. اكتب عنصر الفئة في 'CSS إضافي' مع إمكانية الرؤية: مخفية أو عرض: لا شيء. يؤدي إخفائه إلى تحميل العنصر ، بينما يؤدي هذا الأخير إلى تعطيل تحميل العلامات.

أولاً ، تحقق من خيارات سمة WordPress الخاصة بك

جميع سمات WordPress لها وظائف مختلفة. يوفر لك البعض إمكانية بنقرة واحدة لتعطيل عناصر معينة وتمكينها.

يطلب منك الآخرون استخدام CSS للتحكم في مظهر موقع الويب الخاص بك.

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

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

ما بعد التعريف هو أكثر من العلامات الخاصة بك. يتضمن تاريخ النشر واسم المؤلف والفئات والعلامات. إذا قمت بإعداد تصنيفات مخصصة ، فسوف تخفي meta الخاصة بإخفاء تلك التصنيفات أيضًا.

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

تم ترميز عدد قليل جدًا من السمات لاستهداف عناصر فردية مثل علامات WordPress فقط.

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

للقيام بذلك ، تحتاج إلى تحرير CSS (stylesheet.css). أسرع طريقة هي استخدام WordPress CSS Customizer.

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

كيفية العثور على عنصر العلامة لإخفائه باستخدام CSS

معظم المتصفحات الحديثة لديها وضع فحص. في Chrome ، انقر بزر الماوس الأيمن على عنصر الصفحة التي تريد تعديلها ، ثم حدد فحص.

سيتم تحميل مفتش المصدر موضحًا الكود المصدري للعنصر المميز.

الجزء الذي تحتاجه هو عنصر .

في صفحات منتجات WooCommerce ، يتم التحكم في العلامات بواسطة الفئة 'المميزة كـ'. في منشورات المدونة ، يتم تعيين العلامات بواسطة أي مطور للسمات يسمي الفئة. عادةً ما تكون post_tags.

استخدم أداة فحص المتصفح لتحديد اسم العنصر الذي يتحكم في علاماتك.

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

أدخل الكود:

.tagged_as {
visibility:hidden
}

في مثال الكود أعلاه ، 'تم وضع علامة باسم' هو الرمز المستخدم في صفحة منتج WooCommerce. استبدل 'tagged-as' باسم الفصل الدراسي لموضوعك.

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

لا يزال إخفاء الرؤية يؤدي إلى تحميل العلامات. انها فقط لا تظهر.

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

.tagged_as {
display:none
}

ما هو الفرق بين الرؤية والعرض في CSS؟

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

العرض: لا يوجد رمز يمنع العنصر من التحميل.

لن تقرأ برامج قراءة الشاشة النص المخفي أيضًا. ما لا يمكن رؤيته لن يسمع.

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

كيفية جعل العلامات غير مرئية على صفحات معينة من WordPress

عندما تريد الاحتفاظ بالعلامات الموجودة في باقي موقعك مرئية مع إخفائها في صفحات معينة ، يمكنك استخدام CSS لإخفاء العنصر في صفحة واحدة فقط.

يمكنك أيضًا استهداف صفحات متعددة بنفس الرمز فقط عن طريق إضافة المزيد من كتل CSS في قسم CSS الإضافي.

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

موقعكم [.] com / wp-admin / post.php؟ post = 388 & action = edit

في المثال URL ، 388 هو معرف المنشور. استخدم معرّف المنشور أو الصفحة التي تريد إخفاء العلامات عليها.

.post-id-388 .tagged-as {
display:none;
}

كما في السابق ، يمكنك استخدام العرض: لا يوجد رمز لإيقاف تحميل العنصر ، أو يمكنك جعله غير مرئي ولكنه لا يزال موجودًا في الخلفية باستخدام visibility: hidden code بدلاً من display: none.

كيفية استخدام علامات WordPress بشكل صحيح

الغرض من علامات WordPress هو المساعدة في التنقل في الموقع. المصطلح التقني لهم في WordPress هو تصنيف.

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

الاستخدام الصحيح للعلامات في WordPress

لتصنيف المنتجات في متاجر WooCommerce وإضافة وظيفة بحث إضافية إلى موقع WordPress على الويب.

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

استخدام غير صحيح للعلامات في WordPress

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

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

مع الفئات ، تحتاج إلى تضمين فئة واحدة لكل منشور.

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

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

مثال على حالة استخدام العلامات للمحتوى الهيكلي الجزئي

باستخدام هذا الموقع كمثال ، هناك فئة واحدة هي 'البرمجة'. هناك العديد من لغات البرمجة. PHP ، Python ، Ruby ، ​​SQL ، JavaScript ، C ++ ، إلخ.

على موقع برمجة متخصص ، يمكن أن تكون كل لغة فئة فرعية.

بدلاً من إضافة فئة فرعية لكل لغة ، يمكن تمييز المشاركات بالفئة ذات الصلة. يدعم WordPress عددًا لا حصر له من الفئات الفرعية.

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

ما هو الفرق بين فئات وعلامات ووردبريس

  • الفئات هرمية
  • العلامات ليست كذلك

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

في الممارسة العملية ، يمكن تقسيم فئة البرمجة إلى قسمين. جانب العميل وجانب الخادم. يمكن أن تكون هذه الفئات ذات المستوى الأعلى. ستكون الفئات الفرعية هي اللغات للاثنين.

> / فئة / جانب العميل
> جافا سكريبت
> CSS
> HTML.
> أجاكس

> / فئة / جانب الخادم
> بايثون
> روبي أون ريلز
> SQL
> بيرل

بدلاً من ذلك ، يستخدم هيكل هذا الموقع علامات للتنقل بين المشاركات داخل الفئات.

الفرق هو عدد النقرات التي يحتاجها الزائر للوصول إلى الوجهة. الفئة الفرعية هي نقرة إضافية للزائر.

تعمل العلامات على تضييق نطاق الموضوعات وإضافتها إلى مدى الصلة بالموضوع دون الحاجة إلى إعادة هيكلة الفئات.

ضع دائمًا تجربة المستخدم في الاعتبار عند هيكلة المحتوى الخاص بك. استخدم العلامات في WordPress لتسهيل التنقل للمستخدمين.

عندما تصبح العلامات فوضى ، فإن تحرير CSS هو كيفية جعل العلامات غير مرئية في WordPress.

بعد ذلك ، يمكنك إعادة هيكلة موقعك أو تنظيمه لتنفيذ وضع العلامات بشكل صحيح ، ثم إزالة CSS لإظهار العلامات عند اكتمال المهمة.