هل تريد وضع الصور جنبًا إلى جنب في محتوى ووردبريس الخاص بك؟
غالبًا ما يكافح المبتدئين للعثور على كيفية وضع صورتين بجانب بعضهما البعض في منشورات وصفحات ووردبريس الخاصة بهم.
في هذا الدليل خطوة بخطوة ، سوف نوضح كيفية وضع الصور جنبًا إلى جنب بسهولة في ووردبريس (دون كتابة أي رمز).
وضع الصور جنبًا إلى جنب في ووردبريس
أسهل طريقة للحصول على صورك جنبًا إلى جنب هي استخدام محرر قوالب ووردبريس .
يحتوي محرر الكتلة على قالب “معرض” خاص يتيح لك عرض الصور في صفوف وأعمدة.
أولاً ، ستحتاج إلى إنشاء منشور / صفحة جديدة أو تحرير منشور موجود لفتح محرر المحتوى. بمجرد الدخول ، انقر فوق الرمز (+) لإضافة كتلة جديدة.
إنشاء منشور وإضافة كتلة إليه
بعد ذلك ، تحتاج إلى تحديد كتلة المعرض وإضافتها إلى صفحتك. يمكنك العثور على كتلة المعرض في قسم الكتل العامة ، أو يمكنك استخدام شريط البحث لتحديد موقعه بسرعة.
تحديد كتلة المعرض لإضافتها إلى منشورك
الآن ، يمكنك بسهولة إضافة الصور إلى مجموعة الصور الخاصة بك ، عن طريق سحبها إليه أو باستخدام الزر “تحميل”. يمكنك أيضًا تحديد الصور من مكتبة وسائط ووردبريس الخاصة بك .
كما ترى ، أضفنا صورتين إلى مجموعة المعرض. قام ووردبريس تلقائيًا بوضعهم جنبًا إلى جنب.
صورتان في المعرض (فراشات وتفاح)
ماذا لو كنت تريد 3 صور جنبًا إلى جنب؟ إليك ما يحدث إذا أضفنا صورة ثالثة. يقوم ووردبريس ببساطة بتغيير حجم الآخرين ليناسب الثلاثة جنبًا إلى جنب:
ثلاث صور في المعرض (فراشات وتفاح وزهور زرقاء)
إذا قمت بتحميل صورة رابعة ، فسيضعها ووردبريس أسفل الصور الأخرى.
أربع صور في المعرض (فراشات وتفاح وزهور زرقاء وروبن)
يمكنك تغيير عدد الصور التي يجب أن يتضمنها ووردبريس جنبًا إلى جنب في عمود واحد.
أولاً ، انقر فوق كتلة المعرض ، إذا لم تكن محددة بالفعل. على الجانب الأيمن من الشاشة ، سترى إعدادات الحظر في المعرض.
تغيير إعدادات كتلة المعرض
يمكنك ضبط عدد الأعمدة هنا على أي رقم بين 1 و 4. على سبيل المثال ، إذا كنت تريد صورتين جنبًا إلى جنب ، واثنتان أخريان تحتهما ، يمكنك ضبط الأعمدة على 2.
إعداد المعرض بحيث يحتوي على عمودين بدلاً من 3
إنها بهذه السهولة!
إذا كنت تريد تغيير مكان وضع الصورة في معرض الصور الخاص بك ، فما عليك سوى النقر عليها. سترى بعد ذلك الأسهم التي يمكنك استخدامها لتحريكها للأمام أو للخلف في المعرض.
تحريك صورة للأمام أو للخلف في المعرض
إليك عرضًا توضيحيًا نهائيًا للمعرض من نموذج منشور لدينا:
معرض عمودين في منشور مباشر
إذا كنت تستخدم محرر ووردبريس الكلاسيكي القديم ، أو إذا كنت ترغب في إنشاء معارض أكثر تعقيدًا من كتلة المعرض الافتراضية ، فستحتاج إلى مكون إضافي لمعرض ووردبريس.
نوصي باستخدام Envira Gallery لأنه أفضل مكون إضافي لمعرض ووردبريس
من أجل هذا البرنامج التعليمي ، سنستخدم الإصدار المجاني من Envira ، ولكن قد ترغب في الحصول على الإصدار Pro للحصول على ميزات قوية مثل الألبومات وعروض شرائح الصور وما إلى ذلك.
أولاً ، ستحتاج إلى تثبيت وتفعيل المكون الإضافي Envira Gallery . إذا لم تكن متأكدًا من كيفية ذلك ، فما عليك سوى الاطلاع على دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .
بعد ذلك ، يمكنك الانتقال إلى معرض إنفيرا »إضافة جديد في لوحة معلومات ووردبريس الخاصة بك.
أضف معرضًا جديدًا في معرض إنفيرا
ستحتاج إلى إعطاء عنوان لمعرض الصور الخاص بك. لقد أطلقنا على “معرض النماذج” الخاص بنا. بعد ذلك ، قم بتحميل الصور التي تريد استخدامها.
يمكنك إما سحبها وإفلاتها في مربع التحميل ، أو يمكنك استخدام أحد أزرار “تحديد الملفات”.
امنح معرضك الجديد اسما
إليك كيف تبدو الصور بمجرد تحميلها:
تم تحميل الصور على معرض إنفيرا
قد ترغب في إعطاء صورك عنوانًا ونصًا بديلًا هنا. يظهر العنوان أسفل صورتك عندما يضع المستخدم مؤشر الماوس فوقها.
يظهر العنوان أيضًا أسفل الصورة في الوضع المنبثق للعرض المبسط ، والذي سنلقي نظرة عليه بعد قليل.
لتحرير العنوان والنص البديل ، انقر فوق الزر تحرير على صورة في المعرض.
انقر فوق الزر تحرير لتحرير صورة في معرض الصور الخاص بك
يمكنك بعد ذلك تغيير عنوان صورتك. يتم تعيينه افتراضيًا على اسم ملف الصورة.
يجب عليك أيضًا إدخال نص بديل ، لأن هذا مفيد لكبار المسئولين الاقتصاديين لموقع ووردبريس الخاص بك . إذا كان العنوان الخاص بك يصف الصورة ، فيمكنك ببساطة تكراره للنص البديل.
تعيين العنوان والنص البديل للصورة
بمجرد الانتهاء ، يرجى التأكد من النقر فوق الزر “حفظ البيانات الوصفية” قبل النقر فوق X لإغلاق النافذة.
انقر فوق الزر Save Metadata لحفظ التغييرات
لإضافة معرض الصور الخاص بك على الموقع ، ستحتاج أولاً إلى نشره. انطلق وانقر على الزر “نشر” على الجانب الأيمن من الشاشة.
انقر فوق الزر “نشر” لنشر معرض الصور الخاص بك ، حتى تتمكن من استخدامه على موقعك
الآن ، قم بتحرير منشور أو صفحة ، أو قم بإنشاء منشور جديد. داخل محرر المحتوى ، انقر فوق (+) لإضافة كتلة إلى منشورك ، وحدد مجموعة Envira Gallery. يمكنك العثور عليه في قسم الكتل العامة ، أو يمكنك استخدام شريط البحث.
أضف مجموعة Envira Gallery إلى منشورك أو صفحتك
ستحتاج بعد ذلك إلى النقر فوق القائمة المنسدلة لتحديد معرض الصور الخاص بك.
حدد معرض الصور الخاص بك من كتلة معرض Envira
يجب أن ترى معرض الصور الخاص بك في مكانه في رسالتك.
يمكنك ضبط الإعدادات على الجانب الأيمن من الشاشة. على سبيل المثال ، قد ترغب في تغيير تخطيط العمود أو حجم الهامش بين الصور.
معرض Envira المعروض في محرر التدوينات
قررنا ضبط معرض الصور الخاص بنا ليتم عرضه دائمًا في عمودين. أضفنا أيضًا هامشًا أوسع بين الصور.
يمكن للمستخدم النقر فوق صورة لرؤية النسخة بالحجم الكامل في Lightbox. يمكنهم التمرير عبر الصور باستخدام Lightbox أيضًا.
عرض صورة من معرض Envira في Lightbox
إذا كنت ترغب في إضافة المزيد من الصور إلى معرض الصور الخاص بك ، فيمكنك العودة إليها من خلال زيارة معرض Envira »جميع المعارض في لوحة معلومات ووردبريس الخاصة بك. ما عليك سوى النقر فوق اسم معرض الصور الخاص بك لتحريره.
تحرير معرض قمت بإنشائه بالفعل في Envira Gallery
ستظهر أي تغييرات تجريها على معرض الصور الخاص بك أينما وضعتها في منشوراتك أو صفحاتك أو أشرطة جانبية. لا تحتاج إلى إضافته إلى هؤلاء مرة أخرى.
نصيحة: إذا كنت تستخدم المحرر الكلاسيكي بدلاً من محرر الكتلة ، فلا يزال بإمكانك استخدام Envira Gallery.
سترى زر “إضافة معرض” أعلى المحرر الكلاسيكي الذي يمكنك استخدامه لإضافة معرض موجود إلى مشاركتك.
إضافة معرض Envira في المحرر الكلاسيكي
يمكنك أيضًا إنشاء معرض جديد بالنقر فوق الزر “إضافة وسائط” ثم “إنشاء معرض”.
إنشاء معرض جديد باستخدام مكتبة الوسائط في المحرر الكلاسيكي
نأمل أن يساعدك هذا البرنامج التعليمي في تعلم كيفية وضع الصور جنبًا إلى جنب في ووردبريس. قد ترغب أيضًا في الاطلاع على دليلنا حول كيفية محاذاة الصور في محرر قوالب ووردبريس ، وقائمتنا الشاملة التي يجب أن تحتوي على مكونات ووردبريس الإضافية (اختيار الخبراء) .
نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.
إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..
