كيفية إنشاء شريط تمرير باستخدام معرض الصور في ووردبريس

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

في هذا البرنامج التعليمي سوف نرى مدى سهولة إنشاء معرض منزلق باستخدام WP Media Folder والإضافة Gallery، أفضل مكون إضافي لأفضل معرض ممكن ;)

اعرض صورك باستخدام مدير معرض WP Media Folder

باستخدام WP Media Folder ، يمكننا إنشاء معارض من العديد من الأماكن مثل مكتبة الوسائط ومدير المعرض الخاص بها والمشاركات والصفحات، باستخدام المحرر الكلاسيكي أو منشئ الصفحات الشهير مثل Elementor باستخدام كتلة، مما يسمح لنا بإنشاء معارض بسهولة وبأسرع طريقة ممكنة!

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

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

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

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

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

سيتم إضافة الصور إلى لوحة معلومات المعرض.

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

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

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

سنكون قادرين على 3 خيارات في لوحة معلومات المعرض، عام ، وإعدادات العرض والرمز المختصر ، والمعاينة .

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

في المعاينة ، سنكون قادرين على رؤية شكل المعرض قبل النشر.

لدينا معرضين منزلقين متاحين هنا، Slider و Flow Slide ، دعنا نرى كلا من السمات والخيارات المتوفرة في كل سمة.

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

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

يمكننا ضبط المعرض، ومن ثم التحقق من علامة التبويب المعاينة لرؤية المعرض بسرعة.

الآن لدينا موضوع Flow Slide ، وهو عبارة عن معرض شرائح جيد للتركيز على صورة باستخدام رسوم متحركة ثلاثية الأبعاد جيدة (يمكنك التحقق من ذلك مباشرة على الفيديو في نهاية المنشور).

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

دعونا نتحقق من المعاينة .

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

إدراج معرض شرائح مباشرة من منشوراتنا وصفحاتنا

الآن بعد أن تعلمنا كيفية إنشاء معرض مباشرة من مدير المعرض، دعونا نتحقق من كيفية إدراجه وضبط المعارض مباشرة من منشورنا أو صفحتنا (أو حيث نريد نشره).

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

قم بإلقاء نظرة على الكتل الخاصة WPMF Gallery Addon وأدخلها في الصفحة.

سيؤدي هذا إلى إدراج قسم في محرر الصفحة لدينا حيث يمكننا تحديد المعرض الذي أنشأناه مسبقًا، فلنحدده!

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

سيتم تحميل المعاينة مباشرة في المحتوى.

في علامة التبويب اليمنى ستظهر جميع الخيارات مثل تحديد سمة أخرى وضبط السمة نفسها حتى نتمكن من تحريرها بشكل مباشر ورؤية شكلها مباشرة في المحتوى الخاص بنا.

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

الآن، كما نعلم كمدير محتوى WordPress، من الجيد تغيير مظهر الأشياء من وقت لآخر، وما هي أفضل طريقة للقيام بذلك؟ 

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

تتضمن هذه الإعدادات، بالطبع، تغيير السمة، رائع! أليس كذلك؟

سوف نكون قادرين على تبديل السمة وتعديلها عندما نريد تعديل الأشياء وتحديثها بسرعة.

أفضل المعارض باستخدام أفضل المكونات الإضافية!

إنشاء معارض من مجلدات الوسائط

كمكافأة، سنرى كيفية إنشاء معارض استنادًا إلى المجلدات التي تم إنشاؤها باستخدام البرنامج المساعد مع خيار إضافة الصور تلقائيًا إلى المعرض عند إضافتها إلى مجلد الوسائط في بضع خطوات سريعة!

إذا ذهبت إلى مكتبة الوسائط بعد تثبيت WP Media Folder ، فسترى الآن خيارات جديدة مثل إنشاء مجلدات الوسائط، وهذا مفيد جدًا عندما نريد تنظيم مكتبة الوسائط الخاصة بنا، فهناك العديد من المرشحات والخيارات التي ستجعل مكتبة الوسائط الخاصة بنا، مدير الوسائط المثالي.

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

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

حدد المجلد ثم انقر فوق إنشاء .

سيظهر المعرض في علامة التبويب اليسرى، مع تحويل المجلد الذي حددناه إلى معرض، وبذلك يكون قد تم إنجاز العمل! لدينا معرض في أقل من ١٠ ثوانٍ.

الآن، لكي نتمكن من إضافة الصور تلقائيًا إلى المعرض عند إضافتها إلى المجلد، كل ما نحتاج إلى فعله هو النقر فوق إضافة الصورة تلقائيًا في المجلد الموجود في الجزء العلوي الأيمن من الإعدادات العامة للمعرض.

هذا سوف يفعل كل شيء بالنسبة لنا، وهو عمل شاق لإضافة الصور، يتم تلقائيا، رائع حقا! أليس كذلك؟

ابدأ في إنشاء أفضل المعارض بأسرع طريقة

دعونا ننهي هذه التدوينة بأفضل طريقة ممكنة، من خلال عرض فيديو خطوة بخطوة:

كما ترون، هذه من أفضل الأدوات لإنشاء معارض الصور، ولكنها ليست الميزة الوحيدة، إذ يُمكننا طلب صورنا، وتنزيلها ، وربط مكتبة الوسائط بخدمات سحابية مثل جوجل درايف ، OneDrive ، ودروبوكس. فماذا تنتظرون؟ تفضلوا بزيارة هذا الرابط لمعرفة المزيد.