كيفية إضافة نص فوق صورة في ووردبريس (3 طرق)

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

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

لماذا من المهم إضافة النص في أعلى الصور

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

1. جذب الانتباه

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

2. تعزيز تجربة المستخدم

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

3. تحسين إمكانية الوصول

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

4. تعزيز تحسين محركات البحث

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

3 طرق كيفية إضافة نص فوق صورة في ووردبريس

1. استخدم محرر كتل ووردبريس

أولاً، انتقل إلى الصفحة أو المنشور الذي ستضيف النص فوق الصورة.

اختر غطاء لكتابة النص فوق الصورة.

بعد ذلك، سيبدأ في الظهور على شاشتك. يعرض لك الصورة الافتراضية، ولكن يمكنك تغيير الصورة كما تريد.

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

سيبدو مثل هذا ، ثم يمكنك كتابة النص فوق الصورة كما تريد.

انقر نقرًا مزدوجًا على النص ، ستحصل على خيار التحرير للنص. يمكنك ضبط الحجم واللون والكثير غير ذلك حسب متطلباتك.

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

2. استخدم CSS

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

في فئة CSS إضافية الحقل، أضف فئة مخصصة لكتلة الصورة.

حفظ

.custom-class { position: relative; } .custom-class p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; color: #ffffff; text-shadow: 2px 2px 2px #000000; } 

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

3. استخدم إضافة ووردبريس

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

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

بمجرد الانتهاء ، انسخ المفتاح في ترخيص قسم المفتاح.

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

بمجرد وصولك إلى هنا، قم بلصق مفتاحك في حقل مفتاح الترخيص. ثم، ما عليك سوى النقر على التحقق من المفتاح

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

بعد ذلك، اختر قالبًا. بغض النظر عن قالب SeedProd الذي تختاره، يمكنك تخصيص كل جزء من القالب ليناسب موقعك الويب وشعاره بشكل مثالي.

ومع ذلك، إذا كنت تفضل البدء بلوحة قماشية فارغة، ثم انقر على القالب الفارغ.

بمجرد العثور على قالب، قم بتمرير الماوس فوقه. يمكنك بعد ذلك النقر فوق رمز المعاينة.

إذا كنت سعيدًا بمظهر هذا القالب ، فتابع وانقر فوق زر اختيار هذا القالب

في اسم الصفحة الحقل، اكتب اسمًا للصفحة.

إذا كنت ترغب في تغيير عنوان URL الذي تم إنشاؤه تلقائيًا، قم بتحرير النص في حقل عنوان URL للصفحة

انقر فوق حفظ وبدء تحرير الصفحة الزر. سيفتح هذا القالب في محرر SeedProd السحب والإفلات.

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

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

ستعرض القائمة اليسرى لـ SeedProd الآن جميع الإعدادات التي يمكنك استخدامها لتخصيص هذه الكتلة أو القسم.

أسهل طريقة لإضافة نص فوق صورة هي باستخدام أحد أقسام SeedProd الجاهزة.

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

انقر فوق القسم في القائمة اليسرى.

ثم، انقر فوق Hero لعرض جميع أقسام Hero الجاهزة التي يمكنك إضافتها إلى صفحتك.

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

انقر على الصورة المخزنة لتحديدها إذا كنت ترغب في استبدال مخزون القالب بصورتك الخاصة.

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

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

بمجرد إضافة صورة، تكون جاهزًا لاستبدال النص النائب.

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

تحتوي بعض قوالب SeedProd البطل على محتوى إضافي ، مثل أزرار الإجراءات.

إذا كنت ترغب في تغيير هذا المحتوى ، انقر لتحديد الكتلة

الخيار الآخر هو حذف الكتلة من القالب البطل.

للقيام بذلك ، انقر لتحديد الكتلة ثم انقر على أيقونة المهملات

إذا كنت راضيًا عن تصميم صفحتك، انقر فوق زر حفظ.

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

الاستنتاج

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

علاوة على ذلك، قم بتنظيم ملفات الوسائط وتحسينها وإدارتها مثل المحترفين باستخدام WP Media Folder. لقد حان الوقت لتوديع المكتبات الفوضوية!