إضافة سمة العنوان إلى محرر WordPress. إدراج سمة العنوان تلقائيًا في WordPress

نظرًا لأن هذه السمة لا تسمح باستخدام علامات html مع علامات الاقتباس وأشياء أخرى، فلا يمكننا استخدام وظيفة the_title() هناك. بدلاً من ذلك نستخدم the_title_attribute() :

" عنوان = ""الرابط الثابت إلى: "، "بعد" => "")); ?>">

رمز سمة العنوان: wp-includes/post-template.php الإصدار 5.1.1

مرحبا عزيزي القراء لموقع بلوق. سيقوم مدقق كود HTML والآخرون بإصدار تحذيرات إذا وجدوا علامات صور على الصفحة IMG بدون سمة ALT المحددة بالداخل.

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

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

إضافة ALT تلقائيًا إلى الصور التي لا تحتوي عليه

الفكرة بسيطة للغاية والتنفيذ أنيق. يبحث البرنامج النصي الموضح أدناه (وظيفة WordPress) ببساطة عن علامات IMG التي لا تحتوي على سمة alt على الإطلاق. بعد أن وجدت مثل هذا الغضب، تضيف ALT وتكتب بغباء عنوان المقال فيه (محتويات علامة عنوان الصفحة).

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

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

الوظيفة add_alt_tags($content) ( $post; preg_match_all("/ /"، $content، $images)؛ if(!is_null($images)) ( foreach($images as $index => $value) ( ​​​​if(!preg_match("/alt=/"، $value) ) ( $new_img = str_replace(" post_title.""", $images[$index]); $content = str_replace($images[$index], $new_img, $content); ) ) return $content; ) add_filter("the_content", "add_alt_tags" ، 99999)؛

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

ستجد في الكود الخاص به أن ALT-you، على الرغم من تطابقه، لا يزال موجودًا.

اي شيء افضل من لاشيء. IMHO.

على الصفحات التي تم تسجيل البديل فيها، لن يتغير شيء:

كيفية إضافة سمات Alt وTitle إلى الصور المصغرة في WordPress

والمزيد حول هذا الموضوع. يتم عرض الصور المصغرة في WordPress مع علامات Alt الفارغة (مثل alt = "") بشكل افتراضي. إذا لم يعجبك هذا يمكنك إضافة أسماء المقالات التي تم أخذها منها كبديل للصور المصغرة. وفي الوقت نفسه، يمكنك إضافة سمة العنوان إلى علامة Img:

// إضافة بديل وعنوان للصور المصغرة للنشر، بدء وظيفة wph_alt_title_for_thumbnail($html) ( $post_title = esc_attr(get_the_title()); // إضافة alt $html = preg_replace("/(alt=")(.*?)(" )/i", "$1".$post_title."$3", $html); //أضف عنوان $html = str_replace("/>", "title="".$post_title."" />", $ html); return $html); add_filter("post_thumbnail_html", "wph_alt_title_for_thumbnail", 10, 1); // نهاية إضافة بديل وعنوان للصور المصغرة للنشر

إذا كنت تريد إضافة الكمان فقط إلى المنمنمات، يمكنك استخدام الكود التالي:

// إضافة بديل وعنوان للصور المصغرة للنشر، بدء وظيفة wph_alt_title_for_thumbnail($html) ( $post_title = esc_attr(get_the_title()); // إضافة alt $html = preg_replace("/(alt=")(.*?)(" )/i", "$1".$post_title."$3", $html); return $html; ) add_filter("post_thumbnail_html", "wph_alt_title_for_thumbnail", 10, 1); // نهاية إضافة بديل وعنوان للصور المصغرة للنشر

كل التوفيق لك! نراكم قريبا على صفحات موقع المدونة

يمكنك مشاهدة المزيد من الفيديوهات بالذهاب إلى

أنت قد تكون مهتم

كيف يمكنك في WordPress عرض المشاركات من فئة تحتوي على صور مصغرة (إنشاءها في Auto Post Thumbnail وcatch_that_image)
نقوم بإنشاء أزرار للإضافة إلى الشبكات الاجتماعية والإشارات المرجعية لمدونة WordPress (بدون المكونات الإضافية والبرامج النصية) كيفية تعطيل التعليقات في ووردبريس لمقالات فردية أو للمدونة بأكملها، بالإضافة إلى إزالتها أو تمكينها في قالب اختفت القائمة اليسرى في إدارة WordPress بعد التحديث
فتات الخبز في WordPress بدون مكونات إضافية
كيفية إزالة روابط خدمة WP-JSON من الكود المصدري لصفحات مدونة WordPress الخاصة بك
ملف jobs.php من مجلد سمات WordPress وأمثلة حقيقية لاستخدامه مشكلة All in One SEO Pack وحلها - إزالة rel=prev وتصحيح rel=canonical لإزالة التكرارات من الفهرس

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

لماذا هناك حاجة إلى العنوان في القائمة؟

العنوان هو سمة HTML يمكن تعيينها لأي عنصر. ولكن في أغلب الأحيان يتم استخدامه في الروابط والصور.

تعرض هذه السمة معلومات إضافية حول الرابط أو الصورة:

تعرض المتصفحات عادةً العنوان عند تمرير الماوس. وهذا يسمح للمستخدمين بمعرفة أين يؤدي الرابط.

يعتبر بعض مُحسني محركات البحث أن سمة عنوان HTML عديمة الفائدة، بينما يعتقد البعض الآخر أن هذه السمة مفيدة للغاية لتحسين محركات البحث لأنها تتيح لك تقديم المزيد من المحتوى.

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

إضافة سمة عنوان إلى عناصر قائمة التنقل في WordPress

اذهب إلى المظهر=> القوائم ( المظهر=>القائمة) وانتقل إلى علامة التبويب "خيارات الشاشة" ( إعدادات الشاشة)، الموجود في الزاوية اليمنى العليا:

سيتم فتح قائمة ستحتاج فيها إلى التحقق من العقار " سمة العنوان».

ثم قم بتمرير الصفحة وانقر فوق أي عنصر قائمة لفتحه. سترى فيه حقلاً لسمة العنوان:

ستتمكن الآن من إضافة أي نص إلى سمة عنوان WordPress لجميع عناصر قائمة التنقل. لا تنس النقر على زر "حفظ" حتى لا تفقد تغييراتك.

باستخدام jQuery، يمكنك تخصيص هذه السمة عن طريق إضافة تأثيرات تمرير مختلفة. نأمل أن تساعدك هذه المقالة في فهم كيفية إعداد سمة العنوان في قائمة WordPress.

ترجمة المقال " كيفية إضافة سمة العنوان في قوائم التنقل في ووردبريس» تم إعداده من قبل فريق المشروع الصديق

جيد سيئ

تحدد السمة البديلة المطلوبة النص البديل الذي سيتم عرضه في الحالات التي لا يمكن فيها عرض الصورة بسبب الاتصال البطيء...

الأيقونات جزء مهم من أي تصميم. العديد من الرموز معترف بها عالميًا. على سبيل المثال، تعيين دورات المياه في محطات المطار. حتى بدون معرفة اللغة..

) هو شيء مهم ومريح من نواح كثيرة.

ومن خيارات استخدامه هو إنشاء كتلة من الروابط، كل منها له تصميمه الخاص، على سبيل المثال هذه الفئات:

كتلة من الروابط مع أيقونات فريدة من نوعها

تتوفر ميزة مماثلة في العديد من السمات المتميزة، وأعتقد أن هناك أيضًا مكونات إضافية تنشئ قائمة مماثلة. سيكون الحل الخاص بي مناسبًا لأي سمة WP، ولن يكون زائدًا عن الحاجة أو يحمل أي حمل إضافي على الخادم، كما هو الحال أحيانًا مع المكونات الإضافية. لتنفيذه، تحتاج إلى الحد الأدنى من المعرفة بـ CSS وHTML ( يمكنك أن تقرأ عنها هنا – htmlbook.ru) وبعض برامج تحرير HTML، على سبيل المثال، المفكرة المجانية++ ( خارج الموقع – notepad-plus-plus.org).

لذلك، أول شيء عليك القيام به هو إنشاء قائمة مخصصة – وحدة التحكم > المظهر > القائمة ( فيما يلي المسار الموجود في الإصدار المترجم رسميًا من WP). بعد ذلك، إذا كنت تستخدم عنصر واجهة مستخدم قائمة مخصصة وحدة التحكم > المظهر > عناصر واجهة المستخدم، فاسحب عنصر واجهة المستخدم إلى كتلة الشريط الجانبي وحدد القائمة المخصصة التي قمت بإنشائها مسبقًا. أعتقد أن هذه الخطوات بسيطة ولا تتطلب لقطات شاشة. بالنسبة لموضوع "العشرة والعشرون" ( wordpress.org/extend/themes/twentyten) ستكون النتيجة هكذا: