كيفية تضمين كود الرأس والتذييل في ووردبريس

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

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

في هذا البرنامج التعليمي ، نتجه لنعرض لك طريقتين لزيادة كود الرأس والتذييل في WordPress. في البداية ، سنظهر في أنواع التفسيرات التي تريد القيام بذلك في المنطقة الأولية.

ما يمكنك تحقيقه باستخدام الرمز الزائد في رأس وتذييل الموقع الخاص بك

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

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

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

وقائع استخدام مقتطفات الشفرة اليومية

ستطلب منك تطبيقات الوسائط الاجتماعية والبحث عن Engine Optimization (تحديد موقع موقع الويب) بشكل عام إدخال رمز العنوان في WordPress. هذا لأن هؤلاء الأشخاص يجب أن يحصلوا على بعض الأسبقية عندما يتمكن المئات من صفحة الويب من تسجيل كل شيء يصل بعده مباشرة.

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

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

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

كيفية تضمين كود الرأس والتذييل في WordPress (طريقتان)

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

1. يمكنك استخدام مكون إضافي لمساعدتك على دمج الشفرة في الأجزاء المناسبة من موقع الويب الخاص بك.
2. أنت في وضع يسمح لك بتضمين التعليمات البرمجية إلى ملف capabilities.php ، وستحتاج إلى مزيد من المعرفة حول كيفية الوصول إلى معلومات موقعك.

من المحتمل أن نبدأ باختيار المكون الإضافي ، للدوافع التي سنقوم بتوضيحها قريبًا.

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

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

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

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

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

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

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

2. دمج قصاصات التعليمات البرمجية في ملف features.php الخاص بك

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

• تحصل على مستندات WordPress الأساسية الخاصة بك - وبالتبعية ، ملف features.php - باستخدام بروتوكول نقل الملفات الآمن (SFTP.) على هذا النحو ، سيتعين عليك معرفة كيفية أداء ذلك عند الشراء للكشف عن معلومات مواقع الإنترنت الخاصة بك والعمل معها هم.
• نوصيك أيضًا باستخدام سمة طفل ، في الشراء لحماية تعديلاتك إذا تلقى الموضوع المعني تحديثًا.
• ستحتاج على الأقل إلى معرفة تشغيلية بخطافات وإجراءات وفلاتر WordPress. ما هو إضافي ، سترغب في فهم كيفية وصول WordPress إلى رأس الصفحة وتذييلها من خلال هذه الخطافات.

عندما يتعلق الأمر باستخدام SFTP ، فإن WPKube لديه مجموعة من محتوى المقالات التي يمكنك أخذها في الاعتبار عند البحث من خلال:

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

من القائمة هنا ، سيتخذ مسار العمل طريقتين. للبدء ، افتح خادم موقعك داخل عميل SFTP الخاص بك ، ثم انتقل إلى wp-material / theme . المدرجة هنا ، افتح قائمة السمات الحالية الخاصة بك ، وابحث عن ملف functions.php المناسب:

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

 add_action( 'wp_head', ' ' ) purpose () ?> add_action( 'wp_head', ' ' ) purpose () ?> add_action( 'wp_head', ' ' ) purpose () ?>

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