إضافة AN لإنشاء مقارنات الصور قبل وبعد على ووردبريس

ما هي إضافة AN وكيف تخدم أصحاب مواقع ووردبريس؟

مقارنة الصور قبل وبعد, إضافة ووردبريس, شريط تمرير الصور:

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

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

المجالات التي تستفيد من مقارنات قبل وبعد

تبرز أهمية العرض المرئي في القطاعات التي تعتمد نتائجها على التحول الملموس. ومن أبرز المجالات التي تناسبها إضافة AN:

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

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

واجهة الإدارة وسير العمل

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

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

المعاينة قبل النشر

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

الأكواد القصيرة وطرق التضمين

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

• الكود الفردي: يُستخدم لعرض مقارنة واحدة بالصيغة [andes id=”123″].
• كود المعرض: لعرض مجموعة مقارنات عبر [andes_gallery].
• الأكواد البديلة القديمة: مثل [bellebefore id=”123″] و[bellebefore_gallery] لضمان التوافق مع الاستخدامات السابقة.

هذا التنوع يمنح المستخدم مرونة في التنظيم، سواء أراد عرض مقارنة مفردة داخل مقال أو تجميع عدة مقارنات ضمن معرض واحد.

خيارات العرض والتخصيص

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

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

الخصوصية والأداء

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

ما الذي تقدمه النسخة الأولية Lite؟

تركّز النسخة الأولية على الوظائف الأساسية التي يحتاجها معظم المستخدمين، وتشمل:

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

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

نصائح للحصول على أفضل نتيجة

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

الخلاصة

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

المصدر: AN