مدونة بناء موقع الكتروني

مقالات متعددة عن طريقة بناء موقعك لديك سؤال تواصل معنا

كيفية إضافة صورة بسهولة في أداة الشريط الجانبي لـ ووردبريس 2020

بواسطة | ديسمبر 11, 2020 | ووردبريس

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

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

إضافة صورة في ووردبريس باستخدام أداة الصورة

أسهل طريقة لإضافة صورة في الشريط الجانبي لـ ووردبريس هي استخدام أداة “صورة” الافتراضية ما عليك سوى الانتقال إلى المظهر ثم ودجات وإضافة أداة” صورة “إلى الشريط الجانبي.

أداة الشريط الجانبي

ستتوسع الأداة ، وستتمكن من رؤية إعداداتها.

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

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

عنوان ورابط الصورة

لا تنس النقر على الزر “حفظ” لحفظ أداة صورتك و يمكنك الآن زيارة موقع الويب الخاص بك لمشاهدة الصورة المعروضة على الشريط الجانبي لمدونة ووردبريس الخاصة بك.

مثال للصورة

إضافة صورة في الشريط الجانبي لـ ووردبريس باستخدام اداة نص

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

اضافة صورة جانبية

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

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

إضافة صورة يدويًا في أداة الشريط الجانبي لـ ووردبريس :

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

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

رفع الصور

بعد رفع الصورة ، تحتاج إلى الضغط على رابط تحرير بجوار الصورة.

سينقلك ووردبريس الآن إلى صفحة “تحرير الوسائط” حيث سترى عنوان URL لملف الصورة على الجانب الأيمن من الشاشة. تحتاج إلى نسخ عنوان URL هذا ولصقه في محرر نصوص مثل Notepad.

بعد ذلك ، تحتاج إلى الانتقال إلى المظهر ثم ودجات واسحب أداة” Custom HTML “إلى الشريط الجانبي حيث تريد عرض الصورة.
كوستم HTML

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

<img src="Paste The File URL Here" alt="" />

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

والثاني هو بديل يستخدم لتوفير نص بديل للصورة. ستبدو علامة img النهائية الخاصة بك على النحو التالي:

<img src=”Paste https://www.buildwebsiteusingwp.com/wp-content/uploads/2020/12/Capture.png” alt=”Capture”/>

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

إضافة صورة في الشريط الجانبي لـ ووردبريس باستخدام الاضافة :

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

أولاً ، تحتاج إلى تثبيت وتفعيل إضافة Image Widget.

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

أداة الشريط الجانبي

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

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

اشترك في القائمة البريدية واحصل على كتاب

ادوات تحتاجها لبناء موقعك الاكتروني

اشترك في القائمة البريدية واحصل على كتاب

ادوات تحتاجها لبناء موقعك الاكتروني

لقد تم اشتراكك في القائمة قم بتفعيل اشتراكك للحصول على الكتاب

Share This
%d مدونون معجبون بهذه: