المكونات

مكوّنات »مكوِّن الصورة

استخدم مكوِّن الصورة لإنشاء بيان مرئي على صفحاتك ومقالاتك.

جدول المحتويات

إضافة مكوِّن الصورة

أضف مكوِّن الصورة إلى صفحة ما عن طريق النقر على زر “إضافة مكوِّن”. أو، يمكنك كتابة /image والضغط على مفتاح Enter.

أضف صورًا باستخدام أمر وصول مباشر.
أضف صورًا باستخدام أمر الشرطة المائلة.

يمكن العثور على الإرشادات التفصيلية حول إضافة المكوِّنات هنا.


أضف صورة

سيتم تحميل لوحة خيارات الوسائط بثلاثة خيارات وهي، الرفع، وتحديد الصورة وإدراج من عنوان URL.

ثمَّة ثلاث طرق لإضافة الصور – الرفع وتحديد الصورة وإدراج من عنوان URL.
  • يتيح لك الرفع اختيار صورة من حاسوبك ورفعها على موقعك.
  • يتيح لك تحديد الصورة الاختيار من بين الصور الموجودة على موقعك (مكتبة الوسائط) أو الاختيار من صور غوغل أو مكتبة صور Pexels المجانية.
  • يتيح لك الإدراج من عنوان URL استخدام صورة موجودة بالفعل على الإنترنت.

تعرَّف على المزيد حول مكتبة الصور المجانية هنا.


شريط أدوات المكوِّن

يحتوي كل مكوِّن على عناصر التحكم الخاصة بالمكوِّن التي تسمح لك بتغيير المكوِّن مباشرة في المحرِّر. إليك ما يبدو عليه شريط أدوات مكوِّن الصورة:

تتمثَّل الأيقونات الموجودة على شريط أدوات مكوِّن الصورة، بدءًا من اليسار، فيما يأتي:

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

محاذاة الصور
محاذاة صورة داخل مكوِّن فقرة.
محاذاة صورة داخل مكوِّن فقرة.

إذا رغبتَ في محاذاة صورة داخل فقرة، فسيتعين عليك أولاً إدراج الصورة أعلى مكوِّن الفقرة المستهدف مباشرة.

أزرار المحاذاة مع تمييز المحاذاة إلى اليسار

انقر على الصورة وحدِّد محاذاة إلى اليسار أو اليمين، وسيؤدي هذا إلى إدراج الصورة في مكوِّن الفقرة.

وأخيرًا، قم بتغيير حجم الصورة إلى العرض والارتفاع المطلوبين.


صور عريضة وبعرض كامل

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

صورة “عريضة” في المحرر.

إعدادات الرابط

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

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

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

يمكن أن ترتبط صورتك بصفحة ملحقة أو ملف وسائط أو عنوان URL مخصص.

تغيير حجم الصور

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

تغيير حجم صورة عن طريق سحب مؤشراتها.
تغيير حجم صورة عن طريق سحب مؤشراتها.

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

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

بدلاً من ذلك، سيؤدي تعديل أبعاد العرض والارتفاع إلى ضبط حجم الصورة، وذلك على الجانب الأيمن من إعدادات المكوِّن. توجد أيضًا بعض الخيارات الملائمة في إعدادات المكوِّن لتعيين الصورة إلى 100% و75% و50% و25% من حجمها الأصلي.


التسميات التوضيحية

يمكنك إضافة التسميات التوضيحية إلى الصور بطريقتين. إذا رغبتَ في إضافة تسمية توضيحية إلى مثيل صورة واحد، فيمكنك كتابتها في مساحة التسمية التوضيحية أسفل الصورة في المحرِّر.

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


إعدادات المكوِّن

يحتوي كل مكوِّن على خيارات مُحدَّدة في الشريط الجانبي للمحرِّر يمكن أن توفِّر تخصيصًا إضافيًا مقارنة بالخيارات الموجودة في شريط أدوات المكوِّن. إذا لم ترَ الشريط الجانبي، فانقر على أيقونة “الترس” الموجودة بجوار زر “نشر”.

يمكن العثور على إعدادات المكوِّن في الشريط الجانبي.
يمكن العثور على إعدادات المكوِّن في الشريط الجانبي.

إعدادات الصورة

يمكن تغيير الصور حسب النسب المئوية أو أبعاد البكسل.

توفر إعدادات الصورة حقل نص لإضافة وصف نصي بديل، وهو أمر مهم لإمكانية الوصول ولنظام SEO.

يمكنك أيضًا تغيير أبعاد العرض والارتفاع للصورة بزيادات قدرها 25% أو بأبعاد البكسل الدقيقة.

ثمَّة العديد من الطرق المستخدمة لتغيير حجم الصورة من محرر وردبرس.
ثمَّة العديد من الطرق المستخدمة لتغيير حجم الصورة من محرر وردبرس.

الإعدادات المتقدمة

تتيح لك علامة تبويب “إعدادات متقدِّمة” إضافة فئة CSS إلى مكوِّنك، ما يتيح لك كتابة CSS مخصصة وتهيئة مكوِّن الصورة بالشكل الذي تراه مناسبًا. تعرَّف على المزيد.

يتيح لك القسم “إعدادات متقدِّمة” إضافة فئة CSS إلى مكوِّنك.

الصفحات: 1 2