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

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

والخبر السار هو أنه يمكنك معالجة ذلك بسهولة بمساعدة القالب الفرعي وملف function.php الخاص بك ، أو مكون WordPress الإضافي. أيًا كانت الطريقة التي تختارها ، ستتمكن بسهولة من تحسين موقعك بميزات مخصصة وبيانات المستخدم واستراتيجيات تعزيز الأداء.

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

لماذا تقوم بتحرير كود WordPress Header and Footer Code؟

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

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

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

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

كيفية إضافة كود إلى رأس أو تذييل WordPress الخاص بك يدويًا (في خطوتين)

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

الخطوة 1: إنشاء موضوع الطفل

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

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

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

الخطوة 2: قم بتحرير ملف jobs.php الخاص بقالب طفلك

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

الطريقة المعتادة لتحرير ملف jobs.php هي عبر بروتوكول نقل الملفات (FTP) وعميل FTP مثل FileZilla. ومع ذلك ، يمكنك أيضًا تعديل ملفات معينة من لوحة معلومات WordPress الخاصة بك. للوصول إليه ، انتقل إلى المظهر> محرر السمات .

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

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

كيفية إضافة رمز إلى رأس أو تذييل WordPress الخاص بك باستخدام البرنامج المساعد (في خطوتين)

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

ومع ذلك ، هناك العديد من المكونات الإضافية المتاحة في دليل المكونات الإضافية لـ WordPress وفي أماكن أخرى يمكن أن تساعد في هذه المهمة.

الخطوة 1: تثبيت وتنشيط البرنامج المساعد الذي تختاره

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

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

الخطوة 2: أضف مقتطفات الشفرة إلى رأس الصفحة وتذييلها وما بعد الحقن

بمجرد تثبيت المكون الإضافي ، يجب أن تكون قادرًا على الانتقال إلى الإعدادات> الرأس والتذييل في لوحة المعلومات.

ستجد هنا محرر نصوص لإضافة مقتطفات الشفرة - مثل شفرة تتبع Google Analytics أو جافا سكريبت مخصص - التي ترغب في تضمينها في رأس الصفحة و / أو التذييل.

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

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

قم بتحسين تجربة موقعك مع WP Engine

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

في WP Engine ، لدينا مجموعة متنوعة من موارد المطورين التي يمكن أن تساعدك في نقل تجربة موقع WordPress الخاص بك إلى آفاق جديدة. تحقق منها اليوم!