كيفية استخدام قالب صورة WordPress

نشرت: 2021-08-08

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

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

دعنا نقفز مباشرة!

كيفية إضافة كتلة الصورة إلى منشورك أو صفحتك

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

بعد ذلك ، داخل المحرر ، انقر فوق الزر Add Block (المميز برمز علامة الجمع) أينما تريد إدراج الصورة. ثم اختر كتلة الصورة :

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

بمجرد إضافة الكتلة ، فإن الخطوة التالية هي تحديد الصورة التي تريد استخدامها. من هناك ، لديك ثلاثة خيارات. يمكنك إما تحديد تحميل أو مكتبة الوسائط أو إدراج من URL :

خيارات إدراج صورة WordPress عبر كتلة الصورة.

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

على سبيل المثال ، سنقوم بتحميل صورة:

صورة تم تحميلها عبر Image block في WordPress.

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

إعدادات وخيارات كتلة الصورة

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

إعدادات شريط أدوات كتلة الصور

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

خيار تطبيق مرشح ثنائي اللون في كتلة صورة WordPress.

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

بعد ذلك ، يمكنك ضبط محاذاة الصورة على الصفحة عن طريق تحديد تغيير المحاذاة :

خيار تغيير محاذاة الصورة في محرر WordPress.

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

لإنشاء ارتباط تشعبي لصورتك ، يمكنك النقر فوق رمز الارتباط واختيار ملف الوسائط أو صفحة المرفقات :

خيار ربط كتلة صورة WordPress.

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

إعدادات اقتصاص كتلة الصورة في WordPress.

فيما يلي ورقة غش سريعة لما تعنيه كل من هذه الرموز:

  1. تتيح لك العدسة المكبرة تكبير الصورة ، من 0 إلى 300 بالمائة.
  2. نسبة الارتفاع يتيح لك اختيار نسبة لصورتك، بما في ذلك الخيارات لكل من صورة والمناظر الطبيعية.
  3. تتيح لك أيقونة السهم تدوير الصورة.

بعد إجراء التعديلات ، يمكنك النقر فوق الزر " تطبيق" لحفظ التغييرات.

أخيرًا ، يتيح لك الرمز الأخير إضافة نص فوق صورتك:

خيار إضافة نص فوق صورة عبر كتلة الصورة.

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

خيارات كتلة الصورة الإضافية

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

  • نسخ الصورة
  • تحرير الصورة بصيغة HTML
  • إضافة الصورة إلى الكتل التي يعاد استخدامها
  • إدخال قالب جديد قبل أو بعد كتلة الصورة

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

  1. تقصير
  2. مدور
  3. الحدود
  4. إطار

فيما يلي مثال على الشكل الذي سيبدو عليه كل نمط:

خيارات نمط كتلة الصورة.
بعد ذلك ، ضمن إعدادات الصورة ، يمكنك العثور على الحقول لإدخال النص البديل و (1) تغيير أبعاد الصورة (2):

إعدادات صورة WordPress.

لاحظ أن إدخال نص بديل مهم لكل من أغراض تحسين محرك البحث (SEO) وإمكانية الوصول.

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

نصائح وأفضل الممارسات لاستخدام قالب الصورة بشكل فعال

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

أولاً ، نوصي دائمًا بتحسين صورك. يمكنك القيام بذلك عن طريق ضغط الصور قبل تحميلها ، وذلك لتحسين أوقات تحميل صفحتك والأداء العام للموقع. بعد ذلك ، يمكن أن يساعد تحسين أسماء الملفات والنص البديل في تحسين مُحسنات محركات البحث.

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

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

الأسئلة المتداولة حول كتلة الصورة

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

أين أجد كتلة الصور في WordPress؟

بعد الانتقال إلى منشور أو صفحة WordPress ، هناك عدة طرق مختلفة يمكنك من خلالها العثور على كتلة الصورة . الخيار الأول هو كتابة "/ image" في حقل النص. الخيار الثاني هو النقر فوق كتلة إضافة زر أو رمز الجمع (+) ، ثم إدخال "صورة" في حقل البحث.

ماذا تفعل كتلة الصورة؟

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

هل يمكنني إضافة الصور في أي مكان في WordPress؟

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

استنتاج

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

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

هل لديك أي أسئلة حول استخدام قالب صورة WordPress؟ واسمحوا لنا أن نعرف في قسم التعليقات أدناه!

صورة مميزة عبر TarikVision / shutterstock