كيفية إضافة فاصل خط أفقي في ووردبريس (5 طرق)

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

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

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

كيفية إضافة خط أفقي في ووردبريس

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

كيفية إضافة مقسم خط أفقي في محرر الكتل

كيفية إضافة مقسم خط أفقي في المحرر الكلاسيكي

كيفية إضافة مقسم خط أفقي باستخدام دليل HTML

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

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

إضافة خط أفقي في محرر قوالب ووردبريس

لإضافة خط أفقي باستخدام محرر قوالب ووردبريس ، انقر فوق أيقونة (+) لإضافة كتلة جديدة أينما تريد أن يكون الخط.

إضافة كتلة جديدة حيث تريد خطك الأفقي

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

ابحث عن كتلة الفاصل وأضفها

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

تصميم الخط الأفقي في محرر قوالب ووردبريس

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

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

انقر فوق كتلة الفاصل لتحديده وتعديل الإعدادات

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

يمكنك تغيير الخط الأفقي إلى واحد من هؤلاء ، إذا كنت تريد:

خط عريض يغطي العرض الكامل لمحتوى منشورك.

ثلاث نقاط تظهر في منتصف المنشور.

الأنماط المختلفة المتاحة للكتلة الفاصلة

ملاحظة: في بعض سمات ووردبريس ، سيغطي كل من الخط العريض والخط الافتراضي العرض الكامل لمشاركتك.

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

تغيير لون الخط الأفقي

إذا كنت تريد العودة إلى اللون الرمادي الافتراضي ، فما عليك سوى النقر فوق الزر “مسح” أسفل خيارات الألوان.

هنا ، خطنا الأفقي باللون الأزرق ويستخدم النمط “العريض”.

خط أفقي تم تعديله ليكون عريضًا وأزرق

إضافة خط أفقي في محرر ووردبريس الكلاسيكي

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

إذا رأيت صفًا واحدًا فقط من الأزرار في شريط الأدوات أعلى محرر المنشور ، فانقر على أيقونة تبديل شريط الأدوات على اليمين:

انقر فوق الزر “تبديل شريط الأدوات” لرؤية الصف الثاني من الرموز

سيؤدي هذا إلى فتح الصف الثاني من الأزرار ، والذي يتضمن خيار الخط الأفقي.

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

زر الخط الأفقي في محرر ووردبريس الكلاسيكي

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

قاعدة أفقية تم إنشاؤها باستخدام المحرر الكلاسيكي

إضافة مقسم خط أفقي يدويًا باستخدام HTML

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

إذا كان الأمر كذلك ، فيمكنك القيام بذلك ببساطة باستخدام علامة hr HTML في المحتوى الخاص بك:

<hr>

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

فواصل أخرى يمكنك استخدامها في منشوراتك وصفحاتك

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

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

كتلة المباعد

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

يمكنك تخصيص ارتفاع الفاصل. إليك كيف يبدو الأمر عند إنشاء منشورك في محرر الكتلة:

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

وإليك كيفية ظهور الفاصل على موقعك:

كيف تظهر كتلة الفاصل في صفحة أو منشور

كتلة المزيد

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

إليك كيف يبدو عند إنشاء المنشور الخاص بك:

كتلة المزيد في محرر النشر

وإليك كيفية ظهور رابط المزيد على موقعك:

كتلة قراءة المزيد في منشور على الموقع

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

كتلة فاصل الصفحة

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

يتم عرض كتلة فاصل الصفحة في محرر الكتلة

وإليك كيفية ظهور فاصل الصفحة على موقعك:

فاصل الصفحة كما يظهر على الموقع

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

إضافة فاصل صفحة في نماذج ووردبريس باستخدام WPForms

ماذا لو كنت تريد وضع فاصل ليس في منشور أو صفحة ، ولكن في نموذج اتصال ووردبريس ؟ يمكنك عمل ذلك أيضا. سنستخدم WPForms لهذا الغرض.

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

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

إنشاء نموذج جديد باستخدام WPForms

أدخل اسمًا للنموذج ثم اختر نموذجًا. سنستخدم نموذج “طلب نموذج عرض أسعار” من أجل نموذجنا. مرر مؤشر الماوس فوق القالب وانقر فوق الزر لإنشاء النموذج الخاص بك.

إنشاء نموذج عرض أسعار في WPForms

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

إضافة فاصل صفحة في WPForms

سترى أن النموذج مقسم الآن إلى قسمين. قام WPForms تلقائيًا بإضافة زر “التالي” أيضًا.

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

تحرير حقل فاصل الصفحات في WPForms

احفظ النموذج الخاص بك بمجرد الانتهاء ، عن طريق النقر فوق الزر حفظ في الجزء العلوي الأيمن.

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

انقر فوق (+) لإضافة كتلة جديدة إلى منشورك أو صفحتك والعثور على كتلة WPForms. يمكنك استخدام شريط البحث أو البحث في قسم الأدوات. أضف الكتلة إلى صفحتك.

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

الآن ، حدد النموذج الخاص بك من القائمة المنسدلة.

اختر النموذج الخاص بك من القائمة المنسدلة

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

النموذج مع فاصل صفحة على الموقع

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

خدمات مميزة لآجلك

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

اشترك معنا لمزيد من المعرفة

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