كيفية وضع الصور جنبًا إلى جنب في WordPress

15 دقيقة يقرأ





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



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

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



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



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





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

ضع الصور بجانب بعضها البعض في WordPress باستخدام كتلة العمود

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

  1. قم بتسجيل الدخول كمسؤول إلى لوحة التحكم الخلفية لموقع WordPress الخاص بك. ثم ، بناءً على المكان الذي تريد وضع الصور فيه جنبًا إلى جنب ، انقر فوق دعامات أو الصفحات في الجزء الأيمن من لوحة التحكم.
  1. بعد ذلك ، افتح الصفحة / المنشور حيث تريد وضع الصور جنبًا إلى جنب بالنقر فوق عنوانها. سأختار منشورًا بدون عنوان على موقع WordPress الخاص بنا لهذا الرسم التوضيحي.
  1. عندما تفتح الصفحة / المنشور ، انقر بزر الماوس الأيسر فوق ملف إضافة كتلة زر (+ تسجيل) في المنطقة التي تريد وضع الصور جنبًا إلى جنب. بعد ذلك ، أدخل 'أعمدة' في حقل البحث وحدد ملف الأعمدة منع من نتيجة البحث.
  1. على ال الأعمدة ، حدد تباينًا من عمودين.
يمكنك تحديد تباين من ثلاثة أعمدة إذا كنت ترغب في وضع ثلاث صور جنبًا إلى جنب.
  1. بعد القيام بذلك ، حدد ملف أضف الكتل زر في العمود الأول. بعد ذلك ، أدخل 'صورة' في حقل البحث وحدد ملف صورة منع من نتيجة البحث.
  1. على ال صورة كتلة في العمود الأول ، انقر فوق مكتبة الوسائط .
  1. الآن ، حدد إحدى الصور التي تريد وضعها جنبًا إلى جنب من مكتبة وسائط WordPress الخاصة بك. ثم ، انقر فوق يختار الزر الموجود في الزاوية اليسرى السفلية من الصفحة.
إذا لم تكن الصور التي تريد وضعها جنبًا إلى جنب في مكتبة وسائط WordPress الخاصة بك ، فاقرأ كيفية تحميل صورة إلى مكتبة وسائط WordPress شرط
  1. بعد القيام بكل ذلك ، كرر الخطوات من 5 إلى 7 للعمود الآخر. وبالتالي ، يجب أن تظهر الصور التي حددتها لكلا العمودين جنبًا إلى جنب في صفحة / منشور WordPress - انظر لقطة الشاشة الثانية.

ضع الصور جنبًا إلى جنب في WordPress باستخدام البرنامج المساعد

هناك العديد من المكونات الإضافية للمعرض في WordPress والتي تتيح لك وضع الصور جنبًا إلى جنب. ومع ذلك ، أوصي بالمكوِّن الإضافي Envira Gallery ، حيث إنه واحد من الأفضل هناك.

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

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

  1. بصفتك مشرفًا ، قم بتسجيل الدخول إلى لوحة التحكم الخلفية لموقع WordPress الخاص بك. بعد ذلك ، قم بتمرير مؤشر الماوس على الإضافات من بين الخيارات الموجودة في الجزء الأيمن من لوحة التحكم ، ثم حدد اضف جديد .
  1. على ال أضف الإضافات الصفحة ، أدخل 'معرض Envira' في حقل البحث.
  1. بعد القيام بذلك ، انقر فوق تثبيت الآن زر معرض صور إنفيرا المكون الإضافي من نتيجة البحث.
  1. بعد تثبيت البرنامج المساعد ، انقر فوق تفعيل زر لتنشيطه على موقع WordPress الخاص بك.
  1. بعد تنشيط المكون الإضافي ، تأكد من تسجيل الدخول إلى الواجهة الخلفية لموقع WordPress الخاص بك كمسؤول. ثم ، حرك مؤشر الماوس على معرض إنفيرا في الجزء الأيمن وحدد اضف جديد من الخيارات المعروضة.
  1. على ال إضافة معرض جديد الصفحة ، انقر فوق حدد ملفات من مصادر أخرى زر في معرض إنفيرا الأصلي فاتورة غير مدفوعة.
  1. بعد القيام بذلك ، حدد إحدى الصور التي تريد وضعها جنبًا إلى جنب من ملف مكتبة الوسائط علامة التبويب على أضف الوسائط صفحة. ثم ، انقر فوق اللون الأخضر إدراج في المعرض الزر الموجود في الركن الأيمن السفلي من الصفحة.
إذا لم تكن الصور التي تريد وضعها جنبًا إلى جنب في مكتبة وسائط WordPress الخاصة بك ، فاقرأ كيفية تحميل صورة إلى مكتبة وسائط WordPress شرط
  1. الآن ، كرر الخطوات من 2 إلى 3 للصورة (الصور) الأخرى التي تريد وضعها جنبًا إلى جنب. وبالتالي ، يجب إضافة الصور إلى معرض وتظهر في صالة عرض علامة التبويب على إضافة معرض جديد صفحة.
  1. عند إضافة الصور إلى المعرض ، امنح المعرض عنوانًا باستخدام أضف عنوانا مربع الإدخال في أعلى الصفحة.
  1. بعد القيام بكل ذلك ، انقر فوق اللون الأخضر ينشر زر على الصفحة لحفظ المعرض.
  1. الآن ، انقر فوق دعامات أو الصفحات في الجزء الأيمن من لوحة التحكم الخلفية لموقع WordPress الخاص بك ، اعتمادًا على المكان الذي تريد وضع الصور فيه بجوار بعضها البعض.
  1. بعد ذلك ، افتح الصفحة / المنشور حيث تريد وضع الصور جنبًا إلى جنب بالنقر فوق عنوانها. سأختار منشورًا بدون عنوان على موقع WordPress الخاص بنا لهذا الرسم التوضيحي.
  1. عند فتح المنشور / الصفحة ، انقر فوق أضف الكتل زر (+ علامة) في المنطقة التي ترغب في وضع الصور جنبًا إلى جنب. بعد ذلك ، أدخل 'معرض evira' في حقل البحث ، ثم حدد ملف معرض إنفيرا منع من نتيجة البحث.
  1. على ال معرض إنفيرا حظر ، انقر فوق القائمة المنسدلة في حقل البحث. بعد ذلك ، حدد عنوان المعرض الذي أنشأته والذي يعرض الصور التي تريد وضعها جنبًا إلى جنب.
  1. وبالتالي ، يجب أن تظهر الصور الموجودة في المعرض بجانب بعضها البعض في منشور أو صفحة WordPress الخاصة بك.

الأسئلة المتداولة حول وضع الصور جنبًا إلى جنب في WordPress

1. هل يمكنني إضافة تسميات توضيحية إلى صوري عند محاذاةهم جنبًا إلى جنب في WordPress؟

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

2. هل يدعم WordPress صور PNG؟

نعم ، يدعم WordPress تنسيقات مختلفة من الصور ، بما في ذلك صور PNG.

3. هل البرنامج المساعد Envira Gallery مجاني؟

نعم ، المكون الإضافي Envira Gallery مجاني في WordPress. ومع ذلك ، سيتعين عليك الدفع مقابل الإصدار المحترف إذا كنت بحاجة إلى ميزات إضافية.

4. هل من الممكن حذف الصور عند وضعها جنبًا إلى جنب في WordPress؟

نعم ، يمكنك حذف الصور الموضوعة جنبًا إلى جنب في منشور أو صفحة WordPress.

5. هل يمكنني تحميل GIF في WordPress؟

نعم ، يمكنك تحميل صورة GIF على موقع WordPress الخاص بك.

أفكاري النهائية حول وضع الصور جنبًا إلى جنب في WordPress

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

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

علمنا هذا الدليل أيضًا كيفية وضع الصور جنبًا إلى جنب في WordPress باستخدام مكون إضافي للمعرض يسمى Envira Gallery.

نأمل أن تكون قد وجدت الإجراءات الواردة في هذا الدليل مفيدة. إذا قمت بذلك ، فنحن نود أن نعرف ما هو رأيك - يرجى مشاركة أفكارك معنا في Community Forum.

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

أخيرًا ، لمزيد من أدلة WordPress ، قم بزيارة موقعنا كيف ل WordPress والمواقع الإلكترونية صفحة.