الأدلة/إنشاء محتوى/الوسائط/تنسيق صورة

تنسيق صورة

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

تطبيق الأنماط على صورة

اتبع هذه الخطوات لتنسيق الصورة على موقعك:

  1. ابدأ من لوحة تحكم ووردبريس.كوم الخاصة بك.
  2. حرر الصفحة أو التدوينة أو النموذج الذي أضفت الصورة إليه. 
  3. انقر على الصورة التي تريد تنسيقها.
  4. افتح إعدادات الشريط الجانبي عن طريق النقر على أيقونة “الإعدادات” في شريط الأدوات العلوي.

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

تم تمييز أيقونة الإعدادات في الجزء العلوي من محرِّر ووردبريس.
توجد أيقونة الإعدادات في الزاوية العلوية اليسرى
  1. انقر على علامة تبويب “أنماط” (تبدو الأيقونة على شكل دائرة بالأبيض والأسود):
تم فتح الشريط الجانبي لإعدادات مكوِّن الصورة وتم تمييز أيقونة "الأنماط".
  1. ضبط أي من الأنماط الآتية:
    • نمط الصورة: اختر بين الافتراضي أو المستدير. عند استدارتها، ستكون الصورة المربعة دائرة مثالية بينما ستكون الصورة المستطيلة على شكل مستطيل.
    • عوامل التصفية: أضف تأثيرًا لونيًا بدرجتين باستخدام إعداد عامل تصفية اللون الثنائي.
    • أبعاد الصورة: أضف مسافة حول الصورة باستخدام إعدادات الأبعاد.
    • الحدود والظلال: قم بتعيين الحدود ونصف القطر والظلال لصورتك باستخدام إعدادات الحدود والظلال.

إضافة CSS إلى صورة

يمكنك إنشاء فئة CSS لتخصيص مظهرها باستخدام كود CSS.

  1. ابدأ من لوحة تحكم ووردبريس.كوم الخاصة بك.
  2. حرر الصفحة أو التدوينة أو النموذج الذي أضفت الصورة إليه. 
  3. انقر على الصورة التي تريد تنسيقها.
  4. افتح إعدادات الشريط الجانبي عن طريق النقر على أيقونة “الإعدادات” في شريط الأدوات العلوي.

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

تم تمييز أيقونة الإعدادات في الجزء العلوي من محرِّر ووردبريس.
توجد أيقونة الإعدادات في الزاوية العلوية اليسرى
  1. افتح إعدادات “متقدمة” في أسفل الشريط الجانبي.
  2. أضف فئة (فئات) CSS الإضافية أو عدِّلها.
  3. احفظ تغييراتك، وقم بمعاينة الصفحة أو التدوينة أو النموذج لرؤية CSS المطبَّق.

إعادة تعيين أنماط الصور

تتضمن أنماط الصور عوامل التصفية والأبعاد والحدود والظلال. اتبع هذه الخطوات لإعادة تعيين نمط صورة واحد أو إعادة تعيين كل الأنماط على الصورة.

  1. انقر على الصورة التي تريد تحريرها.
  2. افتح إعدادات الشريط الجانبي عن طريق النقر على أيقونة “الإعدادات” في شريط الأدوات العلوي.
  3. انقر على أيقونة “الأنماط”.
  4. افتح قائمة “الخيارات” الموجودة بجوار كل قسم من أقسام الأنماط عن طريق النقر على النقاط الثلاث () الموجودة على يمين ترويسة القسم.
  5. انقر على خيار “إعادة التعيين” الموجود بجوار كل إعداد تريد إعادة تعيينه. أو، انقر على “إعادة تعيين الكل” لإعادة تعيين كل تخصيصات الإعدادات.
    • إذا لم تكن “إعادة التعيين” خيارًا، فلا توجد أنماط لإعادة تعيينها.
تم تمييز أقسام الأنماط الفردية باستخدام سهم يشير من إعدادات الحدود والظلال إلى الخيارات المطلوب إعادة تعيينها.
Copied to clipboard!