كيفية استخدام Lightbox و Lightbox الديناميكي مع Elementor

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

قائمة المحتويات

• قائمة المحتويات
• باستخدام Elementor Pro:
• تقديم العرض المبسط:
• باستخدام Lightbox:
• الاعدادات العامة:
• ضبط الألوان:
• تحميل صورة وتحريرها:
• إجراءات العرض المبسط:
• مقاطع فيديو Lightbox:
• تسعير العنصر:

باستخدام Elementor Pro:

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

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

تقديم العرض المبسط:

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

باستخدام Lightbox:

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

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

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

الاعدادات العامة:

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

سيؤدي تشغيل خيار العداد إلى تمكين عرض صور متعددة في Lightbox. وهذا مفيد خصوصا عندما كنت في محاولة لعرض الصورة amp ليه أو الصور من منتج معين في ألوان مختلفة.

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

يمكنك أيضًا تمكين خيار التكبير ، ويمكن الوصول إلى صورة العرض المبسط عبر نقاط مختلفة في موضع تكبير.

يمكنك أيضًا مشاركة صورة Lightbox على وسائل التواصل الاجتماعي من خلال السماح بخيار المشاركة.

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

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

ضبط الألوان:

يمكن تعيين ألوان الخلفية وواجهة المستخدم و UI Hover على صورة Lightbox أو فيديو. اختر ما تريد واضبط أنظمة ألوان موقع الويب الخاص بك على مستوى أعلى تمامًا.

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

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

إجراءات العرض المبسط:

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

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

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

مقاطع فيديو Lightbox:

تمنح مقاطع فيديو العرض المبسط ميزة جديدة تمامًا لموقعك على الويب. في بعض الأحيان ، تقصر الصور عن وصف ما تدور حوله شركتك. إذا كنت ترغب في شرح مواصفات منتجك أو ميزاتك بالكامل ، فإن وجود مقطع فيديو مرتبط في قسم Lightbox الخاص بك هو السبيل للذهاب. ما عليك سوى الانتقال إلى خيار التعديل في الصورة أدناه ووضع رابط أو عنوان URL للفيديو الخاص بك. يقبل Lightbox dynamic روابط الفيديو من Youtube و Dailymotion وحتى Vimeo.  

تمكنك هذه الميزة من إضافة بعد آخر في موقع الويب الخاص بك. لم يكن شرح الأشياء بهذه السهولة من قبل من خلال فيديو Lightbox!

تسعير العنصر:

سمة Elementor مدهشة من حيث الوظائف وإنتاج منتج من الدرجة الأولى! مع ميزات مثل LightBox ، فإنه يأخذ الجانب الكامل لإنشاء موقع الويب إلى مستوى أعلى جديد. يتوفر Elementor في ثلاث حزم وفي جميع الحزم الثلاثة ، يتوفر LightBox. الاختلاف الوحيد هو أنه في Elementor Pro يمكنك إنشاء مواقع ويب غير محدودة!

يعد استخدام Lightbox dynamic مفيدًا من نواح كثيرة ، وأفضل جزء هو أنه من السهل تنفيذه في جميع أنحاء موقع الويب الخاص بك. الفكرة الأساسية هي الحصول على الجذب الذي يستحقه موقع الويب الخاص بك ، ويمكن القيام بذلك بسهولة من خلال Dynamic Lightbox. فما تنتظرون؟ احصل على موقع الويب الخاص بك جاهزًا اليوم!