موضوع New Twenty Twenty في WordPress 5.3

نشرت: 2019-12-20

قبل أسابيع قليلة تم إطلاق الإصدار الجديد من WordPress. يتميز WordPress 5.3 بشكل أساسي بجميع تحسينات UX و UI التي يتضمنها في محرر الكتلة وموضوعه الافتراضي الجديد.

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

عشرون في لمحة

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

قالب Twenty Twenty الجديد في WordPress — قالب Twenty Twenty الجديد وورد.

تتمثل مسؤولية سمة WordPress في إضافة بعض السمات إلى الهيكل والتصميم الذي أنشأه المستخدم في محرر الكتلة. على النحو المحدد من قبل منشئ الموضوع:

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

إحدى الحقائق المثيرة للاهتمام حول السمة الافتراضية الجديدة لـ WordPress هي أنه ، على عكس سابقاتها ، لم يتم إنشاؤها من الصفر - إنها تستند إلى سمة موجودة بالفعل في مستودع WordPress.org: Chaplin .

الصورة الترويجية لموضوع "تشابلن". — صورة ترويجية لموضوع تشابلن لووردبريس.

ميزة أخرى تميز Twenty Twenty هي الطباعة التي تأتي بها ، Inter ، التي صممها Rasmus Andersson. إنه محرف مجاني ومفتوح تم إنشاؤه لتسهيل قراءة النص ، خاصة عندما يكون حجم الخط صغيرًا جدًا.

لقطة شاشة لصفحة إنتر الرئيسية (محرف مفتوح). — إنتر هو أسلوب الطباعة الافتراضي الذي يأتي مع Twenty Twenty.

كيفية تثبيت New Twenty Twenty Theme

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

قالب Twenty Twenty هو السمة الافتراضية في WordPress 5.3.

ولكن من الممكن أيضًا تثبيته في الإصدارات السابقة من WordPress . ما عليك سوى الانتقال إلى المظهر »السمات» إضافة جديد والبحث عن الموضوع "عشرون عشرين":

تم تضمين Twenty Twenty بالفعل في WordPress 5.3 — Twenty Twenty ، مثل أي موضوع آخر ، سهل التثبيت للغاية.

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

كيفية تخصيص Twenty Twenty

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

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

مظهر آخر

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

العرض الافتراضي لمنشور في Twenty Twenty — العرض الافتراضي لمنشور WordPress في Twenty Twenty.

وبعد العنوان مباشرة تأتي الصورة المميزة ، والتي تمتزج بشكل أو بآخر مع المحتوى.

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

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

نموذج بالصورة المميزة باستخدام الطية الأولى بالكامل.

ما هي الميزة التي أجدها أنيقة جدًا (ليست مفاجأة هنا ، لأنها قريبة جدًا مما نستخدمه في موقعنا ، أليس كذلك؟)

القوائم

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

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

قائمة موسعة . إنها "قائمة مخفية". للكشف عنها ، ما عليك سوى النقر فوق رمز علامة القطع (بجوار القائمة السابقة) وستنزل القائمة الموسعة من الزاوية اليمنى:

تمديد قائمة Twenty Twenty ذات السمات الموسعة.

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

تتيح لك القائمة الاجتماعية لموضوع Twenty Twenty إضافة روابط إلى شبكات التواصل الاجتماعي الخاصة بك والظهور تلقائيًا مع الرموز المقابلة.

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

الحاجيات والبحث

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

يأتي Twenty Twenty مع منطقتين لعناصر واجهة المستخدم في التذييل ، والتي تتوافق مع العمودين اللذين تراهما في الالتقاط.

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

يتم تضمين مربع البحث الديناميكي في Twenty Twenty.

ملخص

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

صورة مميزة عن طريق Ankhesenamun 96 على Unsplash.