كيفية إنشاء مربعات نصية في ووردبريس (3 أنواع)

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

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

النوع الأول: مربع نص مع خلفية ملونة
النوع الثاني: مربع نص مع حدود
النوع الثالث: مربعات النص في الجدول

النوع الأول: إضافة مربع نص بخلفية ملونة

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

الخطوة 1: حدد نصًا في منشورك/صفحتك

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

حدد نصًا في منشورك/صفحتك لإنشاء مربع حوله

الخطوة 2: إضافة لون إلى خلفية الكتلة

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

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

أضف لونًا إلى خلفية الكتلة في مربع حولها

وبذلك، يمكنك إنشاء مربع نص بخلفية ملونة.


النوع 2: إضافة نص مع حدود

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

الخطوة 1: حدد النص في المحرر

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

حدد كتلة فقرة لإضافة حدود حولها

الخطوة 2: تحويله إلى كتلة المجموعة

افتراضيًا، لا تسمح لك كتلة الفقرة بإضافة حدود حولها. لذا، قم بتحويلها إلى كتلة المجموعة.

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

سيتم تحويل الكتلة إلى كتلة المجموعة.

تحويل كتلة الفقرة إلى كتلة المجموعة

الخطوة 3: إضافة الحدود ونصف القطر إلى الكتلة

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

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

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

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

أضف حدودًا ونصف قطرًا وحشوًا إلى كتلة المجموعة لإنشاء مربع نص

النوع 3: إضافة مربعات نصية في الجدول

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

Tableberg هل يوجد مثل هذا البرنامج الإضافي لبناء الجدول للقيام بذلك؟ ثَبَّتَ و فعل قم بتثبيت البرنامج الإضافي واتبع الخطوات الموضحة أدناه.

الخطوة 01: إضافة كتلة TableBerg إلى موقعك

ببساطة ابحث عن كتلة TableBerg في مكتبة كتلة Gutenberg وأضفها إلى محرر المنشورات/الصفحات لديك.

أضف كتلة TableBerg إلى منشورك أو صفحتك

الخطوة 02: إنشاء الأعمدة حسب الحاجة

مثل جدول جوتنبرج الافتراضي، إنشاء عدد الأعمدة الذي تحتاجه على الطاولة.

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

الخطوة 03: إضافة المحتوى إلى أعمدة الجدول

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

إضافة محتوى إلى الجدول

الخطوة 04: إضافة الألوان إلى أعمدة الجدول

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

تلوين أعمدة الجدول باستخدام البرنامج الإضافي TableBerg

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

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

تطبيق ألوان مختلفة على أعمدة الجدول

الخطوة 05: إزالة حدود الجدول

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

إزالة حدود الجدول

خاتمة

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

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

استكشف أرشيف المدونة لتعلم المزيد من المقالات المثيرة للاهتمام حول ووردبريس.



فريق Tableberg