شروحات

ما هو دليل قوالب ووردبريس وكيفية استخدامه

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

 

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

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

ما هو دليل قوالب ووردبريس .

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

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

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

فوائد استخدام أنماط الكتلة.

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

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

 

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

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

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

لذلك ، لتلخيص مزايا استخدام أنماط الكتلة هي:

  • تنفيذ سريع وسهل للتصميم
  • جميع الأنماط تستجيب
  • الأنماط قابلة للتخصيص أيضًا

كيفية استخدام دليل الأنماط

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

wordpress

الأنماط متاحة بشكل افتراضي بجوار علامة التبويب Block (كما هو موضح في لقطة الشاشة أعلاه). يمكنك سحب أنماط الكتلة وإفلاتها من هنا أو يمكنك نسخ الأنماط من wordpress.org. سوف نوضح كلا الطريقتين أدناه. دعونا نلقي نظرة على طريقة السحب والإفلات أولاً.

لطريقة الأولى: النقر أو السحب والإفلات

لاستخدام الأنماط الافتراضية ، أولاً ، حدد موضعًا في واجهة تحرير Gutenberg. انقر فوق الرمز الأيسر + العلوي. سيؤدي ذلك إلى فتح الشريط الجانبي للكتلة على اليسار. ستجد علامة التبويب “النمط” على هذا الشريط الجانبي. (انظر الصورة أدناه.)

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

wordpress

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

الطريقة 2: نسخ نمط من دليل النمط

يمكنك العثور على المزيد من الأنماط لاستخدامها في دليل أنماط wordpress.org الرسمي. يُعرف هذا باسم دليل قوالب قوالب WordPress. ابحث عن أنماط مختلفة وتحقق من وجهات نظرهم المتجاوبة. دعنا نرى كيف يمكنك استخدام أنماط الحظر هذه على موقعك.

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

الخطوة 2: انسخ نمط الكتلة الذي تريده. يمكنك إما تحريك مؤشر الماوس فوق الكتلة والنقر فوق نسخ أو يمكنك النقر فوق النمط لإجراء مزيد من التحقيق فيه.

تصميم بدون عنوان 4 6

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

الخطوة 3: بعد نسخ النمط ، افتح محرر WordPress وانتقل إلى الصفحة التي تريدها حيث تريد وضع النمط. بمجرد وصولك إلى الصفحة ، ما عليك سوى لصق (Ctrl + V) في الموضع المطلوب.

الآن لديك نمط كتلة من دليل الأنماط على موقع الويب الخاص بك. يمكنك تحديد جزء من صورة أو نص وتخصيصه بالمحتوى الخاص بك.

كيفية إنشاء نمط الكتلة الخاص بك

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

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

الخطوة 1: قم بإنشاء نمط

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

الخطوة 2: أعط العنوان

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

بعد تحديد عنوان وحفظه ، ستجد هذا النمط في قائمة Block Patterns من لوحة معلومات WordPress الخاصة بك.

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

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

مستقبل دليل أنماط wordpress

الآن بعد أن رأيت ما يمكنك فعله باستخدام دليل الأنماط. قد يسأل عقل فضولي ، “ما هو مستقبل دليل الأنماط؟” صدقني ، عندما أخبرك ، لقد خدشنا السطح باستخدام الأنماط.

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

لا يزال هناك المزيد من التحديثات القادمة مع استمرار تطوير دليل الأنماط والنمط. مستقبل أنماط الكتلة يبدو مذهلاً ، أليس كذلك؟

استنتاج

 

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

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

تعرف أيضا على كيفية عمل نسخ احتياطي ل wordpress

 

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني.

زر الذهاب إلى الأعلى