إذا فكرت جيدًا، ستجد أن الكتلة المنسقة مسبقًا تجمع بين الكود وكتلة الفقرة. والغرض الوحيد من الكتلة هو عرض النص. فهي تضمن بقاء المحتوى واضحًا ومنظمًا.
الكتلة المنسقة مسبقًا هي الحل للحفاظ على تخطيط نص دقيق مع التباعد والتنسيق الخاص. إنها منقذة للحياة للأشخاص الذين يكافحون للحفاظ على تخطيط نص دقيق.
اليوم، سنشارك إرشاداتنا حول كيفية استخدام الكتلة المُنسَّقة مسبقًا في WordPress وسنحاول شرح كل ميزة تقدمها هذه الكتلة أدناه. ولكن قبل ذلك، سنتعرف أولاً على ماهيتها.
ما هي الكتلة المُنسَّقة مُسبقًا؟
الكتلة المنسقة مسبقًا هي كتلة محتوى أساسية في WordPress مصممة للحفاظ على المسافات وفواصل الأسطر تمامًا كما هو الحال في الإدخالات. إنها الحل المثالي لعرض مقتطفات التعليمات البرمجية أو التخطيطات المصممة مسبقًا أو أي شيء يتطلب تنسيقًا ثابتًا.
إن النص المُنسَّق مسبقًا يعود عليك بالفائدة بعدة طرق. دعنا نلقي نظرة على بعض الفوائد أدناه.
- التنسيق الدقيق:يضمن ظهور النص تمامًا كما هو مكتوب، مع الحفاظ على فواصل الأسطر والتباعد بينها.
- التنوع:مناسب للنصوص غير البرمجية التي تتطلب تخطيطات منظمة، مثل الشعر أو فن ASCII.
- تحسين قابلية القراءة:يعرض خطوطًا ذات عرض ثابت، مما يجعل النص مميزًا، خاصةً عند عرض التعليمات البرمجية أو التعليمات الفنية.
- التصميم المخصص:يسمح بخيارات تصميم إضافية باستخدام HTML وCSS المضمنة، مما يوفر المرونة للتصميمات الفريدة.
إنشاء جداول جميلة
مع محرر الكتل
ميزات شريط أدوات الكتلة المنسقة مسبقًا
لا تحتوي الكتلة المنسقة مسبقًا على أي خيارات محددة في المحرر. فهي تحتوي على جميع الخيارات الأساسية مثل أي كتلة أساسية أخرى في Gutenberg.
يحتوي على الخيارات الأساسية التالية:
- تحويل: يمكنك تحويل هذه الكتلة إلى فقرة أو كود أو أعمدة وما إلى ذلك.
- يجر: يسمح لك بسحب الكتلة المخصصة وإفلاتها في أي مكان.
- مقابض متحركة: يتيح لك تحريك الكتلة الخاصة بك لأعلى ولأسفل.
- عريض: يسمح لك بتغليظ محتوى الكتلة الخاصة بك.
- مائل: يسمح لك بوضع محتوى الكتلة الخاصة بك بالخط المائل.
- الرابط التشعبي: يتيح لك هذا الخيار إضافة روابط للمحتوى المحدد داخل الكتلة.
- مزيد من عناصر التحكم في النص الغني: يتضمن المزيد من خيارات تنسيق النص مثل Footnow، وHighlight، وInline code، وInline Image، وما إلى ذلك.
- مزيد من الخيارات: يقدم المزيد من الخيارات المتعلقة بقسم الكتلة، مثل التكرار والنسخ والتجميع وما إلى ذلك.
الآن، دعونا نتحقق من كيفية استخدام الكتلة المنسقة مسبقًا.
كيفية استخدام الكتلة المنسقة مسبقًا؟
إن استخدام الكتلة المنسقة مسبقًا أمر سهل للغاية، حيث يمكن لأي شخص استخدامها بسهولة، ولا يحتاج أي شخص إلى أي مهارات برمجة لاستخدام الكتلة. تأكد من متابعتنا!
الخطوة 1: أدخل الكتلة المنسقة مسبقًا
انتقل إلى منشوراتك أو صفحتك حيث تريد استخدام الكتلة المنسقة مسبقًا.
عندما تكون في المحرر، انقر فوق الزر "إضافة كتلة" ("+") الرمز (1)، يكتب "مُهيأ مسبقًا"في مربع البحث" (2)، ثم انقر فوق "مُهيأ مسبقًا" (3).
الخطوة 2: أدخل الكود الخاص بك أو النص المُنسَّق مسبقًا
عندما تكون كتلة التعليمات البرمجية في المحرر، قم بإدراج النص أو التعليمات البرمجية المنسقة مسبقًا.
الخطوة 3: تعديل خيارات التخصيص
خيارات التخصيص لميزة الكتلة المنسقة مسبقًا اللون والطباعة والأبعاد والحدود خيارات لتخصيص كتلة التعليمات البرمجية.
سأصف ميزات التخصيص أدناه. يمكنك تخصيص الكتلة الخاصة بك بالطريقة التي تريدها.
للوصول إلى تخصيص كتلة التعليمات البرمجية، انتقل إلى الإعدادات (1)> الكتلة (2)> الأنماط (3)
يمكنك تعديل اللون والطباعة والأبعاد والحدود.
- لون: تتيح لك هذه الوظيفة تغيير لون النص والخلفية.
- الطباعة: يتيح لك أسلوب الطباعة تحديد الخطوط وحجم الخط والمظهر وارتفاع السطر والتباعد بين الحروف وحالة الحروف وتزيين الحروف.
- أبعاد: تسمح لك الأبعاد بضبط الحشو والهامش لكتلة النص الخاصة بك.
- حدود: يتيح لك خيار الحدود إضافة حدود ونصف قطر الحدود لكتلة النص الخاصة بك.
وهذه هي كيفية استخدام الكتلة المُنسَّقة مسبقًا في WordPress.
الأفكار النهائية!
تُعد الكتلة المُنسَّقة مسبقًا أداة مفيدة لأي شخص يحتاج إلى تخطيطات نصية دقيقة لعرض المحتوى. وهي مثالية لإضافة مقتطف من التعليمات البرمجية أو اقتباس مُصمَّم أو فن نصي.
جرّب هذه الطريقة في مشروعك القادم لترى كيف يمكنها تحسين طريقة عرضك للمعلومات. أخبرني بأفكارك في قسم التعليقات أدناه. يمكنك أيضًا مشاركة هذه التدوينة على وسائل التواصل الاجتماعي وإخبار أصدقائك الآخرين عنها.
اقرأ المزيد!
- أفضل 7 إضافات لقوائم أسعار الووردبريس
- كيفية استخدام كتلة العنوان في ووردبريس (خطوتان سهلتان) Tableberg
- كيفية استخدام كتلة الفقرة في ووردبريس (خطوتان سهلتان)
- كيفية استخدام كتلة الآيات في ووردبريس (4 خطوات سهلة)
- كيفية استخدام كتلة القائمة في ووردبريس
- كيفية استخدام كتلة الاقتباس في ووردبريس في 3 خطوات سهلة
- كيفية استخدام كتلة الكود في ووردبريس في 3 خطوات بسيطة
