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

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

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

صفحة الإطلاق ، صفحة JV ، صفحة التسجيل ، صفحة الويبينار ... سمها ما شئت. يمكنك حقًا الذهاب إلى المدينة باستخدام رؤوس WP وليس من الصعب (دائمًا) القيام بذلك.



في الواقع ، بعض السمات تجعلها تشير وتنقر ببساطة.

إذا لم يكن الأمر كذلك ، فيمكنك دائمًا السير في طريق البرنامج المساعد.

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

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

ووردبريس: عنوان مختلف لكل صفحة

استخدم سمة تتيح لك إخفاء العنوان ، ثم يمكنك استبدالها بصورة في المنشور. بدلاً من ذلك ، أضف وظيفة استبدال الرأس باستخدام المكون الإضافي WP Display Header. في حالة عدم تجاوز العنوان الافتراضي (مما يؤدي إلى ظهور رأسين) ، قم بإخفاء الرأس الافتراضي باستخدام CSS.

تعطيل الرأس على الصفحة (حسب الموضوع)

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

في محرر WP ، ابحث في الشريط الجانبي الأيمن عن قسم بعنوان 'العناصر'.

يعتبر الرأس عنصرًا وهناك بعض السمات (غالبًا ما تكون مميزة) التي تمنحك خيارًا لتعطيل العنوان في الصفحات والمشاركات الفردية.

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

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

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

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

هل يجب أن لا يدعم المظهر الخاص بك إخفاء رأس الموضوع على أساس كل صفحة ...

انتقل إلى المكونات الإضافية لاستبدال العنوان الافتراضي الخاص بك على أساس صفحة واحدة / منشور

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

إذا كان قالبك لا يدعم الخطاف (customer_header) في WP ، فستبدو المكونات الإضافية (على السطح) عديمة الفائدة.

ولكن نظرًا لكوننا من محبي أداة تخصيص WP CSS ، اكتشفنا أن هناك طريقة لجعلها تعمل دون تكرار ملف header.php الخاص بك وتحرير الرموز باستخدام FTP وربما كسر موقعك.

طريقة سريعة لمعرفة ما إذا كان أي من هذه المكونات الإضافية سيعمل بدون تعديل ...

انتقل إلى قائمة المظهر ، وحدد أداة التخصيص ، وافتح إعدادات 'الرأس' وشاهد ما لديك.

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

المكوّنان الإضافيان اللذان يجب تجربتهما هما 'WP Unique Headers و' WP Display Headers '.

رؤوس WP الفريدة ورؤوس عرض WP

لكي يعمل أي منهما في الاختبار الخاص بنا ، يجب إجراء التغييرات باستخدام CSS ، وإلا ، كانت النتيجة هي صورة الرأس الافتراضية التي يتم وضعها فوق الصورة المختلفة.

تكون نتيجة صورتي العنوان ، واحدة فوق الأخرى ، فوضوية.

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

انتقل إلى قائمة المظهر ، وحدد تخصيص ، ثم انتقل إلى قائمة CSS الإضافية.

أضف الكود التالي:

.page-id-1283 .custom-logo {
    display:none;
}
.page-id-1283 .menu {
    display:none;
}

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

حيث يوجد '.custom-logo' ، استبدله برمز رأس السمة الخاص بك.

للعثور عليه ، انقر بزر الماوس الأيمن على صورة رأسك ، وحدد فحص والعنصر 'class' هو معرف فئة الرأس. معظم السمات إما 'شعار مخصص' أو 'رأس مخصص'.

احتفظ بالشاشة مضبوطة على 'لا شيء'. سيؤدي ذلك إلى إخفاء صورة العنوان الافتراضية الخاصة بك.

قد لا تحتاج القسم الثاني من CSS

استخدم هذا إذا وجدت قائمة التنقل الخاصة بك معروضة داخل رسم الرأس المختلف الخاص بك بدلاً من أسفله.

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

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

استخدام البرنامج المساعد WP Display Header

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

ملحوظة: كل صورة رأس تظهر هي الرؤوس 'التي تم تحميلها مسبقًا' والتي يمكنك تحميلها في إعدادات رأس أداة تخصيص السمة الخاصة بك.

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

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

بمجرد تحديد رأسك المختلف ، اضغط على معاينة وسترى عرض الرأس المختلف.


كيفية عمل رأس مخصص في دقيقتين

إذا وجدت نفسك تقضي وقتًا طويلاً في تعديل الصور ، فافعل لنفسك معروفًا وقم بإعداد حساب مجاني على Canva.

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

لأغراض إنشاء رسم مخصص لرؤوس الصفحات الخاصة بك ، راجع كيفية التنزيل من Canva ، والتي ترشدك خلال مرحلة إنشاء الصور المخصصة وتنزيلها.

تحميل رأسك المخصص

بمجرد الحصول على صورتك ، ارجع إلى لوحة معلومات WP الخاصة بك ، وانتقل إلى Appearance ، ثم حدد 'Customizer'. انتقل إلى إعدادات العنوان وهذه المرة حدد 'إضافة صورة جديدة'.

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

الآن ، قم بتحرير صفحتك أو المنشور لإظهار رأس مختلف في تلك الصفحة المحددة.

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

السمة والمكونات الإضافية التي عملت على وضع رؤوس مختلفة في صفحات مختلفة هي:

إذا كنت تبدأ موقعًا باستخدام WordPress وترغب في السير في الطريق المجاني من خلال تخصيص سمات WP المجانية ، فإن المجموعة التي تعمل خارج المربع دون الحاجة إلى تعديلات CSS هي Pure and Simple Theme (إصدار مجاني) ورؤوس عرض WP.

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