إنشاء ترويسة WordPress بدون إضافة

الترويسة سجلّ يظهر في لوحة إدارة WordPress مثل الصفحة، ويُحرَّر في محرر الكتل نفسه. هذا القرار الواحد هو ما يُزيل إضافة الترويسة من منظومة موقعك.

تبني القوالب الأخرى الترويسة في مكان آخر. تحتفظ كل من Blocksy وAstra بمنشئ الترويسة الخاص بها في المخصِّص (Customizer)، وهو لوحة إعدادات بجانب الموقع، بعيدًا عن المحرر الذي تكتب فيه الصفحات. تقارن مقارنتنا مع Blocksy بين الأسلوبين جنبًا إلى جنب.

التداخل

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

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

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

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

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

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

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

الإعدادات على مستوى الموقع التي تقف وراءها

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

لا يفعل السجل شيئًا حتى يشير إليه شيء ما. هناك مستويان، وهما يعملان بالطريقة نفسها مع كل عنصر من عناصر الواجهة.

الإعداد الافتراضي على مستوى الموقع

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

التجاوز الخاص بكل صفحة

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

الأشرطة العلوية

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

المصادر

عندما يصف هذا الدليل أمرًا خارج Canvas نفسه، فهذه هي الصفحات الرسمية التي توثّقه.

• شاشة قوائم المظهرwordpress.org · حيث تُنشأ قوائم WordPress وتُعيَّن إلى المواقع التي يوفرها القالب
• فهم معيار النجاح 2.5.8: حجم الهدف (الحد الأدنى)w3.org · لماذا يجب أن تبلغ أهداف اللمس حدًا أدنى قدره 24 × 24 بكسل CSS