المدونة

تكبير الصور في موقعك بشكل أنيق

عرب ووردبريس بريميوم

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

واحدة من هذه العناصر هي خاصية الـ LightBox التي تساعد على فتح ملف وسائط (صورة، فيديو …) في داخل صفحة دون الحاجة لمغادرتها.

لنشاهد مثالًا على تكبير الصور بالاعتماد على هذه الطريقة. الصورة التالية، إذا ضغطت عليها سيتم تكبيرها. جرّب أن تضغط عليها …

تكبير الصور في موقعك بشكل أنيق بالاعتماد على LightBox
اضغط على الصورة للتكبير

نلاحظ تكبير الصورة “في نفس المكان” دون الحاجة لمغادرة الصفحة.

أفضليات تكبير الصور بالاعتماد على LightBox

الأفضليات التي نجدها في استخدام طريقة العرض هذه:

  1. يشعر الزائر “أنّ الأمور تحت السيطرة” لأنّ العنصر يفتح في نفس النافذة بدلًا من تحويله لصفحة جديدة.
  2. طريقة العرض تبدو أكثر أناقة وجمالية.
  3. طريقة العرض تترك انطباعًا إيجابيًا لدى زوار موقعك. سيشعرون أنّ صاحب الموقع يهتم بموقعه. هذه الأمور لها قيمة إضافية في كسب ثقة زوار موقعك!

في المثال البسيط أعلاه استخدمنا إضافة Easy FancyBox لتنفيذ طريقة العرض هذه.

مزيد من الخصائص

طبعًا هناك طرق ووسائل أخرى تقوم بتكبير الصور بنفس طريقة العرض أعلاه لكن مع توفير المزيد من الخصائص مثل:

  • فتح الصورة في شاشة كاملة.
  • إظهار معرض صور والتنقّل بين الصور وعدم الاقتصار على عرض صورة واحدة فقط.
  • مشاركة الصورة في الشبكات الاجتماعية.
  • تكبير الصور بشكل متجاوب في جميع الأجهزة (Responsive).

إضافات أخرى لتكبير الصور

بعض أشهر إضافات الـ LightBox:

 

في الواقع، هناك الكثير من إضافات ال LightBox التي تقوم بتكبير الصور، بعضها مجاني وبعضها الآخر مدفوع لكنها توفّر خصائص عديدة. عليك فقط البحث عن الإضافة التي تفي بغرضك.

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

هل تعجبك المقالات في عرب ووردبريس بريميوم؟ نحن نكتب مقالات كهذه بشكل دوري
ربما تريد أن تشترك في نشرتنا الإلكترونية؟

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

يمكنك استخدام أكواد HTML والخصائص التالية: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

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

0
Send a message
عذرًا، لا يمكننا الآن إجراء محادثة. من فضلك، أكتب لنا رسالتك وسنرد عليك خلال وقت قصير إن شاء الله.
Your name
* Email
* Describe your issue
Login Chat
لديك استفسار؟ نحن هنا :)
يرجى ملء البيانات للبدء بالتحدّث معنا.
Your name
* Email
We're online!