كيفية تحرير رأس وتذييل قالب WordPress الخاص بك

نشرت: 2022-10-04

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

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

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

كيف يمكنني تخصيص رأس WordPress الخاص بي؟

الائتمان: نيرالاند

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

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

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

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

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

كيف يمكنني إنشاء رأس وتذييل مخصصين في WordPress؟

الائتمان: TemplateToaster

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

لا يمكن إدخال رمز في تذييل أو رأس موقع الويب الخاص بك بشكل افتراضي. الهدف من هذه المقالة هو إرشادك إلى كيفية إضافة رمز الرأس والتذييل بسهولة في WordPress. من أجل إضافة الكود دون الحاجة إلى تعديل ملفات سمة WordPress ، يجب عليك أولاً التأكد من أنها آمنة. يمكنك بسهولة إضافة رمز التذييل والعنوان إلى موقع WordPress الخاص بك باستخدام المكون الإضافي WPCode. بالإضافة إلى ذلك ، فهو يمكّنك من إدراج مقتطفات التعليمات البرمجية النصية و PHP و JavaScript و CSS و HTML بسهولة دون تعديل ملفات السمات الخاصة بك. نتيجة لذلك ، لم تعد بحاجة إلى التعامل مع ميزات WordPress مثل REST API و XML-RPC والتحديثات التلقائية والتعليقات وما إلى ذلك. تهدف هذه المقالة إلى مساعدتك في تعلم كيفية إنشاء أكواد رأس وتذييل الصفحة في WordPress. يمكنك إعداد تتبع Google Analytics من خلال بضع خطوات بسيطة باستخدام MonsterInsights ، وهو أفضل مكون إضافي لتحليلات Google لبرنامج WordPress. كيف نجمع الأموال ، ولماذا هو مهم ، وكيف يمكنك المساعدة في تمويلنا هو مكان رائع للبدء.

لماذا لا يظهر رأسي وتذييلي في WordPress؟

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

كيفية إضافة رأس لجميع صفحات WordPress

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


كيفية تحرير الرأس في ووردبريس

لتعديل العنوان في WordPress ، ستحتاج إلى الوصول إلى لوحة إدارة WordPress والانتقال إلى قسم المظهر> الرأس. من هنا ، ستتمكن من تعديل العنوان الحالي أو تحميل عنوان جديد. بمجرد إجراء التغييرات ، تأكد من النقر فوق الزر حفظ لحفظ التغييرات.

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

باتباع هذه الخطوات ، سنوضح لك كيفية تعديل رأس WordPress الخاص بك. ستحتاج إلى إنشاء سمة فرعية لهذا الدليل إذا كنت تستخدم سمة GeneratePress WordPress. لتحرير ملف header.php ، تأكد من تعيين المقتطف الموجود في منتصف كل من علامتي "head" و "head" على "None". تغيير خط أو نمط رأس WordPress في بعض الحالات غير ضروري ، ولكن يمكن القيام به إذا كنت بحاجة إلى تعديل النص. لنستعرض كيف يمكنك إنجاز ذلك. في هذا البرنامج التعليمي ، سنرشدك إلى كيفية تحميل وتهيئة حجم خط رأس WordPress الخاص بك عبر FTP. إذا كان لديك بالفعل سمة ، فيمكنك تغيير كود CSS الخاص بالرأس.

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

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

كيفية تحرير التذييل في WordPress

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

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

يمكنك تعديل أو إزالة الرسالة "Powered by WordPress" من التذييل الخاص بك بعدة طرق. من خلال النقر على أيقونة القائمة في الزاوية العلوية اليسرى من الشاشة ، يمكنك إعادة ترتيب الكتل في التذييل. يمكن إنشاء نصوص برمجية مخصصة بمساعدة ملفات PHP في قالب WordPress. ومع ذلك ، إذا كنت ترغب في العمل في هذا المجال ، فيجب أن تكون لديك خبرة في استخدام HTML و CSS و JavaScript ، بالإضافة إلى تصميم الويب وتطويره. يتيح لك إدراج رؤوس وتذييلات ، وهو مكون إضافي ، إضافة تعليمات برمجية ونصوص إلى أحد السمات دون الحاجة إلى تحرير ملفاته. كمكوِّن إضافي للمبتدئين ، فإن واجهته بسيطة وسهلة الاستخدام. يمكن إنشاء كود CSS و HTML و JavaScript مخصص من أي خدمة ، مثل Google AdSense و Twitter.

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

كيفية تحرير الرأس والتذييل في WordPress Elementor

بافتراض أنك تريد معرفة كيفية تحرير الرأس والتذييل في WordPress Elementor: 1. في لوحة معلومات WordPress الخاصة بك ، انتقل إلى Elementor> My Templates وانقر فوق الزر Add New. 2. في النافذة المنبثقة ، حدد Header & Footer وانقر فوق الزر Create Template. 3. قم بتسمية القالب الخاص بك وانقر فوق الزر "نشر". 4. في اللوحة اليمنى ، انقر على أيقونة العنوان. سيؤدي ذلك إلى إظهار جميع عناصر الرأس التي يمكنك تعديلها. 5. لتعديل العنوان ، ما عليك سوى النقر فوق العنصر الذي تريد تغييره وإجراء التغييرات في لوحة الإعدادات على الجانب الأيمن. 6. بمجرد الانتهاء من تحرير الرأس ، انقر فوق أيقونة التذييل في اللوحة اليمنى. 7. مرة أخرى ، ما عليك سوى النقر فوق العنصر الذي تريد تغييره وإجراء التغييرات في لوحة الإعدادات على اليمين. 8. عند الانتهاء من تحرير التذييل ، انقر فوق الزر حفظ في الزاوية العلوية اليمنى.

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

يمكن العثور على علامة تبويب الرؤوس والتذييلات في الزاوية اليمنى العليا من الشاشة. بعد النقر على الرابط ، ستظهر صفحة جديدة حيث يمكنك إضافة رأس أو تذييل إلى حسابك. لزيادة حد ذاكرة WordPress ، يجب تحرير ملف WP-config.php. يوصى بتثبيت 512 ميجا بايت على الأقل من ذاكرة الوصول العشوائي على جهاز الكمبيوتر الخاص بك. إذا كان لديك الكثير من المكونات الإضافية المثبتة ، فمن المستحسن أن تضاعف حجم ذاكرتك إلى 512 ميجا بايت. يجب تمكين Elementor Canvas في إعدادات صفحتك الرئيسية. إذا كانت إعدادات صفحتك الرئيسية صحيحة ، فتأكد من أنك ترى تخطيط صفحة Elementor Canvas.

باستخدام الإضافات Elementor أو ElementsKit ، يمكنك بسهولة تعديل رأس الصفحة وتذييلها في WordPress. إذا كان WordPress يتطلب حدًا عاليًا للذاكرة ، فيجب على المستخدمين ترقية ملف WP-config.php. إذا كان لديك الكثير من المكونات الإضافية المثبتة على نظامك ، فيجب عليك زيادة حجم الذاكرة إلى 512 ميجا بايت أو أكثر.

العنصر: كيفية تحرير الرؤوس والتذييلات

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

ملفات Footer.php

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

تذييل موقع الويب

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

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

أهمية تذييلات الموقع

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