الصورة ضرورية لكل موقع ويب لجعله جذابًا بصريًا. لهذا السبب يجب أن تتعلم كيفية استخدام كتلة الصورة في WordPress. مثل أي أداة إنشاء صفحات أخرى، تأتي أداة إنشاء الكتل Gutenberg مع كتلة الصورة الأساسية لإضافة الصور.
اليوم سوف نشارككم الدليل الكامل حول كتلة الصورة وفوائدها وخصائصها وكيفية استخدامها. تأكدوا من أن تكونوا معنا من البداية إلى النهاية.
ما هي كتلة الصورة؟
ال كتلة الصورة كتلة أساسية مخصصة مع محرر كتلة WordPress لإضافة الصور. تتيح لك كتلة الصورة إدراج الصور وتحريرها وتخصيصها في المحتوى الخاص بك.
تتيح لك كتلة الصورة الأساسية الاستفادة مما يلي.
- سهولة الاستخدام: كتلة الصورة سهلة الاستخدام حيث يمكن لأي شخص استخدامها دون الحاجة إلى مهارات خاصة. كما أن إضافة الصور باستخدام الكتلة أمر بسيط.
- التخصيص: للتخصيص، يسمح لك بتغيير حجم الصورة، وتعيين محاذاة الصورة، وإضافة تسميات توضيحية، وما إلى ذلك.
- تحسين محركات البحث: بإمكانك إضافة نص بديل لكل صورة باستخدام كتلة الصورة، مما يساعد محركات البحث على فهم صورتك بشكل أفضل.
إنشاء جداول جميلة
مع محرر الكتل
ميزات شريط أدوات كتلة الصورة
يحتوي شريط أدوات كتلة الصورة على العديد من الميزات التي تتيح لك تخصيصه. يتم شرح ميزات شريط أدوات الكتلة أدناه.
- تحويل: يمكنك تحويل هذه الكتلة إلى فقرة أو كود أو أعمدة وما إلى ذلك.
- يجر: يسمح لك بسحب الكتلة المخصصة وإفلاتها في أي مكان.
- مقبض متحرك: يتيح لك تحريك الكتلة الخاصة بك لأعلى ولأسفل.
- محاذاة: يتيح لك خيار المحاذاة تعيين محاذاة الصورة إلى لا شيء، والعرض العريض، والعرض الكامل، واليسار، والمركز، واليمين.
- مرشح دووتون: يتيح لك مرشح Duotone إنشاء تأثير لون ثنائي اللون دون فقدان الصورة الأصلية. مرة أخرى، يمكنك تعيين الظلال والإبرازات باستخدام هذه الميزة.
- الرابط التشعبي: يتيح لك هذا الخيار إضافة روابط للمحتوى المحدد داخل الكتلة.
- اقتصاص: يتيح لك خيار "القص" تكبير الصورة وتغيير نسبة العرض إلى الارتفاع وتدويرها.
- إضافة نص فوق الصورة: يتيح لك هذا إضافة نص فوق الصورة وإضافة كتل أخرى داخل كتلة الصورة. ويؤدي ذلك إلى تحويل كتلة الصورة الى داخل كتلة الغطاء.
- أضف تعليقًا: بإمكانك إضافة ترجمات باستخدام الخيار.
- يستبدل: يتيح لك خيار الاستبدال استبدال صورتك الحالية بالصورة الأخرى.
- المزيد من الخيارات: يقدم المزيد من الخيارات المتعلقة بقسم الكتلة، مثل التكرار والنسخ والتجميع وما إلى ذلك.
كيفية استخدام كتلة الصورة في ووردبريس؟
سنوضح لك كيفية استخدام كتلة الصور في WordPress من خلال بعض الخطوات السهلة أدناه. كل ما عليك فعله هو اتباع الخطوات التالية.
الخطوة 1: إدراج كتلة الصورة
لإدراج كتلة الصورة، توجه إلى منشورك أو صفحتك.
بعد ذلك، انقر فوق إضافة كتلة ("+")" إضافة كتلة رمز (1)، يكتب "صورة"في مربع البحث" (2)، ثم انقر فوق "صورة" (3).
الخطوة 2: إدراج ملف صورتك
يمكنك اختيار أي من هذه الخيارات الثلاثة.
- رفع: يمكنك تحميل ملفات الصور الخاصة بك.
- مكتبة الوسائط: يتيح لك هذا تحديد الصور من مكتبة الوسائط الخاصة بك والتي تم تحميلها مسبقًا.
- إدراج من عنوان URL: يمكنك إدراج الصورة باستخدام الروابط.
كيفية إدراج صورة عبر خيار التحميل
لإدراج ملفات الصور، انقر فوق زر التحميل، ثم حدد صورتك، وانقر فوق فتح. سيتم فتحها في المحرر بعد ذلك.
كيفية إدراج صورة عبر خيار مكتبة الوسائط
انقر فوق زر مكتبة الوسائط، وحدد الصورة، ثم انقر فوق الزر تحديد لإدراج الصورة في المحرر.
كيفية إدراج صورة عبر خيار إدراج صورة من عنوان URL
قم بتحديد زر الإدراج من عنوان URL، وأدخل الرابط، وسيتم عرضه في المحرر.
الخطوة 3: تخصيص الصورة
عندما تقوم بإدراج الصورة في المحرر، يمكنك تغيير حجمها مباشرة من المحرر.
يمكنك أيضًا تعيين خيارات مختلفة من إعدادات الحظر. للوصول إلى إعدادات الحظر، انتقل إلى إعدادات (1) > حاجز (2) > الإعدادات (3).
تحتوي خيارات الإعدادات على ميزات مثل:
- النص البديل: يسمح لك بتعيين نص بديل لأغراض تحسين محركات البحث.
- نسبة العرض إلى الارتفاع: يتيح لك هذا تعيين نسبة العرض إلى الارتفاع لصورتك إلى أصلية، ومربعة، وقياسية، وصورة شخصية، وكلاسيكية، وصورة شخصية كلاسيكية، وعريضة، وطويلة.
- دقة: يمكنك ضبط الدقة على الحجم الكبير، والمتوسط، والمصغر، والحجم الكامل.
- عرض: قم بضبط العرض الذي تريده.
- ارتفاع: قم بتعيين ارتفاع الصورة التي تريدها.
تحتوي أنماط الكتلة على ميزات تصميم أخرى قد تحتاجها عند تصميم كتلة الصورة.
- الأنماط: تتيح لك هذه الميزة تعيين أنماط الصورة إلى افتراضية ومدورة.
- المرشحات: تتيح لك المرشحات تعيين مرشح ثنائي اللون لصورتك دون فقدان أصالتها.
- أبعاد: تتيح لك هذه الميزة تعيين هوامش للصورة الخاصة بك.
- الحدود والظل: بإمكانك إضافة حدود ونصف قطر الحدود لكتلة الصورة باستخدام هذه الميزة.
وهذه هي كيفية استخدام كتلة الصورة وخياراتها.
الأفكار النهائية!
كتلة الصورة في ووردبريس هي أداة سهلة الاستخدام وقوية تساعدك على تحسين المحتوى الخاص بك باستخدام العناصر المرئية. أتقن كل ميزة من ميزات هذه الكتلة واجعل موقعك الإلكتروني جذابًا بصريًا.
تُعد كتلة الصورة مثالية لمشاركة منتجاتك المميزة أو مشاركة الذكريات أو شرح مفهوم ما. كما تساعد أيضًا في جعل صورك تبدو بأفضل شكل.
لذا، في المرة القادمة التي تعمل فيها على مشروع WordPress، استخدم هذه الكتلة المفيدة لرفع مستوى المحتوى الخاص بك.
آمل أن تجد هذا البرنامج التعليمي مفيدًا وسهل المتابعة. في قسم التعليقات أدناه، دعني أسمع تعليقاتك حول البرنامج التعليمي والكتلة.
بالإضافة إلى ذلك، لا تنسى مشاركة هذا على وسائل التواصل الاجتماعي الخاصة بك وإخبار الآخرين عن كتلة الصورة الرائعة هذه.
اقرأ المزيد!
- كيفية استخدام الكتلة المنسقة مسبقًا في WordPress في 3 خطوات سهلة
- كيفية استخدام كتلة الكود في ووردبريس في 3 خطوات بسيطة
- كيفية استخدام كتلة الاقتباس في ووردبريس في 3 خطوات سهلة
- كيفية استخدام كتلة القائمة في ووردبريس
- كيفية استخدام محرر الكتل في WordPress (دليل المبتدئين)
- أفضل 7 إضافات لجدول التسعير في WooCommerce