نظرة عامة (Overview)
عند إنشاء أو تحرير صفحة ووردبريس أو مقالة مدونة، يمكنك بسهولة إضافة الصور في أي وقت باستخدام أداة رفع الوسائط في ووردبريس. إليك كيفية إضافة صورة خطوة بخطوة باستخدام أداة رفع الوسائط:
الخطوة 1 – وضع مؤشر الكتابة (Step 1 – Placing your cursor)
وضع المؤشر في مكان ظهور الصورة
لكي تتمكن من إضافة صورة إلى صفحتك أو مقالتك، يجب عليك أولاً إدخال مؤشر الكتابة في المكان ضمن النص حيث تريد أن تظهر الصورة. من خلال وضع المؤشر داخل النص، يمكنك إضافة الصور بالتوافق (inline) مع المحتوى الخاص بك. يمكنك أيضًا وضع المؤشر على سطر فارغ إذا كنت تريد أن تظهر الصورة بمفردها.
نصيحة: من الأفضل وضع مؤشر الكتابة على الهامش الأيمن للنص، حتى إذا كنت تريد أن تظهر الصورة على الجانب الأيسر. ويرجع ذلك إلى وجود إعداد خاص يسمى المحاذاة (Alignment) والذي يتيح لك التحكم فيما إذا كانت الصورة تظهر على الجانب الأيمن أو الأيسر من النص. بل إنه يتحكم أيضًا في كيفية تدفق النص حول الصورة تلقائيًا.
الخطوة 2 – النقر فوق زر إضافة وسائط (Step 2 – Click the Add Media button)
بمجرد وضع مؤشر الكتابة على السطر الذي تريد أن تظهر فيه صورتك، انقر فوق زر إضافة وسائط (Add Media) لفتح واجهة أداة رفع الوسائط، ثم حدد خيار إدراج الوسائط (Insert Media) من قائمة الإجراءات الموجودة في الجانب الأيسر من نافذة أداة رفع الوسائط.
زر "إضافة وسائط" أعلى المحرر
الخطوة 3 – إضافة أو اختيار صورتك (Step 3 – Add or Select Your Image)
يمكنك إضافة أو اختيار الصورة التي تريد إضافتها إلى صفحتك أو مقالتك عن طريق اختيار أحد الخيارين التاليين في وسط نافذة رفع الوسائط:
- رفع الملفات (Upload Files): رفع الصورة التي تريد استخدامها من جهاز الكمبيوتر الخاص بك عن طريق سحبها إلى منطقة الرفع.
- مكتبة الوسائط (Media Library): الاختيار من بين أي صور تم رفعها مسبقًا في مكتبة الوسائط بالنقر فوق الصورة التي ترغب في إضافتها إلى صفحتك أو مقالتك.
بمجرد تحديد أو رفع الصورة التي تريد إضافتها، سترى علامة اختيار بجوار الصورة المصغرة لتأكيد تحديدك، وسترى معلومات حولها معروضة في جزء تفاصيل المرفق (Attachment Details) على الجانب الأيمن من واجهة رفع الوسائط.
الخطوة 4 – تفاصيل المرفق (Step 4 – Attachment Details)
تفاصيل المرفق
يعرض جزء تفاصيل المرفق (Attachment Details) صورة مصغرة غير مقصوصة للصورة، بالإضافة إلى معلومات مهمة مثل اسم الملف، تاريخ الرفع، وأبعاد الصورة بالبكسل.
توجد أيضًا روابط إجراءات تتيح لك تعديل الصورة (Edit Image)، والتي تنقلك إلى الصفحة، أو الحذف نهائياً (Delete Permanently) لإزالة الصورة من موقعك.
بالإضافة إلى ذلك، يمكنك تعديل معلومات الوسائط التالية:
- العنوان (Title): عنوان هذه الوسائط.
- التسمية التوضيحية (Caption): التسمية التوضيحية لهذه الصورة. سيتم عرض النص الذي تدخله هنا أسفل الصورة.
- النص البديل (Alternate Text): أدخل النص البديل للصورة، على سبيل المثال: “لوحة الموناليزا” لوصف الوسائط.
- الوصف (Description): وصف لهذه الوسائط المحددة.
لمزيد من المعلومات حول إعدادات الوسائط هذه، راجع صفحة تحرير الوسائط (Edit Media).
الخطوة 5 – إعدادات عرض المرفق (Step 5 – Attachment Display Settings)
إعدادات عرض المرفق
يتحكم جزء إعدادات عرض المرفق (Attachment Display Settings) في كيفية عرض الصورة عند مشاهدتها على الموقع.
لديك خيارات لتحديد كيف تفضل محاذاة الصورة على الصفحة (فيما يتعلق بالنص والهوامش) وما سيكون سلوك ارتباط الصورة، بالإضافة إلى ذلك يمكنك تحديد حجم الصورة الذي ترغب في عرضه على صفحتك.
محاذاة الصورة (Image Alignment)
يتيح لك إعداد المحاذاة (Alignment) تحديد المكان الذي تفضل أن تظهر فيه الصورة في منطقة المحتوى وكيفية تفاعلها مع أي نص على الصفحة. لديك خيارات محاذاة الصور التالية للاختيار من بينها:
- يسار (Left): يضع محاذاة الصورة على الهامش الأيسر، ويتم التفاف (أو تدفق) أي نص موجود على الصفحة حول الصورة إلى المساحة المتوفرة على الجانب الأيمن.
- يمين (Right): يضع محاذاة الصورة على الهامش الأيمن، ويتم التفاف (أو تدفق) أي نص موجود على الصفحة حول الصورة إلى المساحة المتوفرة على الجانب الأيسر.
- توسيط (Center): يحاذي الصورة في وسط الصفحة، مع عدم عرض أي نص حولها.
- بلا (None): يدرج الصورة في الصفحة بدون أي محاذاة.
محاذاة الصور باستخدام أدوات المحرر
رابط الصورة (Image Link)
تحدد إعدادات الارتباط إلى (Link To) عنوان URL/عنوان الويب الذي سترتبط به الصورة عند النقر عليها من قبل زار موقعك. يمكنك تحديد إعدادات ارتباط الصورة التالية:
- صفحة المرفق (Attachment Page): يربط صورتك المدرجة بصفحة مرفق الوسائط الخاصة بها في ووردبريس.
- ملف الوسائط (Media File): يربط صورتك المدرجة مباشرة بالنسخة الأصلية كاملة الحجم من الملف.
- رابط مخصص (Custom URL): يتيح لك تعيين عنوان URL مخصص لرابط صورتك المدرجة لترتبط به عند النقر عليها.
- بلا (None): سيؤدي هذا الإعداد إلى إزالة الرابط تمامًا، مما يجعل الصورة “غير قابلة للنقر”.
حجم الصورة (Image Size)
تحدد إعدادات الحجم (Size) حجم الصورة التي تضيفها إلى موقعك. بشكل افتراضي، ينشئ ووردبريس نطاقًا يتكون من أربعة أحجام للصور لتختار من بينها:
- صورة مصغرة (Thumbnail): يعرض نسخة صغيرة بحجم الصورة المصغرة من صورتك على الصفحة/المقالة. لاحظ أنه بشكل افتراضي، يكون حجم الصورة المصغرة مربعًا، لذلك قد تحدث بعض عملية القص لصورتك الأصلية.
- متوسط (Medium): يعرض نسخة متوسطة الحجم من صورتك على الصفحة/المقالة. هذا حجم جيد للاستخدام مع المحاذاة اليسرى/اليمنى، لأنه يترك مساحة كافية لنص مقروء على كلا الجانبين.
- كبير (Large): يعرض نسخة كبيرة الحجم من صورتك على الصفحة/المقالة. ملاحظة: سيحدد ووردبريس عرض عمود المحتوى لقالبك، ويعرض أكبر صورة ممكنة لتلك المساحة.
- الحجم الكامل (Full Size): يعرض نسخة بالحجم الكامل من صورتك على الصفحة/المقالة. ملاحظة: سيحدد ووردبريس عرض عمود المحتوى لقالبك، ويعرض أكبر صورة ممكنة لتلك المساحة. إذا كانت صورتك الأصلية أكبر من عرض العمود، فقد لا يتم عرض الحجم الكامل للصورة.
أحجام صور مختلفة
يمكنك زيارة قسم الإعدادات > الوسائط (Settings > Media) في لوحة تحكم ووردبريس لتخصيص أحجام الصور المذكورة أعلاه.
الخطوة 5 – إدراج الصورة (Step 5 – Inserting the image)
خيار تعديل الصورة
بمجرد تحديد إعدادات صورتك، انقر فوق زر إدراج في المقالة (Insert into post) أو إدراج في الصفحة (Insert into the page) الأزرق، لإضافة الصورة إلى صفحتك أو مقالتك. بعد إغلاق نافذة رفع الصور، ستري الصورة في نافذة محرر النصوص، بما في ذلك معاينة محاذاة الصورة، إذا كنت قد حددت محاذاة للصورة.
في أي وقت، يمكنك تعديل إعدادات الصورة بالنقر فوق زر تعديل الصورة (Edit Image) في الزاوية العلوية اليسرى. يمكنك إزالة الصورة من صفحتك/مقالتك بالنقر فوق زر إزالة الصورة (Remove Image).
قراءات إضافية (Further reading)
- شاشة إضافة وسائط جديدة (Media Add New Screen)
- تحرير الوسائط (Edit Media)
- شاشة مكتبة الوسائط (Media library screen)
- شاشة إعدادات الوسائط (Settings Media Screen)
- استخدام الصور (Use Images)
- استخدام مرفقات الصور والملفات (Use image and file attachments)
- حجم الصورة وجودتها (Image Size and Quality)
- إدراج الصور في المنشورات والصفحات (محرر الكتل) (Inserting Images into Posts and Pages (Block Editor))
