كيفية إضافة معارض متعددة في منشورات وصفحات ووردبريس

نشرت: 2023-12-14

هل ترغب في إضافة معارض صور متعددة إلى منشوراتك وصفحاتك في WordPress؟

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

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

Add multiple galleries to WordPress posts and pages

لماذا إضافة معارض متعددة في ووردبريس؟

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

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

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

وبالمثل، إذا كنت تدير مدونة أزياء، فيمكنك استخدام معارض متعددة لعرض مجموعات الخريف أو الشتاء أو الربيع بشكل منفصل.

Multiple galleries preview

يأتي WordPress مزودًا بميزة المعرض المضمنة التي يمكنك استخدامها لإنشاء معارض الصور وعرضها.

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

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

ومع ذلك، دعونا نلقي نظرة على أفضل طريقة لإضافة معارض متعددة في منشورات وصفحات WordPress.

كيفية إضافة معارض صور متعددة في ووردبريس

يمكنك بسهولة إضافة معارض صور متعددة إلى منشورات وصفحات WordPress باستخدام معرض Envira.

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

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

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

ملاحظة: يحتوي معرض Envira أيضًا على نسخة مجانية يمكنك استخدامها لهذا البرنامج التعليمي.

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

من هنا، يمكنك البدء بكتابة اسم لمعرض الصور الخاص بك.

بعد ذلك، انقر فوق الزر "تحديد الملفات من جهاز الكمبيوتر الخاص بك" لتحميل صور المعرض من جهاز الكمبيوتر.

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

Create image gallery

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

هنا، سترى معاينة لجميع الصور التي قمت بتحميلها إلى معرض Envira الخاص بك.

See the image gallery preview

الآن، يمكنك النقر على أيقونة القلم الرصاص أعلى كل صورة لفتح رسالة "تحرير البيانات الوصفية" على الشاشة.

من هنا، ستتمكن من إضافة التسمية التوضيحية والحالة والعنوان والنص البديل للصور الفردية.

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

Configure image metadeta

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

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

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

للحصول على تعليمات مفصلة، ​​راجع دليل المبتدئين الخاص بنا حول كيفية إنشاء معرض صور في WordPress.

Enable lightbox for image gallery

وأخيرًا، انقر فوق الزر "نشر" في الجزء العلوي لتخزين إعداداتك.

بمجرد الانتهاء من ذلك، ما عليك سوى تكرار العملية لإنشاء معرض صور آخر لمدونة WordPress الخاصة بك. يمكنك إنشاء العديد من معارض الصور باستخدام Envira Gallery كما تريد.

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

الآن بعد أن قمت بإنشاء معارض صور متعددة، فقد حان الوقت لإضافتها إلى منشوراتك وصفحاتك في WordPress.

للقيام بذلك، ما عليك سوى فتح صفحة/منشور يعجبك في محرر محتوى WordPress.

بمجرد وصولك إلى هناك، انقر فوق الزر "+" في الزاوية العلوية اليسرى من الشاشة لفتح قائمة الحظر. من هنا، ابحث عن مجموعة Envira Gallery وأضفها إلى الصفحة أو المنشور.

Add the Envira Gallery block

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

بعد ذلك، افتح قائمة الكتل مرة أخرى وأضف كتلة "Envira Gallery" لتحديد معرض مختلف.

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

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

Edit image gallery in the block panel

وأخيرًا، انقر فوق الزر "نشر" أو "تحديث" في الجزء العلوي لتخزين إعداداتك.

الآن، يمكنك زيارة موقع WordPress الخاص بك لعرض معارض الصور المتعددة أثناء العمل.

Multiple galleries preview

إضافة معارض متعددة في أشرطة WordPress الجانبية

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

أولاً، تحتاج إلى زيارة صفحة المظهر »الأدوات من لوحة تحكم WordPress.

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

بمجرد وصولك إلى هناك، ما عليك سوى النقر فوق الزر "+" في الزاوية العلوية اليسرى لفتح قائمة الكتل وإضافة كتلة معرض Envira إلى الشريط الجانبي.

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

Add Envira block in the sidebar

بعد ذلك، ما عليك سوى تكرار العملية لإضافة معرض صور آخر إلى الشريط الجانبي لـ WordPress.

بمجرد الانتهاء من ذلك، يمكنك تكوين التخطيط لكل معرض من لوحة المجموعة الموجودة على الجانب الأيمن من الشاشة.

يمكنك أيضًا النقر على أيقونة القلم الرصاص في شريط أدوات الكتلة لبدء شاشة تحرير المعرض.

Click the pencil icon to open the gallery edit screen

بمجرد أن تصبح راضيًا عن معارض الصور الخاصة بك، انقر فوق الزر "تحديث" في الجزء العلوي لحفظ التغييرات.

الآن، قم بزيارة موقع WordPress الخاص بك لعرض معارض صور متعددة في الشريط الجانبي الخاص بك.

Multiple galleries in sidebar

إضافة معارض متعددة في محرر الموقع الكامل لـ WordPress

إذا كنت تستخدم قالبًا محظورًا، فلن تكون علامة تبويب قائمة "الأدوات" متاحة لك.

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

Open templates option in FSE

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

سيؤدي هذا إلى فتح الصفحة في محرر موقع WordPress الكامل.

من هنا، انقر فوق زر إضافة كتلة "+" لفتح قائمة الكتل وحدد كتلة "معرض Envira". بعد ذلك، تحتاج إلى اختيار المعرض الذي قمت بإنشائه من القائمة المنسدلة داخل الكتلة.

بعد ذلك، ما عليك سوى تكرار العملية مرة أخرى لإضافة معرض آخر.

Add Envira Gallery block in full site editor

بعد ذلك، يمكنك تكوين إعدادات المعرض من لوحة الحظر.

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

Edit and save galleries in FSE

وأخيرًا، انقر فوق الزر "حفظ" في الجزء العلوي لتخزين إعداداتك.

الآن، قم بزيارة موقع WordPress الخاص بك لعرض معارض الصور المتعددة.

Preview of multiple galleries in FSE

المكافأة: أضف معارض الفيديو إلى موقع WordPress الخاص بك

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

يمكن أن يساعد ذلك في تحسين مُحسنات محركات البحث لموقعك، وعرض خبرتك، وزيادة تفاعل المستخدمين.

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

لمعرفة المزيد، يمكنك الاطلاع على قائمتنا لأفضل المكونات الإضافية لمعرض فيديو YouTube لـ WordPress.

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

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