تحتاج إلى إنشاء معرض صور كلفه بتنسيق Elementor ?
كما نقول باستمرار ، Elementor هو أكثر من مجرد مكون إضافي منشئ الصفحة. إنه مكون إضافي متعدد الاستخدامات يمكن أن يحل محل أنواع متعددة من الإضافات وورد في آن واحد. أحد المكونات الإضافية التي يمكن استبدالها بـ Elementor هو البرنامج المساعد لمعرض الصور.
مع Elementor, لست بحاجة إلى تثبيت أي مكون إضافي إنشاء معرض للصور على موقع WordPress الخاص بك. هناك نوعان من عناصر واجهة المستخدم التي يوفرها Elementor لإنشاء معرض الصور: Basic Gallery and Gallery.
تتيح لك أداة المعرض الأساسي - المتوفرة في Elementor Free - إنشاء معرض صور أساسي بينما تتيح لك أداة المعرض إنشاء معرض صور أكثر تقدمًا ، بما في ذلك معرض الصور المبوبة.
يعد هذا أمرًا رائعًا إذا كنت ترغب في إنشاء معرض على موقع ويب للتصوير الفوتوغرافي. في هذه المقالة ، سوف نوضح لك كيفية إنشاء معرض صور مبوب في Elementor.
كيفية إنشاء معرض صور مبوب في Elementor
عنصر واجهة المعرض متاح في الإصدار المحترف من Elementor. لذا تأكد من ترقية Elementor إلى الإصدار المحترف إذا لم تقم بذلك. هناك العديد من الفوائد التي ستحصل عليها باستخدام Elementor Pro بما في ذلك القدرة على إنشاء ملف وورد موضوع بدون ترميز.
اقرأ أيضا: كيفية إنشاء معرض صور مبوب في Elementor
في هذا المثال ، سننشئ معرض صور أفقي. الصور مقسمة إلى ثلاثة أنواع: جبلية وبحرية وشلال. سنقوم بإنشاء ثلاث علامات تبويب لإيواء كل نوع من أنواع المناظر الطبيعية بالإضافة إلى علامة تبويب لعرض جميع الصور.
للبدء ، قم بإنشاء صفحة جديدة وقم بتحريرها باستخدام Elementor. يمكنك أيضًا تحرير صفحة موجودة. أضف قسمًا واسحب أداة المعرض إليه.
تحت الكتلة الإعدادات تحت علامة التبويب محتوى، اضبط الخيار النوع في قد يؤدي إجراء .
بشكل افتراضي ، يحتوي معرضك على علامة تبويب واحدة فقط. لإضافة علامة تبويب جديدة ، ما عليك سوى النقر فوق الزر أضف عنصرًا.
انظر أيضا: كيفية إنشاء شريط تقدم متدرج في Elementor
افتح أحد العناصر (علامات التبويب). حدد تسمية علامة التبويب في الحقل لقب. انقر فوق زر علامة الجمع لتحديد الصور التي تريد إضافتها إلى علامة التبويب.
حدد الصور من مكتبة وسائط WordPress الخاصة بك. إذا لم يكن لديك واحد ، فقط قم بتنزيله. انقر فوق الزر إنشاء معرض جديد -> إدراج معرض لإضافة المعرض إلى علامة التبويب.
افتح العناصر الأخرى (علامات التبويب) وكرر الخطوات المذكورة أعلاه لتعيين علامة التبويب وإضافة الصور.
تخصيص المعرض
بمجرد إضافة الصور إلى كل علامة تبويب ، يمكنك تخصيص معرض الصور الخاص بك. في الكتلة إعدادات، يمكنك ضبط التخطيط وارتفاع الصف والمسافة بين الصور وحجم الصورة. هناك أيضًا خيار لتنشيط ميزة Lazy Load.
افتح الكتلة شريط مرشح لتحديد تسمية علامة التبويب الرئيسية (علامة التبويب "الكل") والمؤشر والرسوم المتحركة.
افتح الكتلة غطاء لتفعيل التراكب. يمكنك عرض عنوان الصورة ووصفها عندما تحوم فوق صورة عن طريق تعيين ملف لقب و وصف.
إذا كنت تريد عرض العنوان والوصف عند تمرير الماوس فوقه ، فأنت بحاجة إلى تحرير الصورة الفردية في المعرض وإضافة المعلمة التي حددتها (نص بديل أو عنوان أو تسمية توضيحية أو وصف).
افتح علامة التبويب الطراز لتخصيص معرض الصور الخاص بك. هناك 4 كتل يمكنك فتحها: الصورة والتراكب والمحتوى وشريط التصفية.
صورة
تسمح لك هذه الكتلة بتعيين لون حدود الصورة ، ولون حدود التأشير ، وعرض الحد ، ونصف قطر الحد ، ومرشح CSS ، ورسوم متحركة للإشارة.
غطاء
تسمح لك هذه الكتلة بتعيين لون التراكب ولون تراكب التمرير ووضع المزج ورسومات التمرير.
وصف المنتج
تسمح لك هذه الكتلة بتخصيص محتوى الصورة. يشير المحتوى إلى عنوان الصورة ووصفها. يمكنك تعيين المحاذاة والموضع الرأسي والتعبئة ولون النص والطباعة (نمط الخط وعائلة الخط وحجم الخط).
شريط مرشح
تسمح لك هذه الكتلة بتخصيص عامل التصفية. يمكنك ضبط المحاذاة واللون العادي ولون التأشير واللون النشط ولون النص والمسافة بين علامات التبويب والطباعة.
يمكنك معالجة هذه الإعدادات حتى تكون راضيًا عن النتيجة. بمجرد الانتهاء ، انقر فوق الزر النشر / التحديث في الجزء السفلي من اللوحة اليمنى لنشر صفحتك أو تحديثها.
احصل على Elementor Pro الآن!
وفي الختام
هنا! هذا كل شيء في هذه المقالة التي توضح لك كيفية إنشاء معرض صور مبوب في Elementor. إذا كانت لديك أية مخاوف بشأن كيفية الوصول إلى هناك ، فاسمحوا لنا أن نعرف في تعليقات.
ومع ذلك ، يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...
