اختيار الصورة من الجهاز - كتاب المهارات الرقمية - الصف 9 - الفصل 1 - المملكة العربية السعودية

📚 إدراج وتنسيق الصور في ووردبريس

المفاهيم الأساسية

النص البديل: وصف النص من الصورة (إعداد في لوحة المكون الجانبية).

خريطة المفاهيم

```markmap

إنشاء متجر إلكتروني باستخدام LocalWP

مرحلة التخطيط

تحديد الهدف من المتجر

اختيار اسم المجال

مرحلة التصميم

إنشاء نموذج أولي

تحرير صفحات المتجر الإلكتروني

#### حذف بعض الصفحات

#### تحرير صفحة "حول"

##### الوصول للوحة تحكم ووردبريس

##### تغيير اسم "صفحة النموذج" إلى "حول"

#### تصميم الصفحة الرئيسية

##### تضمين قائمة التنقل

##### تضمين شعار واسم المتجر

##### تغيير صورة الصفحة الرئيسة

###### من قسم "صفحات"، انتقل إلى "الصفحة الرئيسة" ثم اضغط على "تحرير"

###### اضغط على مُكوّن الصورة، ثم اضغط على زر "استبدال"

###### اضغط على زر "رفع"، واختر الصورة، ثم اضغط على "فتح"

###### اضغط على زر "محاذاة"، ثم اضغط على "عرض واسع"

###### اضغط على زر "تبديل الارتفاع الكامل"، وغير "عامة الغشاء" من قسم "اللون"

#### إدارة الصفحات في لوحة التحكم

##### تسجيل الدخول إلى لوحة التحكم

###### نموذج تسجيل الدخول

###### رسالة خطأ عند إدخال كلمة مرور خاطئة

##### عرض قائمة الصفحات

###### تصفية الصفحات حسب الحالة (الكل، المنشورة، المسودات)

###### البحث في الصفحات

###### عرض تفاصيل الصفحة (العنوان، الكاتب، التاريخ)

##### إضافة صفحة جديدة

##### تحرير صفحة موجودة

###### تعديل عنوان الصفحة ومحتواها

###### تحديد صفحة رئيسية وترتيبها

###### اختيار قالب الصفحة

###### التحكم في السماح بالتعليقات

###### تحديد حالة الصفحة (نشر، مسودة) ورؤيتها

###### معاينة الصفحة وحفظها

#### إدراج صورة جديدة في المحرر

##### اختيار الصورة من الجهاز

###### اختيار ملف الصورة (مثل Riyadh_Saudi_Arabia.jpg) من مجلد الصور

##### فتح الصورة

###### الضغط على زر 'Open' (فتح) لإدراج الصورة في المحرر

##### تغيير عرض الصورة

###### من قائمة خيارات المحاذاة والعرض، اختيار 'عرض واسع' (أقصى عرض 1200px)

##### استخدام أيقونة المحاذاة

###### النقر على أيقونة تغيير المحاذاة في شريط أدوات المكون العلوي

##### ضبط إعدادات المكون الجانبية

###### ضبط النص البديل وحجم الصورة من القائمة الجانبية اليسرى

###### الضغط على زر تحديث (Update) لحفظ التغييرات

```

نقاط مهمة

• خطوات إدراج صورة: اختيار الملف → فتحه → تحديد عرضه (مثل "عرض واسع") → ضبط إعداداته (النص البديل والحجم).
• يجب الضغط على زر تحديث (Update) لحفظ أي تغييرات تُجرى على إعدادات الصورة.
• يمكن التحكم في حجم الصورة عبر منزلق الحجم في الإعدادات الجانبية أو عبر خيارات العرض المحددة مسبقاً (مثل XXL, XL, L, M, S).

الخطوة 5: اختيار ملف الصورة 'Riyadh_Saudi_Arabia.jpg' من مجلد الصور في الجهاز.

الخطوة 6: الضغط على زر 'Open' (فتح) لإدراج الصورة المختارة في المحرر.

الخطوة 7: من قائمة خيارات المحاذاة والعرض، اختر 'عرض واسع' (أقصى عرض 1200px).

الخطوة 8: النقر على أيقونة تغيير المحاذاة في شريط أدوات المكون العلوي.

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

لا تنسَ الضغط على زر تحديث (Update) لحفظ التغييرات.

وزارة التعليم، Ministry of Education، 2025 - 1447، صفحة 249

--- SECTION: اختيار الصورة من الجهاز --- الخطوة 5: اختيار ملف الصورة 'Riyadh_Saudi_Arabia.jpg' من مجلد الصور في الجهاز. --- SECTION: فتح الصورة --- الخطوة 6: الضغط على زر 'Open' (فتح) لإدراج الصورة المختارة في المحرر. --- SECTION: تغيير عرض الصورة --- الخطوة 7: من قائمة خيارات المحاذاة والعرض، اختر 'عرض واسع' (أقصى عرض 1200px). --- SECTION: أيقونة المحاذاة --- الخطوة 8: النقر على أيقونة تغيير المحاذاة في شريط أدوات المكون العلوي. --- SECTION: إعدادات المكون الجانبية --- الخطوة 9: ضبط إعدادات المكون من القائمة الجانبية اليسرى، بما في ذلك النص البديل وحجم الصورة. لا تنسَ الضغط على زر تحديث (Update) لحفظ التغييرات. وزارة التعليم، Ministry of Education، 2025 - 1447، صفحة 249 --- VISUAL CONTEXT --- **IMAGE**: Untitled Description: لقطة شاشة لنافذة 'Open' في نظام ويندوز تعرض مجلد الصور. تظهر ملفات باسم Al Masmak.png و Jeddah.png و Riyadh_Saudi_Arabia.jpg و Riyadh.png. الملف Riyadh_Saudi_Arabia.jpg محدد (عليه دائرة زرقاء رقم 5). يظهر تلميح (Tooltip) للملف المختار يوضح نوعه JPG وأبعاده 640x427 وحجمه 97.6 KB. الدائرة الزرقاء رقم 6 تشير إلى زر 'Open' في أسفل النافذة. Key Values: File name: Riyadh_Saudi_Arabia.jpg, Dimensions: 640 x 427, Size: 97.6 KB **IMAGE**: Untitled Description: لقطة شاشة مكبرة لقائمة منسدلة في محرر ووردبريس (Gutenberg) تظهر خيارات المحاذاة والعرض لمكون الصورة. الخيارات المتاحة هي: بدون، أقصى عرض 650px، عرض واسع (أقصى عرض 1200px)، عرض كامل، محاذاة لليسار، محاذاة للوسط، محاذاة لليمين. الدائرة الزرقاء رقم 7 تشير إلى خيار 'عرض واسع'. Key Values: عرض واسع, أقصى عرض 1200px **IMAGE**: Untitled Description: لقطة شاشة كاملة لواجهة محرر ووردبريس. تظهر في الأعلى أيقونات التحكم بالمكون، حيث تشير الدائرة رقم 8 إلى أيقونة المحاذاة. في الجانب الأيمن (حسب الواجهة العربية) تظهر لوحة إعدادات المكون (Block Settings) التي تشير إليها الدائرة رقم 9، وتحتوي على حقل 'وصف النص من الصورة' ومنزلق لضبط الحجم (القيمة الظاهرة 30) وخيارات الحجم (XXL, XL, L, M, S). Key Values: حجم الصورة: 30, النص البديل: وصف النص من الصورة