ما هو Lightbox في WordPress وكيفية تنفيذه

Ma Hw Lightbox Fy Wordpress Wkyfyt Tnfydhh



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

ستناقش هذه المدونة أهمية WordPress Lightbox وإجراءات تنفيذه.

ما هو Lightbox في ووردبريس؟

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







كيفية تنفيذ Lightbox في ووردبريس؟

يمكن تنفيذ/تطبيق LightBox بمساعدة المكونات الإضافية المختلفة. وفي هذه الحالة ' عرض مبسط ومعرض سريع الاستجابة ' سيتم استخدام البرنامج المساعد.



استخدم الخطوات التالية لتنفيذ العرض المبسط في WordPress.



الخطوة 1: تثبيت البرنامج المساعد

أولا قم بتثبيت ' عرض مبسط ومعرض سريع الاستجابة ' البرنامج المساعد من ' الإضافات->إضافة جديد ':





بمجرد الانتهاء من التثبيت والتنشيط، قم بتشغيل ' بدء جولة 'زر لبدء استخدام البرنامج المساعد:



الخطوة 2: إضافة الصور

الآن قم بإضافة معرض جديد من ' المعرض->إضافة جديد ':

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

هنا، حدد الصور المراد استخدامها واضغط على الزر المميز:

الخطوة 3: تحرير الصور التي تم تحميلها

لتحرير الصور أو حذفها بدلاً من ذلك، قم بالتمرير فوق الصورة (الصور) المستهدفة لعرض خيارات جديدة، كما يلي:

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

تخصيص العرض المبسط

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

علامة التبويب التكوين (التكوين): تتيح لك علامة التبويب هذه اختيار نمط المعرض. يتضمن الخيارات الأربعة المذكورة كأزرار اختيار لتكوين المعرض:

علامة تبويب التصميم: يتضمن خيارات متعددة لتعديل الصورة المصغرة والعنوان والخلفية والحد على التوالي:

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

علامة تبويب العرض المبسط: وهنا يمكن تعديل حجم الصورة مع تحديد عنوانها والتسمية التوضيحية لها:

علامة تبويب متنوعة: يسمح بإضافة ' وصف المعرض ' و ' فئات مخصصة ' إلخ.:

إلحاق العرض المبسط في صفحات/منشورات WordPress

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

الخطوة 1: انتقل إلى جميع المعارض

التبديل إلى ' المعرض > كافة المعارض 'وانسخ الرمز القصير من' رمز قصير ' عمود:

الخطوة 2: الصق الكود

هنا، يتم فتح الصفحة (في هذه الحالة) أو المنشور المراد تعديله باستخدام العرض المبسط ولصق الرمز القصير في كتلة محرر النصوص مباشرة، كما هو محدد أدناه:

المظهر النهائي للموقع

وفيما يلي الشكل النهائي للموقع بعد تطبيق صور العرض المبسط على الصفحة الرئيسية:

تعمل هذه الصور، عند النقر عليها، بمثابة دائرة بالحجم الكامل دون الحاجة إلى أي وظيفة أخرى:

خاتمة

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