📚 إضافة الصور
المفاهيم الأساسية
مفهوم صفر نفايات: التخلص من المنتجات المهدرة أو غير الضرورية.
خريطة المفاهيم
```markmap
إنشاء متجر إلكتروني باستخدام LocalWP
مرحلة التخطيط
تحديد الهدف من المتجر
اختيار اسم المجال
مرحلة التصميم
إنشاء نموذج أولي
تحرير صفحات المتجر الإلكتروني
#### حذف بعض الصفحات
#### تحرير صفحة "حول"
##### الوصول للوحة تحكم ووردبريس
##### تغيير اسم "صفحة النموذج" إلى "حول"
##### خطوات تحرير صفحة "حول"
###### 1. من لوحة التحكم (Dashboard)، اضغط على قسم صفحات (Pages)، وابحث عن صفحة حول (About)، ثم اضغط على زر تحرير (Edit).
###### 2. حدد النص واحذفه لإضافة النص الذي تريده.
###### 3. اكتب بعض المعلومات عن المتجر ثم غير خلفية (Background) الخاصة بالمكون.
###### 4. أضف معلومات "اتصل بنا" (Contact us) بنفس الطريقة.
#### تصميم الصفحة الرئيسية
##### تضمين قائمة التنقل
##### تضمين شعار واسم المتجر
##### تغيير صورة الصفحة الرئيسة
###### من قسم "صفحات"، انتقل إلى "الصفحة الرئيسة" ثم اضغط على "تحرير"
###### اضغط على مُكوّن الصورة، ثم اضغط على زر "استبدال"
###### اضغط على زر "رفع"، واختر الصورة، ثم اضغط على "فتح"
###### اضغط على زر "محاذاة"، ثم اضغط على "عرض واسع"
###### اضغط على زر "تبديل الارتفاع الكامل"، وغير "عامة الغشاء" من قسم "اللون"
##### إضافة رسالة ترحيبية إلى الصفحة الرئيسية
###### تحرير نص في موقع المتحرر الإلكتروني
####### 1. انتقل إلى المكون الذي تريد تحريره، واضغط على زر "محاولة استعادة مكون" الخاص بالرئيسية.
####### 2. اكتب النص الذي سيظهر في الصفحة الرئيسية (مثل: "مرحباً بك في متجرنا الإلكتروني").
####### 3. حدد النص، ثم اجعله عريضاً (Bold).
####### 4. حدد المكونات الأخرى من الصفحة إذا كنت لا تريد استخدامها، واضغط على زر "الخيارات".
####### 5. اضغط على "إزالة المكون (فقرة)".
####### 6. اضغط على "Remove Media & Text (فقرة)".
#### إدارة الصفحات في لوحة التحكم
##### تسجيل الدخول إلى لوحة التحكم
###### نموذج تسجيل الدخول
###### رسالة خطأ عند إدخال كلمة مرور خاطئة
##### عرض قائمة الصفحات
###### تصفية الصفحات حسب الحالة (الكل، المنشورة، المسودات)
###### البحث في الصفحات
###### عرض تفاصيل الصفحة (العنوان، الكاتب، التاريخ)
##### إضافة صفحة جديدة
##### تحرير صفحة موجودة
###### تعديل عنوان الصفحة ومحتواها
###### تحديد صفحة رئيسية وترتيبها
###### اختيار قالب الصفحة
###### التحكم في السماح بالتعليقات
###### تحديد حالة الصفحة (نشر، مسودة) ورؤيتها
###### معاينة الصفحة وحفظها
#### إدراج صورة جديدة في المحرر
##### اختيار الصورة من الجهاز
###### اختيار ملف الصورة (مثل Riyadh_Saudi_Arabia.jpg) من مجلد الصور
##### فتح الصورة
###### الضغط على زر 'Open' (فتح) لإدراج الصورة في المحرر
##### تغيير عرض الصورة
###### من قائمة خيارات المحاذاة والعرض، اختيار 'عرض واسع' (أقصى عرض 1200px)
##### استخدام أيقونة المحاذاة
###### النقر على أيقونة تغيير المحاذاة في شريط أدوات المكون العلوي
##### ضبط إعدادات المكون الجانبية
###### ضبط النص البديل وحجم الصورة من القائمة الجانبية اليسرى
###### الضغط على زر تحديث (Update) لحفظ التغييرات
#### تحويل صفحة إلى مسودة
##### خيارات إدارة المكونات
###### إلغاء المزيد من الإعدادات
###### تحديد المكون الأب (غلاف)
###### نسخ المكون
###### تكرار
###### إدراج قبل
###### إدراج بعد
###### نقل إلى
###### تحرير كـ HTML
###### تأمين
###### تجميع
###### إزالة المكون (فقرة)
##### إعدادات الصفحة العامة
###### التاريخ والوقت (مثال: 15 مارس 2023، 11:16، UTC+0)
###### النشر على نطاق محلي (مثال: my-giftshop.local)
###### إعدادات الرابط
###### إعدادات النموذج (مثال: Saad، كتاب)
###### إعدادات المراجعات
###### الصورة البارزة
###### مناقشة
###### خصائص السمة
#### إعدادات المكونات والصفحة
##### خيارات زر الإعداد (Setting)
###### المكونات
###### صفحة
###### ابدأ ببناء مكونات لكل الحكايا
###### فترة
###### اللون
###### نص
###### خلفية
###### رابط
###### الخطوط
###### حجم التراصي
####### XXL
####### XL
####### L
####### M
####### S
###### أبعاد
##### محتوى صفحة "متجرنا"
###### يبيع ملابس وإكسسوارات مصنوعة يدوياً في السعودية وصديقة للبيئة
###### تشجيع ودعم الحرفيين
###### مفهوم صفر نفايات: التخلص من المنتجات المهدرة أو غير الضرورية
###### جميع المنتجات مصممة ومصنعة 100% في السعودية
##### محتوى صفحة "اتصل بنا"
###### التواصل عبر وسائل التواصل الاجتماعي
#### إضافة صورة في صفحة "حول"
##### 1. اضغط على زر "إضافة مكون" (Add Block)، ثم اختر خيار "صورة" (Image).
##### 2. اضغط على زر "رفع" (Upload)، اختر الصورة، ثم اضغط على "فتح" (Open).
##### 3. اضغط على أداة "قص" (Crop)، اختر نسبة العرض إلى الارتفاع "مربع" (Square)، ثم اضغط على "تطبيق" (Apply).
##### 4. من زر "محاذاة" (Align)، اختر "عرض واسع" (Wide width).
```
نقاط مهمة
- الغرض من إضافة الصورة هو جعل صفحة "حول" أكثر جاذبية.
- يمكن إضافة صورة عن طريق رفع ملف من الجهاز، أو اختيارها من مكتبة الوسائط، أو إدراجها من رابط URL.
- من المهم قص الصورة وتعديل محاذاتها لتناسب تصميم الصفحة.