العودة إلى الدعم المحتوى والوسائط الوسائط الصور

الصور

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

أدلة الصور

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

أمثلة

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

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

مكون الصورة

يتعلق مكوّن الصور بإضافة صور فردية. إنَّه بسيط، ولكنه تم دمجه مع مكوِّن الأعمدة، ويمكنه أن يؤدي إلى تصميم مبتكَر مثل المعروض في قالب Coutoire.

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

صورة بواسطة نيوسيام 2020 للتصوير الفوتوغرافي على موقع Pexels.com

نمط دائري:

صورة بواسطة نيوسيام 2020 للتصوير الفوتوغرافي على موقع Pexels.com
مكوِّن الغلاف

من الأفضل تقدير مكوِّن الغلاف باستخدام قالب يسمح بعرض كامل العرض. تم عرضه بشكل رائع في قوالب Dalston وAlves وMaywood.

يتضمن المكوِّن خيارات للخلفية الثابتة وتراكبًا يحتوي على تدرج وأنماط عرض مختلفة.

الخلفية الثابتة في وضع التشغيل

الخلفية الثابتة في وضع إيقاف التشغيل

تراكب التدرجات مع أنماط موجة سفلية وعلوية

مكوِّن المعرض

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

مكوِّن عرض الشرائح

يُعد مكوِّن عرض الشرائح رائعًا لمشاركة الصور من دون أن تشغل مساحة كبيرة للغاية على صفحة أو مقالة. يمكنك أن تراه بارزًا في قالب Rivington.

يستخدم المثال أدناه خيار التشغيل التلقائي، اعرف كل شيء عن الخيارات الأخرى في دليل مكوِّن عرض الشرائح.

مكوِّن وسائط مع نصّ

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

يزوَّد بخيار عملي لتكديس الوسائط والنص على الأجهزة المحمولة.

تُعد بعض الطرق المبتكَرة لاستخدامه بارزة على قالب Exford وBarnsbury.

“إذا كان هناك كتاب ترغب في قراءته، ولكن لم تتم كتابته بعد، فعندئذٍ يجب أن تكتبه.”

— توني موريسون

يوجد على اليسار كيف سيعرض خيار التكديس على الأجهزة المحمولة المحتوى.

بشكل افتراضي، ستظهر الوسائط في الجزء العلوي.

مكوّن مقارنة الصور

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

Side by Side comparison
Above and below comparison
مكوِّن المعرض المتجانب

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

تُعد طريقة مبتكَرة في حد ذاتها لمشاركة الصور، ويمكِّن أن تكون رفيقًا رائعًا لمكوِّن عرض الشرائح، كما يتم عرضها في قالب Rivington.

مربعات فسيفساء

شبكة دائرية

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

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

Copied to clipboard!