برمجة ووردبريس
Search
Close this search box.
إنشاء صور تفاعلية

كيفية إنشاء صور تفاعلية في ووردبريس

هل تريد إنشاء صور تفاعلية لمدونة ووردبريس الخاصة بك؟ تتيح لك الصور التفاعلية تمييز مناطق معينة من صورتك وربطها وتحريكها.

كما يمكنك تعلم كيفية عرض الصور بالحجم الكامل في ووردبريس

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

صور تفاعلية

إنشاء صور تفاعلية في ووردبريس

ما هي الصور التفاعلية؟

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

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

دعنا نلقي نظرة على كيفية جذب انتباه زوار موقعك بالصور التفاعلية.

إنشاء صور تفاعلية في ووردبريس

أول شيء عليك القيام به هو تثبيت وتفعيل الإضافة Draw Attention.

عند التنشيط ، سترى نوع مقال مخصص جديدًا في منطقة إدارة ووردبريس الخاصة بك. تحتاج إلى الانتقال إلى صفحة Draw Attention » Add New لإنشاء صورة تفاعلية.

أضف صورة جديدة
أضف صورة جديدة

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

تحميل أو تحديد صورة
تحميل أو تحديد صورة

بعد ذلك ، تحتاج إلى النقر فوق الزر “نشر”.

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

ما عليك سوى تحريك الماوس ورسم مناطق قابلة للنقر على الصورة. يمكنك بسهولة تحديد مناطق النقاط الفعالة وتوسيعها لإنشاء تحديد.

ارسم مناطق النقاط الفعالة
ارسم مناطق النقاط الفعالة

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

أضف إجراء
أضف إجراء

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

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

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

نسخ الرموز القصيرة
نسخ الرموز القصيرة

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

صورة تفاعلية قابلة للنقر
صورة تفاعلية قابلة للنقر

استيراد وتصدير الصور التفاعلية

إذا كنت تعمل على مواقع متعددة وتريد استيراد / تصدير صور تفاعلية ، فهذا يتطلب نفس الإضافة Draw Attention على كلا الموقعين.

في الموقع الأول ، تحتاج إلى زيارة Draw Attention »صفحة الاستيراد / التصدير وتحديد علامة الصور التي تريد تصديرها. بعد ذلك ، انقر فوق الزر “إنشاء كود التصدير” وانسخ الرمز.

تصدير الصور التفاعلية رمز
تصدير الصور التفاعلية رمز

بعد ذلك ، يتعين عليك الانتقال إلى موقع الويب التالي والتأكد من تنشيط الإضافة Draw Attention. بعد ذلك ، تحتاج إلى الانتقال إلى  Draw Attention » Import / Export من مسؤول ووردبريس ولصق الرمز في حقل الاستيراد.

paste image code drawattention
لصق الصور التفاعلية رمز

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

هذه الصور التفاعلية مفيدة لـ WordPress SEO وتجذب المزيد من الزوار إلى موقعك. ومع ذلك ، يوصى بضغط الصور قبل تحميلها لتحسين أداء الموقع.

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


أقسام الموقع :

أحتاج مساعدة في :

شراء استضافة

شراء استضافة

كل ما تحتاجه حول شراء استضافة من أية شركة تجده في هذا المقال

اقرأ المزيد
تحميل ووردبريس

تحميل ووردبريس

كل ما تحتاجه حول تحميل منصة ووردبريس وتنصيبها تجده في هذا المقال

اقرأ المزيد

أكثر المقالات قراءةً :

اترك تعليقاً

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

مقالات ذات صلة