هذا شرح سريع لتحصل على إضافة في محرر المكونات (Gutenberg) على ووردبريس لعرض الصور "قبل وبعد"، أي قبل أن يحصل بها شيء وبعد أن حصل بها شيء (سواءٌ في مشهد الصورة نفسها أم بعد تعديلك أنت عليها)، وهي وحدة تسمح للقارئ بأن يستخدم مؤشر الفأرة كسحّاب (Scroll) على الصورة ليراها قبل وبعد التعديل.
قد يفيدك مثلًا هذا في مقالات مقارنات الأداء (Benchmarks) على موقعك، أو إبراز جودة عمليات التعديل على الصور، أو غير ذلك من الاستخدامات الممكنة.
ثبّت الإضافة المجانية من هنا: [سجل الدخول لترى الرابط]
وبعدها إن بحثتَ في محرر المكونات عن كلمة "image" فستظهر لك الوحدة:
اكبسها ليظهر لك التالي:
- صورة "Before Image" هي الصورة الأصلية أو الحالة الأولى التي تريد ظهورها افتراضيًا.
- صورة "After Image" هي الصورة البعدية أو التي حصلت تعديلات أو تغييرات فيها.
للإضافة إعدادات جانبية في الشريط الجانبي يمكن تعديلها أيضًا مثل المساحة الافتراضية المُعطاة لكل صورة:
وهذا مثال عما تبدو عليه على موقعي مثلًا ويمكنك أن ترى أنه هناك سحّاب في منتصف الصورتين:
آمل أن هذا يفيد أحدًا إن شاء الله. 💗