هل تريد إضافة صورة خلفية إلى موقع WordPress الخاص بك؟

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

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

إذا كنت تفضل التعليمات المكتوبة ، فيرجى متابعة القراءة.

الطريقة الأولى: أضف صورة خلفية باستخدام إعدادات سمة WordPress الخاصة بك

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

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

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

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

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

انقر فوق الزر "تحديد صورة" للمتابعة.

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

ثم تحتاج إلى النقر فوق الزر "اختيار صورة" بعد تحميل أو تحديد الصورة التي تريد استخدامها في الخلفية.

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

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

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

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

انطلق وقم بزيارة موقع الويب الخاص بك لرؤيته أثناء العمل.

الطريقة الثانية: أضف صورة خلفية مخصصة في WordPress باستخدام البرنامج المساعد

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

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

يقوم تلقائيًا بجعل جميع صور الخلفية بملء الشاشة وسريعة الاستجابة. هذا يعني أنه سيتم تغيير حجم صورة الخلفية تلقائيًا على الأجهزة الأصغر.

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

بعد التفعيل ، يجب عليك زيارة الصفحة المظهر »صورة BG ملء الشاشة لتكوين إعدادات البرنامج المساعد.

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

ثم عليك النقر فوق "حفظ الإعداداتلتخزين تغييراتك. أنت الآن جاهز لبدء إضافة صور الخلفية إلى موقع WordPress الخاص بك.

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

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

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

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

يتيح لك Full Screen Background Pro أيضًا إعداد صور الخلفية لموقع الويب بالكامل ، أو يمكنك الاختيار من بين أقسام مختلفة من موقع الويب الخاص بك مثل الفئات أو الأرشيفات أو الصفحة الرئيسية أو المدونة.

لا تنس الحفظ لتخزين صورة الخلفية الخاصة بك.

يمكنك إضافة العديد من الصور كما تريد من خلال زيارة الصفحة Apparence »صورة BG ملء الشاشة 

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

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

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

لا تنس النقر على الزر حفظ الخيارات لحفظ التغييرات الخاصة بك.

صور الخلفية للمشاركات والصفحات والفئات

يتيح لك Full Screen Background Pro أيضًا تعيين صور الخلفية للمشاركات والصفحات والفئات والعلامات والمزيد.

فقط قم بتحرير المنشور / الصفحة حيث تريد عرض صورة خلفية مختلفة. في صفحة تحرير المقالة ، ستلاحظ المجموعة الجديدة " صورة خلفية ملء الشاشة »في محرر المقال.

لاستخدام صورة خلفية لفئة معينة ، تحتاج إلى زيارة الصفحة المظهر »صورة خلفية ملء الشاشة ، ثم انقر فوق "اختر صورة ".

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

أدخل معرّف الفئة أو Slug المحددة حيث تريد عرض الصورة. 

تذكر أن تحفظ صورتك لتخزين الإعدادات الخاصة بك.

الطريقة الثالثة: أضف صور خلفية مخصصة في أي مكان في WordPress باستخدام كود CSS

بشكل افتراضي ، يضيف WordPress عدة فئات CSS إلى عناصر HTML مختلفة على موقع WordPress الخاص بك. يمكنك بسهولة إضافة صور خلفية مخصصة إلى المنشورات والفئات والمؤلفين والصفحات الأخرى باستخدام فئات CSS التي تم إنشاؤها في WordPress.

على سبيل المثال ، إذا كان لديك فئة على موقع الويب الخاص بك تسمى TV ، فإن WordPress سيضيف تلقائيًا فئات CSS هذه إلى علامة النص الأساسي عندما يشاهد شخص ما صفحة فئة التلفزيون.

يمكنك استخدام أداة التفتيش لمعرفة فئات CSS التي أضافها WordPress بالضبط إلى علامة النص الأساسي.

يمكنك استخدام أي من فئات CSS لتصميم صفحة الفئة هذه بشكل مختلف. 

فئة- tvcategory-4

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

الجسم.فئة التلفزيون { 

صورة الخلفية: url("https://example.com/wp-content/uploads/2017/03/your-background-image.jpg"); 

خلفية الموقف: مركز المركز. 

حجم الخلفية: غطاء 

تكرار الخلفية: عدم التكرار ؛ 

مرفق الخلفية: ثابت ؛

}

يمكنك أيضًا إضافة خلفيات مخصصة إلى المنشورات والصفحات الفردية. يضيف WordPress فئة CSS مع المنشور أو معرّف الصفحة في نص العلامة. يمكنك استخدام نفس كود CSS فقط استبدل .category-tv بفئة CSS لمنشور معين.

اكتشف أيضًا بعض الإضافات المتميزة لبرنامج WordPress  

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

نحن نقدم لك هنا بعض الإضافات WordPress المتميزة التي سوف تساعدك على القيام بذلك.

1. من السهل مخصص JS و CSS 

Ce وورد البرنامج المساعد premium هو محرر كود CSS و JavaScript قوي يسمح لك بإضافتهم إلى أي قسم من موقع الويب الخاص بك. يتيح لك الاحتفاظ بالتخصيصات الخاصة بك حتى بعد إجراء تحديث رئيسي لموضوع WordPress الخاص بك.

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

انظر مقالاتنا على كيف تطلب قبول شروط الاستخدام على ووردبريس

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

تحميل | عرض | استضافة المواقع

2. قلم رصاص أصفر: Visual CSS Style Editor

Yellow Pencil هو محرر نمط مرئي يمكنك استخدامه مع أي سمة لتخصيص موقع الويب الخاص بك في دقائق (الخطوط والألوان والرسوم المتحركة والمزيد ...).

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

اكتشف أيضا لدينا الإضافات 5 WordPress لإظهار الإخطارات

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

تحميل | عرض | استضافة المواقع

3. Facebook الأخيرة القطعة التعليقات 

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

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

تحميل | عرض | استضافة المواقع

الموارد الموصى بها

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

• كيفية إخفاء أداة WordPress على الهاتف المحمول
• زنومكس وردبريس الإضافات لتحسين البصرية من موقع الويب الخاص بك
• كيفية ترحيل موقع WordPress يدويًا: الدليل
• 7 ملحقات WordPress لأزرار الحث على اتخاذ إجراء على WordPress

وفي الختام

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

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

إذا كانت لديك اقتراحات أو ملاحظات ، فاتركها في قسمنا تعليقات.

...