كيفية إنشاء قالب قابل لإعادة الاستخدام في جوتنبرج

نشرت: 2019-06-11

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

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

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

جرب محتوى Nelio

لا تضيع المزيد من الوقت وأعد الترويج لأوانيك على الشبكات الاجتماعية تلقائيًا!

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

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

هل انتهيت بالفعل من دورة إنشاء المحتوى مع Gutenberg؟

أريدها!

شرح محرر الكتلة خطوة بخطوة.

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

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

دعونا نرى أدناه كيف يعمل إنشاء كتلة قابلة لإعادة الاستخدام.

قم بإنشاء كتلة قابلة لإعادة الاستخدام

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

إضافة كتلة قابلة لإعادة الاستخدام
إضافة كتلة قابلة لإعادة الاستخدام إلى مكتبة قوالب WordPress.

يُطلب منك إدخال اسم للكتلة التي تريد إضافتها وحفظها.

تسمية كتلة قابلة لإعادة الاستخدام
قم بتسمية الكتلة التي تريد إعادة استخدامها وحفظها.

إعادة استخدام كتلة

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

إعادة استخدام كتلة
عندما تضع نفسك فوق كتلة قابلة لإعادة الاستخدام ، يتم عرض معاينة لها على اليمين.

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

هل انتهيت بالفعل من دورة إنشاء المحتوى مع Gutenberg؟

أريدها!

شرح محرر الكتلة خطوة بخطوة.

تعديل كتلة قابلة لإعادة الاستخدام

لاحظ أنه لا يمكن تعديل الكتلة القابلة لإعادة الاستخدام مثل أي كتلة عادية أخرى - يمكنك فقط تعديلها بالنقر فوق الزر " تحرير " الخاص بها:

تعديل كتلة قابلة لإعادة الاستخدام
انقر فوق الزر "تحرير" لتعديل الكتلة القابلة لإعادة الاستخدام.

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

بالتأكيد تسأل نفسك ، كيف أفعل ذلك فقط لإجراء تغيير في الكتلة التي أضفتها للتو ، ولكن ليس في بقية الكتل المنشأة؟

تحويل إلى كتلة عادية

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

تحويل الكتلة المعاد استخدامها إلى كتلة عادية
قم بتحويل الكتلة المعاد استخدامها إلى كتلة عادية وقم بإجراء التعديلات التي تريدها.

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

لم تسجل بعد؟ ماذا تنتظر؟

أنا الآن!

شرح محرر الكتلة خطوة بخطوة.

إدارة الكتل القابلة لإعادة الاستخدام

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

للقيام بذلك ، انقر فوق الخيار Manage All Reusable Blocks الذي لديك في نهاية مكتبة الكتل في علامة تبويب الكتل القابلة لإعادة الاستخدام.

إدارة جميع الكتل التي يعاد استخدامها
انقر فوق إدارة جميع الكتل القابلة لإعادة الاستخدام للانتقال إلى قائمة الكتل التي قمت بإنشائها.

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

إدارة جميع الكتل القابلة لإعادة الاستخدام
خيار إدارة جميع الكتل القابلة لإعادة الاستخدام من قائمة إظهار المزيد من الأدوات والخيارات .

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

قائمة الكتل التي يعاد استخدامها.
قائمة الكتل التي يعاد استخدامها.

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

تحرير كتلة قابلة لإعادة الاستخدام
تحرير الكتلة القابلة لإعادة الاستخدام التي أنشأناها.

وبالمثل ، إذا قمت بحذفه ، فسيتم أيضًا حذف الحظر القابل لإعادة الاستخدام تلقائيًا في جميع تلك الصفحات التي أضفتها إليها (ولم تقم بإعادة تحويله إلى كتلة عادية مرة أخرى).

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

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

صورة نيكولا فيرافانتي على Unsplash .