كيفية استخدام أنماط قوالب WordPress: دليل بسيط

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

ما هي أنماط قوالب ووردبريس؟

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

أنماط قوالب ووردبريس مقابل الكتل القابلة لإعادة الاستخدام

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

كيفية البحث عن أنماط بلوك ووردبريس جديدة

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

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

كيفية إضافة أنماط كتلة إلى موقعك

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

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

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

بعد ذلك ، عد إلى صفحتك. انقر داخل لوحة التحرير ثم انقر بزر الماوس الأيمن واختر لصق ، أو استخدم CTRL + V (في Windows) أو CMD + V (Mac) . سيظهر نمط الحظر الخاص بك على الصفحة. يمكنك إعادة ترتيب موقعه بالنقر فوق عرض القائمة ، ثم سحبه إلى الموقع المطلوب.

كيفية استخدام أنماط القوالب في ووردبريس

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

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

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

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

كيفية إنشاء وحفظ أنماط القوالب الخاصة بك في WordPress

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

إنشاء أنماط الكتلة في دليل أنماط WordPress

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

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

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

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

قم بإرسال نموذج الحظر الخاص بك إلى WordPress

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

استخدم البرنامج المساعد لإنشاء أنماط الكتلة

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

البرنامج المساعد CoBlocks

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

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

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

Blockmeister - منشئ أنماط البلوك

خيار آخر هو المكون الإضافي Blockmeister - Block Pattern Builder. العملية متشابهة جدًا كما هو الحال مع CoBlocks. ومع ذلك ، لا يمنحك هذا المكون الإضافي أي كتل إضافية لتخطيطاتك. يمنحك فقط القدرة على إنشاء أنماط الكتلة. للبدء ، قم بإنشاء التخطيط الخاص بك ، ثم حدد جميع الكتل التي سيتم تضمينها فيه. بعد ذلك ، انقر فوق قائمة القطع في عرض القائمة ، ثم حدد Add to Block Patterns .

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

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

WordPress Block Patterns مقابل Divi Layouts

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

Divi ليست مجرد سمة WordPress ، إنها منصة كاملة لبناء مواقع الويب تتمتع بقدر كبير من القوة تحت الغطاء. تستخدم Divi خاصية السحب والإفلات Visual Builder التي تمكنك من إنشاء تخطيطات جميلة على الواجهة الأمامية - في الوقت الفعلي. ليست هناك حاجة لمعاينة التخطيط الخاص بك في علامة تبويب جديدة لمعرفة الشكل الذي ستبدو عليه صفحتك في المتصفح.

لدى Divi خيارات تخصيص غير محدودة

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

حفظ التخطيطات باستخدام Divi Cloud

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

أسئلة وأجوبة حول أنماط بلوك ووردبريس

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

هل أنماط الكتلة مثل الكتل القابلة لإعادة الاستخدام؟

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

أين يمكنني الحصول على أنماط كتلة لموقع الويب الخاص بي؟

كما ذكرنا سابقًا ، يمكنك الحصول عليها في دليل أنماط WordPress ، داخل سمة WordPress الخاصة بك ، أو باستخدام مكون إضافي مثل Gutenberg Template و Pattern Library by Extendify.

لماذا يجب علي استخدام أنماط الكتلة؟

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

هل يمكنني إنشاء قوالب نقش يدويًا؟

تستطيع! ومع ذلك ، يجب أن تكون مرتاحًا في كتابة التعليمات البرمجية وتحريرها لإنشاء كتل أنماط يدويًا. يحتوي WordPress.org على درس جيد سيساعدك في إرشادك في هذه العملية إذا كنت ترغب في تجربته.

التفاف الأشياء

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

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