كيفية استخدام البرنامج المساعد Lightbox WordPress المستجيب

نشرت: 2022-10-03

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

باستخدام Respive Lightbox Pro ، يمكنك الآن إضافة صور إلى منشور وربطها بملفات الوسائط. إذا كنت تريد إضافة Lightbox يدويًا ، فيجب عليك أولاً تعطيل خيار الإضافة التلقائية من الخلفية. يمكنك إضافة معلومات نوع البيانات والعلاقة إلى الروابط الخاصة بك حسب الحاجة. يمكن لهذا المكون الإضافي فقط عرض الصورة في lightbox ، لكنني أبحث عن شيء يمكنه عرض المرفق كمشروط ، مع تضمين أوصاف العنوان ، على سبيل المثال. من ناحية أخرى ، لا يُطلب من المكونات الإضافية الأخرى تضمين رمز قصير. لم يتغير شيء بعد تثبيت الموقع. لا توجد طريقة لاستخدام Woocommerce.

كيف يمكنني استخدام العرض المبسط والمعرض المتجاوب في WordPress؟

الائتمان: justfreewpthemes.com

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

باستخدام المكوّن الإضافي Respive Lightbox and Gallery ، يمكنك إنشاء المعارض الخاصة بك بسرعة. يجعل هذا المكون الإضافي من السهل على أي موقع WordPress تضمين صور جميلة ومقاطع فيديو وأشكال أخرى من محتوى HTML ، مما يجعله الإضافة المثالية. يمكنك إنشاء معارض جميلة وتغيير الأنماط المفضلة لديك على الفور باستخدام أداة إنشاء معرض السحب والإفلات المضمنة. يمكنك استخدام هذا البرنامج المساعد لإبراز الصور لأنه سهل الاستخدام والتكوين وليس له رسوم خفية. يتضمن هذا التطبيق ميزات مذهلة مثل Drag-and-Drop Gallery Builder ، والتي يمكنك استخدامها أيضًا. باستخدام المكون الإضافي Respive Lightbox and Gallery ، يمكنك إنشاء معارض ديناميكية بسرعة وسهولة باستخدام أداة قوية. يتوافق Respive Lightbox and Gallery تمامًا مع منشئي الصفحات مثل Visual Composer و Divi و Elementor و Beaver Builder وغيرها الكثير.

يمكن إضافة تأثيرات Lightbox تلقائيًا إلى أي عنصر في WordPress ، مثل الصور وروابط الفيديو وما إلى ذلك. باستخدام WordPress Media Manager ، يمكنك عرض الملايين من صور CC0 المجانية من مصادر مثل Unsplash و Pixabay و Flickr و Instagram. المكوّن الإضافي Respive Lightbox and Gallery عبارة عن مكون إضافي لمعرض WordPress خفيف الوزن مصمم للأداء والسرعة. يجعل منشئ المعرض المدمج من السهل إنشاء معرض احترافي سريع الاستجابة يمكن الوصول إليه من قبل أي شخص لديه متصفح ويب. لقد قمنا بتخفيض سعر هذه الحزمة إلى 70٪ ، حتى تتمكن من الحصول على جميع الإضافات المتميزة ، والدعم المباشر لمدة عام واحد ، والتحديثات مجانًا.

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

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

كيف يمكنني ربط Lightbox بـ WordPress؟

الائتمان: WordPress

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

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


العرض المبسط المستجيب Html

الائتمان: www.codingnepalweb.com

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

كيفية إنشاء Lightbox مع نافذة منبثقة رائعة

الرجاء تضمين ما يلي في رأس ملف HTML الخاص بك: * br. ورقة الأنماط هي ورقة يتم عرضها في قائمة الأنماط (rel = stylesheet) type = text / css ، متبوعًا بعنوان. ضع الأسطر التالية في "نص" المستند.
معرف div = حاوية رائعة. أضف المعلومات التالية في نوع div: br. Adiv class = "magnific-popup" الرجاء إدخال عنوان URL التالي في علامة * div>: التالي هو فئة div div = ”magnific-slide-show”؛ بالإضافة إلى ذلك ، ما يلي هو div class div. أضف ما يلي في معالج الحدث لـ lightbox: * br $ (مستند). جاهز (function () br>). (*) (". عرض الشرائح الرائع"). رائعة () ؛ (*) ر>. هذا هو! وقد اكتمل الآن ووظيفته.

العرض التوضيحي المتجاوب لمعرض العرض المبسط

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

يشتمل Lightbox على رسم متحرك لحدود ، ونافذة معاينة الصورة ، وتخطيط معرض من صفحتين. كما أنه يساعد في تعديل حجم الصورة بناءً على دقة الشاشة. يمكنك أيضًا تحميل معرض العرض المبسط إلى أي صفحة أو منشور باستخدام الرمز المختصر [SLGF id = xx] على موقع WordPress الخاص بك. [23-07-2021]. تم إجراء الاختبار على الإصدار 5.6 من WordPress. جزء تحسين الكود وإصلاح الأخطاء من هذه العملية. [05-03-2020] تم تحديث مكتبة Bootstrap مؤخرًا.

تمت إضافة خيار جديد لتخصيص لون عنوان المعرض وزر نسخ الرمز القصير. إذا كنت تريد إضافة شارات ملونة ، فانتقل إلى مربع التعريف. يجب تحديث مكتبة Bootstrap في الواجهة الأمامية. يرجى تحديث رابط المراجعة. الإصدار متوافق مع تحديثات واختبار البرنامج المساعد WP 4.9.6 - 1.5.16. يمكن استخدام Custom Css Editor لتعديله. يجب إضافة المعلومات التالية إلى صفحة المنتج والتوصيات. تم تحديث رابط "مشاهدة العرض التوضيحي". بعد الترقية ، ستتمكن من استخدام زر Pro.

معرض Lightbox: أسهل مكون إضافي في المعرض للاستخدام

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

شريط التمرير مع Lightbox - البرنامج المساعد WordPress

هناك عدد قليل من شريط التمرير مع الإضافات lightbox المتاحة لـ WordPress. لكل منها ميزاته الفريدة ، ولكنها تتيح لك جميعًا إنشاء شريط تمرير جميل وسريع الاستجابة مع تأثيرات العرض المبسط.

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

يدعم العرض المبسط في Nextend تشغيل كل من MP4 ومقاطع فيديو YouTube. لا يمكن للأجهزة المحمولة عرض محتوى iframe بسبب القيود. تفتح قدرة Smart Slider 3 على فتح مقاطع فيديو YouTube ذات العرض المبسط تلقائيًا تطبيق YouTube. لن يتم عرض الفيديو حتى يتم تشغيل العرض المبسط ، مما يجعل وقت التحميل أقصر بكثير.