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