كيفية إضافة HTML إلى رأس WordPress الخاص بك

نشرت: 2022-09-20

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

يوجد تذييل (الجزء العلوي من الصفحة) من موقع WordPress في الواجهة الأمامية. في مجلد السمة النشط الخاص بك يوجد ملف يسمى header.php؛ يقع أحد ملفاتك. بالانتقال إلى WP-content> theme> your-theme-name ، يمكنك العثور على ملفك وتحريره. بعد ذلك ، يمكنك فتحه وإجراء أي تغييرات ضرورية في محرر التعليمات البرمجية. يرجى التأكد من تحديد المظهر النشط حاليًا في الشريط الجانبي الأيمن. سيتم تسمية ملف header.php باسم رأس الموضوع ، مما يسهل العثور عليه. قم بتغيير الأذونات إلى ملف التحديث الخاص بك بحيث يمكن تحديثه. إذا لم تتسبب تغييرات التعليمات البرمجية الخاصة بك في أي مشاكل ، فسيقوم WordPress بإجراء فحص سريع لـ PHP.

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

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

كيف أقوم بإضافة كود Html إلى رأس WordPress؟

الائتمان: wphow.co

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

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

تم تعطيل الرأس في موقع WordPress

سيتم تعيين الرأس للاستخدام إذا كنت تستخدم مكونًا إضافيًا مثل Visual Composer أو Slider Revolution Plugin. إذا كنت ترغب في تعطيله ، فانتقل إلى المظهر وانقر فوق تعطيل. يمكن تهيئته بعدة طرق. في الرأس ، يتم استخدام الكلمات التالية. بإلغاء تحديد الخيار "تمكين" ، يمكنك إلغاء تحديد الخيار "تمكين".

أين يوجد ملف Html Header في ووردبريس؟

الائتمان: كينستا

يمكن العثور على ملف header.html في الدليل / wp-content / theme / your-theme-name / الدليل.

رؤوس الملفات هي ملفات مرتبطة بسمة أو مكون إضافي (Drop-Ins ، Must-Use-Plugins: يمكنك أيضًا الحصول عليها). يحتوي الملف على معلومات التعريف (الاسم والإصدار والمؤلف وما إلى ذلك) فيما يتعلق بالموضوع الملموس أو المكون الإضافي. قيمة واسم الرأس متطابقان. تتضمن واجهة برمجة تطبيقات رأس الملف جميع الوظائف المتعلقة برأس ملف السمة والمكونات الإضافية والخطافات ذات الصلة (الإجراءات ، والمرشحات). ليتم تنفيذها بالمعنى الواقعي ، يجب تحديد خيارات رأس الملف على النحو التالي. تُستخدم الرؤوس الافتراضية لتحديد الحد الأقصى لعدد الكلمات ، والحد الأدنى لعدد الأحرف ، والحد الأقصى لعدد الأحرف لكل كلمة. قد تحتوي بعض المكونات الإضافية على ملف readme.txt ، والذي يحتمل أن يحتوي على رؤوس متشابهة. على الرغم من أن WordPress يتعامل مع مثل هذه الملفات ، إلا أن تطبيقات الجهات الخارجية تتعامل معها.

ما هو العنوان على موقع ووردبريس؟

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

كيفية إضافة رأس وتذييل مخصصين إلى منشورات وصفحات WordPress الخاصة بك

استخدم الكود التالي لإظهار الرأس والتذييل في منشورات وصفحات WordPress. يمكن القيام بذلك باستخدام مترجم PHP / PHP. يجب إضافة الكود الخاص بالرأس والتذييل المخصصين هنا * /. ما هو اسم المدونة في php؟ تم تضمين WP_title ("Your") في PHP. لقب

كيف أقوم بعمل رأس في WordPress؟

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

كيفية استخدام محرر صور رأس ووردبريس

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

هل يمكنك إضافة Html مخصص إلى WordPress؟

تتيح لك قائمة المظهر في لوحة معلومات WordPress الوصول إلى صفحة الأدوات. لإضافة عنصر واجهة مستخدم ، انتقل إلى خيار Custom HTML وحدد Add widget. أدخل كود HTML الخاص بك في عنوان القطعة. يمكنك إجراء أي تغييرات ضرورية.

كيف أقوم بإنشاء ملف Html مخصص في WordPress؟

انقر فوق New Folder لإنشاء مجلد جديد في WordPress وتحميل ملف HTML. بعد تسمية المجلد الجديد ، انقر فوق إنشاء مجلد جديد. بعد النقر نقرًا مزدوجًا فوق المجلد الذي أنشأته للتو ، انقر فوق تحميل لإضافة ملف HTML إليه. بمجرد إنشاء ملف zip ، ستلاحظه في مجلدك.

هل يسمح WordPress برمز مخصص؟

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

كيفية إدراج رمز في WordPress

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

كيف أقوم بإضافة كود إلى تذييل ووردبريس؟

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

بنهاية هذا المنشور ، ستتمكن من إضافة التعليمات البرمجية بسرعة وسهولة إلى تذييل أو رأس WordPress الخاص بك. اعتمادًا على الظروف ، ستحتاج إلى إضافة الرمز بطريقة مختلفة. من الأفضل عادةً تضمين كود CSS في قالب فرعي أو جزء محدد منه. يمكن تخصيص رأس وتذييل WordPress بسهولة بعدة طرق. يمكن إضافة JavaScript إلى Astra باستخدام وحدة Astra Hooks أو وحدة التخطيطات المخصصة. علاوة على ذلك ، قد ترغب في تضمين Facebook Pixel في رأس WordPress الخاص بك. لربط حسابك على Facebook بموقعك على الويب ، يمكنك استخدام Facebook Pixel.

يمكنك إجراء تغييرات على سمة WordPress الخاصة بك باستخدام سمة فرعية ، لكن الملفات الموجودة على القالب الرئيسي الخاص بك لا تتأثر. يمكن استخدام مكون إضافي أو سمة يدوية لإنشاء سمة فرعية. تعتبر السمات الفرعية مفيدة لأنها لا تفقد محتواها عند تحديث المظهر الرئيسي الخاص بك. في هذا البرنامج التعليمي ، سنوضح لك كيفية استخدام إصدار Google AMP لموقعك لإضافة رمز إلى أقسام رأس الصفحة وتذييلها في موقع الويب الخاص بك. يُعد Mobile Accelerated Pages (AMP) مكونًا إضافيًا يقوم بتحميل إصدار مُجرد من HTML و JavaScript على الأجهزة المحمولة في محاولة لجعل صفحات الجوال يتم تحميلها بشكل أسرع. يمكنك أيضًا تغيير رأس الصفحة وتذييلها على موقع الويب الخاص بك.

تعد إضافة رمز مخصص أمرًا سهلاً باستخدام المكون الإضافي لإدراج الرؤوس والتذييلات

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

Header.php WordPress

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

يجب أن يحتوي كل قالب WordPress على ملف header.php. قبل مناقشة كل خطوة في القسم التالي ، أود إبراز بعض الأشياء المهمة في رأس الصفحة التي يجب أن تكون موجودة. يحتوي هذا القالب على الخصائص التالية: سيساعدك الكود الذي تمت مناقشته أدناه على فهم سبب فائدته. فيما يلي بعض الخطوط الموجودة في وظيفتنا. نضيف ورقة الأنماط إلى قائمة انتظار WordPress بعد تسجيلها أولاً. نقوم بتمرير اسم البرنامج النصي الذي نريد تضمينه في قائمة الانتظار كمعامل كما نسمي وظيفة WP_enqueue_script. تمت إزالة علامة Meta Generator Tag من هذا السطر لأنها مرئية لجميع مالكي إصدارات WordPress.

عندما تقدم هذا النوع من المعلومات ، فإن المهاجم لديه القدرة على استغلال العيوب في إصدارك. عند استخدام متصفح غير IE 8 ، يمكنك إما إضافة فئة وفقًا لإصدار IE أو حذفه بالكامل (Firefox و IE9 و Chrome وغيرها). يمنع هذا الخط المتصفحات من استخدام وضع المراوغات ، الذي يكسر التخطيط ، وبالتالي يمنع استخدامه. يوجه هذا السطر مجموعة الأحرف ليتم نقلها إلى متصفحك ، وتجنب الأحرف غير المعروفة. يمكن أن تكون العلامات الوصفية سهلة الاستخدام والتي يمكن أن تساعد في تحسين المظهر الخاص بك مفيدة.

كيفية استخدام ملفات رأس مخصصة في WordPress

ملفات الرأس هي ملفات WordPress تحتوي على بيانات رأس HTTP مخصصة. يحتوي كل ملف من هذه الملفات على مجموعة رؤوس HTTP الخاصة به ، والتي تتم إدارتها بواسطة نظام WordPress. يحتوي دليل محتوى WordPress على ملفات رأس (تُعرف أيضًا باسم إضافات WordPress أو سمات WordPress أو أسماء سمات WordPress). لإضافة رؤوس HTTP مخصصة إلى صفحة WordPress ، استخدم وظيفة header (). تسمح معلمة الاسم الاختيارية المحددة بواسطة هذه الوظيفة لـ WordPress باستخدام ملف رأس معين بدلاً من ملف الرأس الافتراضي لموضوعك. لاستخدام وظيفة header () ، يجب عليك أولاً العثور على ملف رأس WordPress (المعروف أيضًا باسم WP-content) ثم فتحه في محرر التعليمات البرمجية. بعد إجراء التغييرات ، ستحتاج إلى حفظ الملف وتحميله إلى موقع WordPress الخاص بك. يمكنك معرفة المزيد حول تكوين ملفات رأس HTTP في WordPress من خلال قراءة مقالة WordPress Codex حول ملفات الرأس.