كيفية تغيير صورة الخلفية في موضوع ووردبريس

إذا كنت تبحث عن تغيير صورة الخلفية في قالب WordPress الخاص بك ، فهناك عدة طرق مختلفة يمكنك اتباعها للقيام بذلك. في هذه المقالة ، سنوضح لك كيفية تغيير صورة الخلفية في قالب WordPress باستخدام Customizer والمكوِّن الإضافي ومحرر WordPress.

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

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

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

كيف أضيف صورة خلفية مختلفة في WordPress؟

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

دليل المبتدئين لإضافة خلفية إلى موقع الويب الخاص بك على WordPress عند استخدام صور الخلفية على موقع الويب الخاص بك ، ستبدو أكثر حيوية وجاذبية. بالإضافة إلى استخدام أداة تخصيص سمة WordPress ، ستتعلم أيضًا كيفية استخدام محرر الموقع الكامل والمكوِّن الإضافي ومنشئ السمات في هذه الدورة التدريبية. سنوضح لك كيفية تغيير صورة الخلفية في القسم التالي باستخدام محرر الموقع الكامل. بالنقر فوق الزر "عالمي" في لوحة أداة التخصيص ، يمكنك الوصول إلى خيارات أداة تخصيص سمة Astra. يمكنك تحميل صورة من جهاز الكمبيوتر الخاص بك أو الاختيار من قائمة الصور التي تم تحميلها مسبقًا في مكتبة وسائط WordPress هذه. باستخدام محرر الموقع الكامل ، يمكنك أيضًا إضافة صورة خلفية مخصصة إلى سمات WordPress بناءً على تنسيقات الحظر. باستخدام محرر الموقع الكامل ، يمكنك إنشاء صور مخصصة لموقع الويب الخاص بك.

إذا كنت ترغب في ذلك ، يمكنك اختيار صورة لاستخدامها كخلفية لموقع الويب . يمكنك تغيير صورة الخلفية من خلال النقر على لوحة الغلاف في الزاوية اليمنى العليا من الشاشة وتحديد رمز الترس. SiteProd هو منشئ الصفحات المقصودة والمكوِّن الإضافي الأكثر شيوعًا في WordPress. يحتوي المكون الإضافي WordPress على المزيد من الخيارات لإضافة صورة خلفية أكثر من الخيار المدمج. يجب تثبيت المكون الإضافي Full Screen Background Pro من أجل البدء. يمكنك استخدام هذا المكون الإضافي لإضافة خلفية مختلفة لأي منشور أو صفحة أو فئة أو محتوى آخر. ستقوم الأجهزة المحمولة بضبط الصور تلقائيًا لتلبي دقة الشاشة الكاملة للشاشة.

بالإضافة إلى إعداد صور الخلفية للمنشورات الفردية والصفحات والفئات والعلامات وما إلى ذلك ، يتيح لك Full Screen Background Pro أيضًا إنشاء خلفيات مخصصة لأنواع أخرى من المنشورات. لاستخدام صورة خلفية للفئات والمنشورات والصفحات ، انتقل إلى قسم المظهر. يمكنك تغيير مدة تلاشي الصورة أو الوقت الذي تستغرقه الصورة الجديدة لتتلاشى في Windows. باتباع هذه الخطوات البسيطة ، يمكنك إضافة صور الخلفية بسرعة وسهولة. يسمح لك المكون الإضافي أيضًا بتغيير صورة الخلفية إلى شيء محدد للفئات أو المنشورات أو الصفحات. يمكنك القيام بذلك عن طريق تحديد الفئة من القائمة المنسدلة. إذا قمت بالنقر فوق الصورة التي تريدها ، فستظهر مع زر "تطبيق الصورة".

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

كيف يمكنني تعيين صورة خلفية ثابتة في WordPress؟

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

تعيين مرفق الخلفية إلى ثابت

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

كيف يمكنني تغيير الخلفية في WordPress 2020؟

في WordPress ، تشير الخلفية إلى اللون أو الصورة التي تظهر خلف محتوى موقع الويب الخاص بك. يمكنك تغيير الخلفية الخاصة بك في أداة التخصيص. للقيام بذلك ، انتقل إلى المظهر> تخصيص. ثم ، انقر فوق علامة التبويب الخلفية. هنا ، يمكنك تحديد لون أو صورة لخلفيتك.

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

كيف يمكنني تغيير صورة الخلفية على موقع الويب الخاص بي؟

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

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

كيفية إضافة صورة خلفية إلى موقع الويب الخاص بك

يمكنك إضافة صورة إلى صفحة HTML الخاصة بك كخلفية باستخدام HTML * br. الطريقة الأكثر شيوعًا لإضافة صورة خلفية إلى موقع الويب الخاص بك هي استخدام سمة خلفية الصورة. عند تحميل صورة ، ستظهر كخلفية لموقع الويب الخاص بك إذا تم تحديد اسم الملف أو عنوان URL في هذه السمة. لاستخدام السمة ، افتح موقع الويب الخاص بك في متصفح وأدخل الرمز التالي في علامة النص الأساسي: * br. عنوان هذه الصورة * body background = image.jpg. سيتضمن الصورة المعروفة باسم image.jpg كخلفية لموقع الويب الخاص بك. يمكنك أيضًا تحديد ملف في جهاز الكمبيوتر الخاص بك بدلاً من استخدام عنوان URL في الصور باستخدام المسارات المطلقة. املأ صورة الخلفية في CSS باستخدام CSS. عند استخدام صورة الخلفية لخاصية CSS ، يمكنك إضافة صورة خلفية إلى موقع الويب الخاص بك دون استخدام HTML. يمكنك استخدام هذه الخاصية لتحديد الصورة كخلفية لصفحة الويب. يمكنك استخدام خاصية CSS عن طريق كتابة الكود التالي في قسم النمط في موقع الويب الخاص بك: * br يمكنك أيضًا استخدام عنوان url الأساسي / صورة الخلفية (url (background.jpg) و body / background-image url (br ). ستتمكن من إضافة صورة الخلفية إلى موقع الويب الخاص بك بتنسيق jpg عن طريق تحديد هذا الخيار. يمكن أيضًا استخدام المسارات النسبية لتحديد ملف داخل نفس الدليل مثل موقع الويب الخاص بك بدلاً من استخدام عنوان URL.

كيفية تغيير موضوع الصورة في ووردبريس

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

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

تخصيص الصور في ووردبريس

عندما تنتهي من تخصيص صورتك ، انقر فوق حفظ الصورة في WordPress لحفظ التغييرات. يمكنك مشاركة الصورة على وسائل التواصل الاجتماعي من خلال النقر على زر مشاركة الصورة.

كيفية تغيير صورة خلفية الصف في WordPress

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

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

نظرًا لأن WP 5.3 يسمح لك بتغيير لون كتلة العنوان للرأس الخاص بك ، يمكنك القيام بذلك. في هذه الحالة ، سيكون من الأفضل تغيير لون النص الافتراضي (الأسود) إلى لون أفتح على تخطيط داكن ونظام ألوان. علاوة على ذلك ، يتيح لك WordPress الآن تغيير لون الخط الفاصل. تتيح لك كتلة الكتلة تغيير لون خلفية الكتل المجمعة بالإضافة إلى إضافة صورة إلى كتلة الكتلة. يمكنك بسهولة تكوين WordPress Inspector لأداء المهام التي يؤديها. نحدد تحرير صورة الخلفية كقطعة من الكعكة في كتلة الكتلة لدينا. لا يستغرق الأمر سوى بضع دقائق لتحميل صورة خلفية WordPress ولون التراكب المخصص (بالإضافة إلى تخصيص عتامة التراكب وتراكب اللون).

كيف يمكنني تغيير لون الخلفية لصف في WordPress؟

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

صورة خلفية ووردبريس غير معروضة

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