ما تحتاج لمعرفته حول دليل أنماط WordPress

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

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

إدراج وتحرير أنماط الكتلة

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

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

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

انسخ والصق من دليل أنماط WordPress

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

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

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

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

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

ماري مارتن
رئيس تحرير

---

إليزابيث ليندن
محرر النمط

---

جانيت سميث
محررة الموضة

---

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

روث رافينتوس
المدير التنفيذي

---

أنطونيو فيليجاس
الرئيس التنفيذي للتكنولوجيا

---

ديفيد اغيليرا
رئيس المنتج والجودة

---

حق سهل؟

أضف الأنماط إلى دليل أنماط WordPress

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

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

ماذا يقول عملاؤنا عنا

عملاؤنا يحبوننا لأن ...

️️️️️
نجاح باهر هذا حقا يعمل
إلى حد بعيد هذا البرنامج المساعد هو أفضل أداة استخدمناها. يسعد جميع عملائنا بالعمل مع هذا البرنامج المساعد. سهل الاستخدام ولطيف واجهة المستخدم.

الاسم واللقب - المنصب

️️️️️
نجاح باهر هذا حقا يعمل
إلى حد بعيد هذا البرنامج المساعد هو أفضل أداة استخدمناها. يسعد جميع عملائنا بالعمل مع هذا البرنامج المساعد. سهل الاستخدام ولطيف واجهة المستخدم.

الاسم واللقب - المنصب

️️️️️
نجاح باهر هذا حقا يعمل
إلى حد بعيد هذا البرنامج المساعد هو أفضل أداة استخدمناها. يسعد جميع عملائنا بالعمل مع هذا البرنامج المساعد. سهل الاستخدام ولطيف واجهة المستخدم.

الاسم واللقب - المنصب

إذن أنت بحاجة إلى أن يكون لديك ملف حساب Github واملأ نموذجًا محددًا مسبقًا حيث يجب عليك تضمين:

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

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

الآن ، عليك فقط انتظار شخص ما لمراجعته حتى يصبح متاحًا في دليل أنماط WordPress.

دليل الأخبار

كما ذكرت من قبل ، لا تزال عملية تقديم النماذج قيد التطوير. يتم العمل حتى لا تحتاج إلى الإرسال من GitHub وتحتاج فقط إلى تسجيل الدخول إلى WordPress.org.

الفكرة التي يجري العمل عليها هي أنه من https://wordpress.org/patterns/new-pattern/ (الصفحة فارغة حاليًا) ، سترى صفحة مشابهة للصورة التالية والتي بمجرد تسجيل الدخول إلى WordPress.org ، سيكون لديك زر إنشاء نمط.

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

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

أخيرًا ، سيكون لديك خيار إرسال النموذج لمراجعته ومشاركته مع بقية العالم.

تلخيص

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

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

صورة نيك موريسون على Unsplash.