إدراج الصور

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

حيث تلعب الصور دورًا هامًا في الهيكل الرسومي لموقع الويب، مساهمة في تجربة تصفح المستخدم

لهذا، ستجد مكونات صور متنوعة بوظائف مختلفة، تلبي كل احتياجاتك

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

من خلال منصتنا يمكنك إضافة صور إلى موقع الويب الخاص بك

انقر على الجهة اليسرى من شريط العناصر
انقر على وسائط ثم صورة
اسحب مكون الصورة إلى مساحة العمل

يمكنك بسهولة إضافة أو تعديل صورتك

انقر على الصورة
انقر على تعديل الصورة
انقر على البحث عن الصورة إذا كنت ترغب في إضافة أو استبدال صورتك. 

لديك ثلاثة خيارات
يمكنك تحميل صورة شخصية مباشرة من جهاز الكمبيوتر الخاص بك.
يمكنك تحميل صورة من Pixabay

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

ملاحظة: عند تغيير حجم الصورة والاستمرار في الضغط على مفتاح  شفت على لوحة المفاتيح، يتيح النظام الاحتفاظ بنسب الصورة دون قص غير مقصود

  لتحسين الصور باستخدام علامات النص البديل

 يجب الانتقال إلى إدارة الموقع -> فهرسة الموقع

حيث تعتبر أداة مفيدة لتحسين الصور على موقع الويب الخاص بك حيث يصف الصورة ووظيفتها على الصفحة. يُولي Google أهمية كبيرة لهذة العلامات

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

أدخل الكلمة الرئيسية في الحقل المناسب لكل صورة وانقر على حفظ تذكر أنه يمكنك تخصيص علامة النص البديل مختلف لكل لغة على موقع الويب الخاص بك

إضافة رابط:

انقر على مكون الصورة
انقر على تعديل الصورة
انقر على رمز السلسلة

يمكنك إضافة أربعة أنواع من الروابط
ربط الصورة بصفحة موجودة في موقع الويب الخاص بك
ربط الصورة برابط خارجي
ربط الصورة بمكون موجود على نفس الصفحة
ربط الصورة بـ popup

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

 أنصح باستخدام ميزة الطبقات للعثور بسرعة على المكون الصحيح

التحريك المتناسق

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

انقر على مكون الصورة
انقر على رمز العتاد
انقر على التحريك المتناسق
قم بتحديد مربع التنشيط

تأثيرات مرور الماوس

يمكنك اختيار تأثير لتطبيقه على الصور عند مرور الماوس

انقر على مكون الصورة
انقر على رمز العتاد
انقر على تأثير مرور الماوس
اختر تأثير مرور الماوس

التراكبات

يمكنك وضع لون تغطية أو تطبيق تدرج باستخدام وظيفة التغطية.

انقر على مكون الصورة
انقر على رمز العتاد
انقر على التغطية

إطارات

يمكنك إضافة إطار لتطبيقه على الصورة عن طريق اختيار من بين الخيارات المقدمة وتعديل لونه حسب الرغبة

انقر على مكون الصورة
انقر على رمز العتاد
انقر على الإطارات

ظل

يمكنك إضافة ظل عن طريق اختيار لون الظل وموقعه

انقر على مكون الصورة
انقر على رمز العتاد
انقر على الظل

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