المدونة

كيفية إضافة معرض صور إلى ووردبريس

اخر تاريخ تحديث: 
كيفية إضافة معرض صور إلى ووردبريس

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

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

لذلك، إذا كنت ترغب في ميزات مثل معارض الصور الاحترافية القابلة للتخصيص بالكامل مع خيارات التخطيط المتقدمة، فاستمر في القراءة. لديك خياران رئيسيان: إما تثبيت إضافة معرض صور ضخمة قد تؤدي إلى إبطاء موقعك الإلكتروني، أو استخدام أداة (widget) خفيفة الوزن بدون خادم تحافظ على أوقات تحميل صفحتك وأداء الخادم.

الخيار 1: تثبيت إضافة مخصصة لمعرض صور ووردبريس

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

إذا كنت ترغب حقاً في تثبيت إضافة معرض صور لتضمين معرض صور في ووردبريس، فإليك كيفية القيام بذلك:

  1. قم بتسجيل الدخول إلى لوحة تحكم ووردبريس الخاصة بك، وتوجه إلى قسم الإضافات، وانقر على أضف إضافة.
  2. لوحة تحكم إضافات ووردبريس مع إبراز زر أضف إضافة
  1. إذا كان لديك إضافة لمعرض الصور تم تنزيلها مسبقاً، فانقر على رفع إضافة. بخلاف ذلك، استخدم ميزة البحث للعثور على إضافة معرض صور تبدو مناسبة لتلبية احتياجاتك.
  2. صفحة إضافة إضافات ووردبريس تعرض نتائج البحث عن إضافة معرض الصور
  1. انقر على التنصيب الآن لتثبيت الإضافة، ثم تفعيل لتفعيلها. لقد اخترت استخدام NextGEN Gallery من Imagely.
  2. تجاوز أي معالج إعداد أولي، أو محاولات لبيع ميزات مدفوعة، أو ضغوط لتثبيت إضافات أخرى.
  3. شاشة الإعداد الأولي من Imagely تطالب المستخدمين بالترقية إلى خطة Pro
  1. افتح الإضافة وقم برفع الصور التي ترغب في إضافتها إلى معرضك الأول. تختلف عناصر التحكم الدقيقة بين الإضافات، لكن الفكرة العامة يجب أن تكون متشابهة.
  2. شاشة تحرير المعرض من Imagely تعرض خمس صور تم رفعها في معرض إيطاليا
  1. حدد التخطيط الذي تريده. ستحتاج إلى تجربة الإعدادات لمعرفة ما يناسب موقعك وصورك بشكل أفضل.
  2. شاشة تخصيص معرض Imagely مع خيارات التخطيط ومعاينة المعرض
  1. ضع اللمسات الأخيرة على أي تفاصيل وانسخ الرمز القصير (shortcode). يمكنك لصق هذا الرمز في أي مقال أو صفحة على موقعك لإضافة المعرض إليها.
  2. رسالة نجاح من Imagely تعرض معرض إيطاليا المكتمل والرمز القصير الخاص به

هذا النهج له سلبيات. أكبرها هو أن معظم إضافات المعارض الشائعة تعمل بنموذج مجاني أساسي (Freemium). لم تكن معظم الميزات والتخطيطات متوفرة في الإضافة التي استخدمتها دون الترقية إلى النسخة المدفوعة (Pro). كما لم يعجبني كيف تم دفعي لتثبيت إضافات إضافية كجزء من عملية الإعداد.

شاشة إعداد Imagely تعرض ميزات المعرض الاختيارية التي يمكن للمستخدمين تفعيلها

ثم هناك المشكلات التقنية. تقوم إضافات المعارض بحقن ملفات CSS و JavaScript في موقعك الإلكتروني، مما يؤثر على سرعة التحميل، خاصة على الأجهزة المحمولة. يمكن أن تؤدي الإضافة المصممة أو المهيأة بشكل سيئ إلى خفض نتيجة مؤشرات أداء الويب الأساسية (Core Web Vitals) الخاصة بك، مما يعني أن المعرض الخاطئ يضر بتصنيفك على جوجل ويبطئ أداء موقعك الإلكتروني بحيث ينقر العملاء المحتملون للمغادرة قبل تحميل صورك حتى.

بشكل عام، من الصعب التوصية باستخدام إضافات معارض خارجية ما لم تكن لديك خبرة ووردبريس اللازمة للعثور على الإضافة المناسبة وتهيئتها بشكل صحيح.

الخيار 2: إضافة أداة (widget) معرض صور مجانية وقابلة للتخصيص (موصى به)

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

إليك كيفية إعدادها:

  1. توجه إلى أداة معرض صور Jotform وقم بالتسجيل للحصول على حساب Jotform مجاني. (أو قم بتسجيل الدخول إذا كان لديك حساب بالفعل).
  2. محرر أداة معرض صور Jotform يعرض صور المعرض المرفوعة في الشريط الجانبي
  1. انقر على إضافة صورة (Add Image) وقم برفع صورك. يمكنك منحها عناوين، أو وصفاً، أو رابطاً. انقر على الزر الموجود في الزاوية العلوية اليمنى لمعاينة معرضك على الأجهزة المحمولة.
  2. معاينة أداة معرض صور Jotform مع تفاصيل الصور وثلاث صور في المعرض
  1. بمجرد رفع صورك، حدد الإجراء الذي تريده أن يحدث عندما ينقر شخص ما على إحداها. يمكنك الاختيار من بين: لا شيء، أو فتح نافذة منبثقة، أو الانتقال إلى رابط. بعد ذلك، انقر على متابعة (Continue).
  2. إعدادات أداة معرض صور Jotform تعرض خمس صور وخيارات إجراءات النقر
  1. حدد القالب، والمؤثرات، والرسوم المتحركة، والتفاصيل الأخرى لكيفية ظهور معرضك. هنا يمكنك تخصيصه وإضفاء طابعك الشخصي عليه. يمكنك حتى استخدام خطوط مخصصة وأكواد CSS. بمجرد الانتهاء، انقر على متابعة (Continue).
  2. إعدادات تصميم أداة معرض صور Jotform مع خيارات القالب وتأثير التمرير والرسوم المتحركة
  1. حدد التخطيط والمسافات. ثم انقر على تجربته على موقعك الإلكتروني مجاناً (Try It On Your Website for Free) لإنشاء كود iFrame.
  2. إعدادات تخطيط أداة معرض صور Jotform مع معاينة لمعرض الصور المصغرة وعناصر التحكم في المسافات
  1. انقر على نسخ الكود (Copy Code) لنسخ كود التضمين إلى الحافظة الخاصة بك.
  2. نافذة تضمين أداة معرض صور Jotform تعرض كود iframe المُنشأ وزر نسخ الكود
  1. في ووردبريس، قم بإنشاء مكوّن HTML مخصص (Custom HTML) والصق كود التضمين. سترى بعد ذلك معاينة للمعرض.
  2. معاينة محرر ووردبريس تعرض معرض صور Jotform مُضمناً في مكوّن HTML مخصص
  1. انشر مقالك واستمتع بمعرض صورك السريع والمتجاوب.

الشيء الرائع في أداة معرض صور Jotform هو أنها توفر تحكماً بصرياً لا مثيل له دون الحاجة إلى إضافة مدفوعة أو التأثير على أداء موقعك الإلكتروني. يمكنك رفع صورك وتخصيص مظهر وتخطيط المعرض بالكامل. فهي تدعم تخطيطات الشبكات غير المنتظمة (masonry)، والشبكات العادية (grid)، والمعارض الدوارة (carousel)، وصناديق العرض المبسطة (light boxes) التي تُكبر الصور عند النقر، بالإضافة إلى أكواد CSS المخصصة لتتناسب تماماً مع قالب موقعك. وتقدم كل هذا مجاناً.

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

عزز أداء موقع ووردبريس الخاص بك بأدوات ذكية لا تعتمد على الخادم (serverless)

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

لقطة شاشة لأدوات مواقع الويب المجانية من Jotform

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

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

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

كتابة تعليق:

Jotform Avatar
هذا الموقع محمي بواسطة reCAPTCHA و Google سياسة الخصوصية و شروط الخدمة تطبيق

Podo Comment كن أول من يعلق.