كيفية مسافة بادئة للسطر الأول من منشور WordPress

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

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

بشكل افتراضي ، عند استخدام زري المسافة البادئة والزائدة في شريط أدوات WordPress في محرر Classic أو كتلة Classic Paragraph في Gutenberg ، يتم تطبيق المسافة البادئة على الفقرة بأكملها.



لإضافة مسافة بادئة للسطر الأول فقط من فقرة جديدة ، يجب إضافة كود CSS إلى ورقة الأنماط المتتالية (stylesheet.css).

كيفية عمل مسافة بادئة للسطر الأول من منشور WordPress

استخدم CSS لإنشاء فئة 'مسافة بادئة مخصصة' ، ثم استدعها باستخدام HTML بإضافة

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

لماذا لا تعمل أزرار المسافة البادئة WP مع المسافات البادئة للسطر الواحد

يؤدي استخدام زري المسافة البادئة والبادئة في محرر WP الموجود على الصفحة إلى تطبيق المسافة البادئة على الفقرة بأكملها.

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

بشكل افتراضي ، يضيف مفتاح تبديل المسافة البادئة 40 بكسل من المسافة البادئة.

<p style="padding-left: 40px;">

هذا الرقم (40 بكسل) يمكن زيادته أو إنقاصه.

إذا قمت بتحريك كود النهاية (

) فإنه يقسم الفقرة. لا يتم تطبيق المسافة البادئة فقط على السطر الأول من الفقرة.

يحدث الشيء نفسه إذا استخدمت أي

في HTML لتعديل المسافة البادئة ، مثل

<p style="margin-left:10%">

أو مشابه.

الافتراضي لعلامة

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

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

يمكنك إما إضافة هذا إلى ملف stylesheet.css الخاص بك ، أو أن الطريق الأبسط بكثير هو استخدام CSS الإضافي داخل لوحة إدارة WP الخاصة بك.

إضافة مسافة بادئة مخصصة في CSS (الطريقة السهلة)

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

أدخل الكود التالي:

p.custom-indent {
text-indent:40px;
}

ثم اضغط على نشر.

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

مع إضافة التغييرات ، بدلاً من إضافة عنصر

إلى HTML ، يمكنك إدراج العنصر

.

<p class=”custom-indent”>

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

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

في بداية كل فقرة.

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

يشبه كود CSS المستخدم في ذلك ...

article p {
text-indent:40px;
}

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

في هذا الموقع ، يتم تصنيف عنصر 'نص' منشورات المدونة بـ 'محتوى إدخال محتوى mvt'.

على موقعنا الاختباري ، يطلق عليه 'محتوى منشور مدونة فردي'.

يعتمد العنصر على قالب السمة الخاص بك. استخدم فاحص المستعرض الخاص بك لتحديد الفئة.

باستخدام Chrome ، انقر بزر الماوس الأيمن ، ثم حدد خيار 'فحص'.

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