كيفية استخدام قالب غلاف WordPress

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

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

كيفية إضافة قالب الغلاف إلى منشورك أو صفحتك

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

يمكنك أيضًا كتابة / تغطية والضغط على Enter أو تحديد الكتلة.

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

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

يمكنك أيضًا إضافة كتل متعددة عن طريق الضغط على مفتاح الإدخال. اختر من بين كتل الخاص بك كالمعتاد.

يمكنك أيضًا الاختيار من بين الألوان المحددة مسبقًا لخلفيتك.

يمكن استخدام اللون كتراكب فوق صورك.

إعدادات وخيارات لوحة الغلاف

يحتوي Cover Block على منطقتين مع الإعدادات والخيارات. الأول هو شريط أدوات الغلاف. والثاني هو خيارات Cover Block في الشريط الجانبي الأيمن.

شريط أدوات كتلة الغلاف

يؤدي النقر فوق أي مكان في Cover Block إلى فتح شريط الأدوات الخاص به.

تغيير نوع كتلة الغلاف أو النمط

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

اسحب أو انقل

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

انتقام

تتضمن خيارات المحاذاة اليسار والوسط واليمين والعرض العريض والعرض الكامل. لف الكتلة اليسرى واليمنى مع الفقرة الموجودة تحتها.

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

تغيير موقف المحتوى

هذا يحدد موقع المحتوى. يفتح شبكة 3 × 3 بها نقاط. يؤدي تحديد نقطة إلى نقل المحتوى إلى ذلك الموقع داخل الصورة.

تبديل الارتفاع الكامل

يؤدي ذلك إلى ضبط الصورة على ارتفاعها الكامل بدلاً من تغيير حجمها.

تطبيق مرشح Duotone

اختر نغمة ثنائية من الخيارات المحددة مسبقًا. واحد ينطبق على الظلال والآخر ينطبق على الإبرازات.

حدد لونًا على شريط التمرير لضبطه.

حدد لونًا أسفل شريط التمرير لاختيار لون محدد مسبقًا.

يحل محل

هذا يفتح خيارات الوسائط حتى تتمكن من تحميل أو اختيار صورة أخرى من المكتبة.

خيارات

تتضمن خيارات Cover Block ما يلي:

إخفاء المزيد من الإعدادات - لإخفاء الشريط الجانبي الأيمن.

نسخ - قم بنسخ Cover Block حتى تتمكن من لصقه في أي مكان داخل صفحتك أو منشورك.

تكرار - يقوم بإنشاء نسخة مكررة من Cover Block ويضعها تحت الأصل.

أدخل قبل - يضيف مساحة فوق Cover Block لكتلة أخرى.

أدخل بعد - يضيف مساحة أسفل Cover Block لكتلة أخرى.

نقل إلى - يتيح لك تحريك الكتلة عن طريق تحريك خط أزرق لأعلى أو لأسفل باستخدام مفاتيح الأسهم. اضغط على Enter وسيتم نقل حظرك إلى موقع الخط الأزرق.

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

المجموعة - أضف الكتلة إلى مجموعة حتى تتمكن من تعديلها كوحدة واحدة.

إزالة الكتلة - يحذف الكتلة.

محتوى كتلة الغلاف

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

حدد الغلاف

يؤدي هذا إلى إغلاق شريط أدوات المحتوى وفتح شريط أدوات Cover Block.

تغيير حجم كتلة الغلاف

قم بتغيير حجم الصورة عن طريق سحب الدائرة الموجودة أسفل الصورة.

إعدادات كتلة الغلاف

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

الأنماط

عرض الكتلة بحدود أو بدونها. يمكنك أيضًا تعيين الإعداد الافتراضي لإظهار الحدود. يتضمن معاينة حتى تتمكن من رؤية كيف سيبدو قبل تحديده.

تباعد

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

إعدادات الوسائط

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

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

هذه خلفية متكررة. إنه جيد لإنشاء أنماط مثيرة للاهتمام باستخدام صور صغيرة.

أبعاد

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

تراكب

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

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

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

متقدم

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

نصائح وأفضل الممارسات لاستخدام غلاف الغلاف بشكل فعال

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

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

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

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

قم بتحويل الكتلة إلى مجموعة إذا كنت تريد التحكم في لون الحد.

استخدم خيارات المحاذاة لتعيين Cover Block في المحتوى الخاص بك أو تمييزه.

اضبط إعدادات وضع المحتوى لإنشاء بعض العناصر المرئية الشيقة ولفت انتباه القارئ.

استخدم الخلفية الثابتة لإنشاء تأثير اختلاف المنظر.

استخدم الصور الصغيرة ذات الخلفية المتكررة لإنشاء أنماط خلفية مثيرة للاهتمام.

الأسئلة المتداولة حول Cover Block

ما هو الغلاف بلوك؟

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

ما الذي يجعلها مختلفة عن غيرها من الكتل؟

يمكن أن تحتوي على كتل أخرى. يمكنك إضافة كتل أخرى إلى المقدمة. يخلق اختلاف المنظر والأنماط وما إلى ذلك.

هل يمكن تحويلها إلى كتل أخرى؟

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

فيما يمكن إستخدامها؟

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

استنتاج

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

نريد أن نسمع منك. هل تستخدم Cover Block؟ أخبرنا عن تجربتك في التعليقات.

صورة مميزة عبر fourSage / shutterstock.com