الأدلة/إنشاء محتوى/الوسائط/التعامل مع الصور

التعامل مع الصور

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

أدلة الصور

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

رفع الصور

تحرير الصور

حل مشكلات الصور

  • حل مشكلة رفع الصور – هل لا يتم رفع صورك؟ في ما يأتي بعض النصائح اللازمة لرفع الصور بنجاح.
  • حل مشكلة الصور الضبابية – تعرّف على سبب ظهور الصور بشكل ضبابي على موقعك بالرغم من أن جودة الصورة الأصلية المرفوعة جيدة.

مثال لتخطيطات الصور

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

جميع الصور مقدَّمة من مكتبة الصور المجانية من Pexels.

عرض صفحة واحدة

استخدم مكوِّن الصورة لإضافة صور فردية.

النمط الافتراضي:

صورة مربعة قياسية.
صورة بواسطة Monique Laats على Pexels.com

نمط مستدير:

صورة مستديرة.
صورة بواسطة Monique Laats على Pexels.com

عرض صورتين جنبًا إلى جنب

لإظهار صورتين بجانب بعضهما، يمكنك استخدام مكوِّن المعرض:

مثال للمعرض، يعرض صورتَين جنبًا إلى جنب.
الصورة 1 بواسطة Monique Laats والصورة 2 بواسطة Pixabay، عبر Pexels.com

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

إظهار صورة بجوار بعض النصوص

استخدم مكوِّن الوسائط والنص لوضع صورة (أو فيديو) جنبًا إلى جنب مع النص. يتضمن أيضًا خيارًا عمليًا لتكديس الوسائط والنص على الأجهزة المحمولة:

مثال لمكوِّن الوسائط والنص، مع صورة على اليسار واقتباس نص على اليمين.

للحصول على مزيد من الخيارات للالتفاف حول النص حول صورة، تفضَّل بزيارة دليلنا لمزامنة الصور مع النص.

عرض صورة الشعار

استخدم مكوِّن الغلاف للترويسة كاملة العرض والصور بنمط الشعار. يمكنك تعيين الصورة على خلفية ثابتة (تُعرف أيضًا باسم “تأثير المنظر” أو “تمرير المنظر”) وإضافة تراكب ألوان وإضافة نص ومحتوى آخر فوق الصورة.

خلفية ثابتة مع تأثير المنظر:

خلفية غير ثابتة:

ترتيب العديد من الصور معًا

استخدم مكوِّن المعرض لعرض عدة صور مرتبة بطرق جذابة.

مثال لصور متعددة مرتبة بتنسيق المعرض.

إنشاء عرض شرائح

استخدم مكوِّن عرض الشرائح لمشاركة العديد من الصور من دون أن تشغل مساحة كبيرة للغاية على صفحة أو تدوينة.

يأتي مكوِّن المعرض المتجانب بأربعة أنماط مختلفة:

  • الفسيفسائي المتجانب
  • شبكة دائرية
  • التجانبات المربعة
  • الأعمدة المتجانبة

الفسيفسائي المتجانب

صور مرتبة في فسيفساء متجانبة.

شبكة دائرية

صور دائرية مرتبة في شبكة.

التجانبات المربعة مع خيار للزوايا الدائرية

معرض الصور المربعة لكل صورة زوايا مستديرة.

الأعمدة المتجانبة

الصور مرتبة في أعمدة متجانبة.

مقارنة بين صورتين

استخدم مكوِّن مقارنة الصورة لوضع صورتين متجاورتين (أو فوق بعضهما) واستخدم شريط التمرير للكشف عن الاختلافات بين الصورتين.

مقارنة صور جانبية
مقارنة الأعلى والأسفل

Copied to clipboard!