هل تريد إضافة صورة إلى عنصر واجهة مستخدم الشريط الجانبي في ووردبريس؟ بشكل افتراضي ، يجعل ووردبريس من السهل تحميل وإضافة الصور في أي مكان على موقع الويب الخاص بك. في هذه المقالة ، سنوضح لك كيفية إضافة صورة بسهولة في أداة الشريط الجانبي لـ ووردبريس. سوف نشارك طرقًا متعددة ، حتى تتمكن من استخدام طريقة تناسبك بشكل أفضل.
إضافة صورة في أداة الشريط الجانبي لـ ووردبريس
نسخة الفيديو
اشترك في WPBeginner
إذا لم يعجبك الفيديو أو كنت بحاجة إلى مزيد من الإرشادات ، فاستمر في القراءة.
أسهل طريقة لإضافة صورة في الشريط الجانبي لـ ووردبريس هي استخدام أداة “صورة” الافتراضية.
ما عليك سوى الانتقال إلى صفحة Appearance »Widgets وإضافة أداة” Image “إلى الشريط الجانبي. إذا لم تكن قد استخدمت عناصر واجهة المستخدم من قبل ، فراجع دليلنا حول كيفية إضافة الأدوات واستخدامها في ووردبريس .
إضافة صورة القطعة
ستتوسع الأداة ، وستتمكن من رؤية إعداداتها.
الخيار الأول هو إضافة عنوان إلى عنصر واجهة الصورة. بعد ذلك ، انقر فوق الزر “إضافة صورة” للمتابعة.
سيؤدي ذلك إلى إظهار برنامج تحميل وسائط ووردبريس حيث يمكنك النقر فوق زر تحميل الملفات لتحميل صورتك أو تحديد صورة قمت بتحميلها مسبقًا.
إعدادات الصورة
بعد تحميل الصورة ، سترى إعدادات الصورة في العمود الأيمن. من هنا ، يمكنك تقديم عنوان / نص بديل للصورة ، أو إضافة وصف ، أو تحديد الحجم ، أو حتى إضافة ارتباط.
بمجرد الانتهاء ، يمكنك النقر فوق الزر “إضافة إلى القطعة” لحفظ التغييرات. سترى الآن معاينة للصورة داخل منطقة إعدادات عنصر واجهة المستخدم.
معاينة القطعة
لا تنس النقر فوق الزر “حفظ” لحفظ أداة الصور الخاصة بك.
يمكنك الآن زيارة موقع الويب الخاص بك لمشاهدة الصورة المعروضة على الشريط الجانبي لمدونة ووردبريس الخاصة بك.
معاينة صورة الشريط الجانبي
إضافة صورة في الشريط الجانبي لـ ووردبريس باستخدام Text Widget
من السهل جدًا إضافة صورة إلى الشريط الجانبي باستخدام أداة “الصورة” الافتراضية. ومع ذلك ، قد تحتاج أحيانًا إلى إضافة صورة بتنسيق HTML مخصص أو نص به تنسيق. في هذه الحالة ، ستحتاج إلى استخدام أداة “النص” بدلاً من ذلك.
ما عليك سوى الانتقال إلى صفحة Appearance »Widgets وإضافة أداة” Text “إلى الشريط الجانبي. تحت إعدادات القطعة ، سترى زر “إضافة وسائط” أعلى منطقة تحرير النص.
سيؤدي النقر فوق الزر إلى إظهار برنامج تحميل الوسائط مما يسمح لك بتحميل أو تحديد صورة من مكتبة الوسائط.
بعد اختيار صورتك ، انقر فوق الزر “إدراج في المنشور”. ستتمكن الآن من رؤية معاينة الصورة في إعدادات عنصر واجهة النص.
يمكنك الاستمرار في إضافة نص وعناصر أخرى إلى عنصر واجهة النص. يمنحك شريط الأدوات في محرر النصوص بعض أزرار التنسيق الأساسية.
إضافة صورة مع النص والتنسيق الأساسي
بمجرد الانتهاء ، لا تنس النقر فوق الزر “حفظ” لتخزين إعدادات عنصر واجهة المستخدم الخاصة بك.
يمكنك الآن زيارة موقع الويب الخاص بك لمشاهدة صورة الشريط الجانبي أثناء العمل.
يتم عرض الصورة باستخدام عنصر واجهة النص في الشريط الجانبي
في بعض الحالات ، قد تحتاج إلى إضافة كود HTML إضافي إلى صورتك. تسمح أداة النص الافتراضية ببعض HTML الأساسي للغاية ، ولكنها قد لا تعمل مع تنسيق HTML أو تنسيق متقدم. في هذه الحالة ، ستحتاج إلى إضافة صورة يدويًا إلى الشريط الجانبي لمدونتك.
أولاً ، تحتاج إلى تحميل الصورة إلى موقع ووردبريس الخاص بك. ما عليك سوى الانتقال إلى الوسائط »إضافة جديد وتحميل ملف الصورة.
بعد تحميل الصورة ، تحتاج إلى الضغط على رابط تحرير بجوار الصورة.
تحميل وتحرير ملف صورة في ووردبريس
سينقلك ووردبريس الآن إلى صفحة “تحرير الوسائط” حيث سترى عنوان URL لملف الصورة على الجانب الأيمن من الشاشة. تحتاج إلى نسخ عنوان URL هذا ولصقه في محرر نصوص مثل Notepad.
نسخ عنوان URL لملف الصورة في ووردبريس
بعد ذلك ، تحتاج إلى الانتقال إلى المظهر » شاشة الأدوات واسحب عنصر واجهة المستخدم” Custom HTML “إلى الشريط الجانبي حيث تريد عرض الصورة.
في منطقة مربع النص في الأداة ، تحتاج إلى إضافة صورتك باستخدام هذا الرمز:
<img src=”Paste The File URL Here” alt=”Strawberries” />
و imgيستخدم علامة في HTML لعرض الصور. يحتاج إلى سمتين ، الأولى هي srcالتي تحدد موقع ملف الصورة. هذا هو المكان الذي ستلصق فيه عنوان URL الذي نسخته مسبقًا.
والثاني altيستخدم لتوفير نص بديل للصورة. ستبدو علامة img النهائية الخاصة بك على النحو التالي:
<img src=”http://www.example.com/wp-content/uploads/2014/09/strawberries.jpg” alt=”Strawberries” />
تحتاج إلى النقر فوق الزر حفظ لتخزين إعدادات عنصر واجهة المستخدم الخاصة بك ثم معاينة موقع الويب الخاص بك.
هناك طريقة أخرى لإضافة الصور إلى الشريط الجانبي في ووردبريس وهي استخدام مكون إضافي. سيعطيك هذا بعض الخيارات الإضافية وواجهة بسيطة ، والتي قد يجدها بعض المبتدئين أسهل من أداة “الصورة” الافتراضية.
أولاً ، تحتاج إلى تثبيت وتفعيل المكون الإضافي Image Widget . لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .
عند التنشيط ، ما عليك سوى الانتقال إلى المظهر » صفحة الأدوات . ستلاحظ عنصر واجهة مستخدم جديد يسمى “أداة الصورة” أسفل عمود الأدوات المتاحة. ما عليك سوى سحب أداة الصورة هذه وإفلاتها في الشريط الجانبي لـ ووردبريس حيث تريد عرض صورة.
الأداة المساعدة Image Widget
بعد ذلك ، انقر فوق الزر “تحديد صورة” لتحميل صورة أو تحديد صورة من مكتبة الوسائط. بعد ذلك ، تحتاج إلى النقر فوق الزر “إدراج إلى عنصر واجهة المستخدم” ، وسترى معاينة الصورة ضمن إعدادات عنصر واجهة المستخدم.
يمكنك إضافة عنوان ونص بديل ورابط وتسمية توضيحية للصورة. يمكنك أيضًا اختيار حجم الصورة من قائمة الخيارات المتاحة.
المزيد من الإعدادات للمكوِّن الإضافي لعنصر واجهة تعامل الصورة
بمجرد أن تشعر بالرضا ، ما عليك سوى النقر فوق الزر حفظ لحفظ أداة الصورة. هذا كل شيء ، يمكنك الآن الانتقال إلى موقع الويب الخاص بك ومشاهدة الصورة المعروضة في الشريط الجانبي الخاص بك.
نأمل أن تساعدك هذه المقالة في إضافة صورة في أداة الشريط الجانبي لـ ووردبريس. إذا واجهت مشكلة ، فلا تنس إلقاء نظرة على دليلنا حول كيفية إصلاح مشكلات الصور الشائعة في ووردبريس .
نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.
إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..
