ال كتلة الصورة في ووردبريس مفيد جدًا عند إدراج وعرض صورة واحدة على موقعك. ولكن إذا كنت ترغب في عرض صور متعددة مرة واحدة، فإن كتلة المعرض هي الخيار الصحيح.
لذلك، يجب عليك تعلم كيفية استخدام كتلة المعرض (gallery block) في ووردبريس. بمجرد إتقان ميزات كتلة المعرض، يمكنك استخدامها لتحسين العناصر المرئية لموقعك، مما يجعله أكثر احترافية وجاذبية.
اليوم، في هذا البرنامج التعليمي، سنناقش كتلة معرض WordPress وميزات شريط الأدوات وخيارات التخصيص وكيفية استخدامها بشكل صحيح. تأكد من متابعتنا من البداية إلى النهاية.
ما هي كتلة معرض WordPress؟
كتلة معرض ووردبريس هو كتلة أساسية في محرر كتل ووردبريس. يسمح لك بإنشاء وعرض مجموعة من الصور في شبكة تنسيق. إنها مثالية لعرض صور الأحداث، وتنظيم الصور في تصميم جذاب، أو تقديم الصور بأقل جهد.
هناك بعض الميزات التي تفيدك عند استخدامك للكتلة. اطلع على هذه الميزات أدناه.
- التخصيص:اضبط الأعمدة والمسافات والتسميات التوضيحية لتناسب تصميمك. يمكنك أيضًا تعيين دقة مختلفة للصور الفردية في المعرض.
- تصميم متجاوب:تتكيف الصور تلقائيًا مع أحجام الشاشات المختلفة لتوفير تجربة سلسة على الهاتف المحمول والكمبيوتر اللوحي وسطح المكتب.
- التكامل المدمج:لا حاجة إلى مكونات إضافية؛ تعمل الكتلة بشكل أصلي في WordPress.
- صديق لمحركات البحثيمكن للنصوص البديلة والشروحات تحسين إمكانية الوصول إلى المحتوى وترتيبه في محركات البحث. يمكنك أيضًا تعيين نص بديل للصور الفردية داخل المعرض.
ميزات شريط أدوات كتلة المعرض
عند إدخال كتلة المعرض، يظهر شريط أدوات في أعلى كتلة المعرض مع ميزات متنوعة لتخصيص المعرض. هذه الميزات موجودة أدناه.
- تحويل: يمكنك تحويل هذه الكتلة إلى كتلة صورة وأعمدة وتفاصيل ومجموعة.
- يجر: يتيح لك سحب الكتلة المخصصة وإفلاتها في أي مكان في المحرر.
- مقبض متحرك: يتيح لك تحريك الكتلة الخاصة بك لأعلى ولأسفل.
- محاذاة: يتيح لك خيار المحاذاة تعيين محاذاة الصورة إلى لا شيء، والعرض العريض، والعرض الكامل، واليسار، والمركز، واليمين.
- وصلة: يتيح لك هذا الخيار إضافة روابط للمحتوى المحدد داخل الكتلة.
- التسمية التوضيحية: بإمكانك إضافة تعليقات توضيحية باستخدام خيار المحرر لكل صورة.
- يضيف: يتيح لك خيار الإضافة إضافة صور جديدة أو تحميلها إلى المعرض.
- المزيد من الخيارات: يقدم المزيد من الخيارات المتعلقة بقسم الكتلة، مثل التكرار والنسخ والتجميع وما إلى ذلك.
كيفية استخدام كتلة المعرض في ووردبريس
استخدام كتلة المعرض في ووردبريس أمر بسيط. فقط اتبع الخطوات التالية:
الخطوة 1: إضافة كتلة المعرض في المحرر
افتح المنشور أو الصفحة، وانقر على أيقونة "+" لإضافة كتلة، ثم ابحث عن "المعرض". حدد كتلة المعرض لإدراجها في منشورك أو صفحتك.
الخطوة 2: تحميل صورك
يمكنك إما تحميل صورك أو تحديد صورك من مكتبة الوسائط.
كيفية إدراج الصور عبر خيار التحميل
لإدراج ملفات الصور، انقر فوق زر التحميل، حدد صورك باستخدام المؤشر بينما الضغط على زر CTRL من لوحة المفاتيح، ثم انقر فوق "فتح". هذا كل شيء. يمكنك رؤية صورك في المحرر.
كيفية إدراج صورة عبر خيار مكتبة الوسائط
انقر فوق زر مكتبة الوسائط، وحدد صورك، ثم انقر فوق زر إنشاء معرض جديد وإدراج معرض لإدراج الصور في المحرر.
عند إدراج جميع الصور في المعرض، يمكنك رؤية جميع ميزات شريط الأدوات الخاصة بكتلة الصورة. يمكنك التحقق من هذه الميزات هنا.
الخطوة 3: تخصيص المعرض
لتخصيص المعرض، انتقل إلى الإعدادات (1) > الكتلة (2) > الإعدادات (3). ستجد خيارات تحديد الأعمدة والدقة وخيارات أخرى.
- الأعمدة: تتيح لك الأعمدة تحديد عدد الصور التي تريد عرضها في محرر الصور. وكلما زاد عدد الصور التي تضيفها، زاد عدد الأعمدة التي ستتم إضافتها إلى المعرض. (4)
- دقة: يمكنك ضبط دقة الصورة على الصورة المصغرة والحجم الكامل. (5)
- قص الصور لتناسب: تحافظ هذه الميزة على نسبة كل صورة وتجعل حجمها مناسبًا.
- ترتيب عشوائي: لا تقوم هذه الميزة بالحفاظ على التسلسل بل تقوم بعرض الصور بتسلسل عشوائي.
يتضمن خيار الأنماط الخيارات التالية.
- لون: يتيح لك خيار اللون تغيير لون الخلفية لكتلة المعرض الخاصة بك.
- أبعاد: يتيح لك خيار الأبعاد تعديل مسافة الكتلة (المسافة بين كتلتين مثل الصور) والهامش والحشو.
- الحدود ونصف القطر: باستخدام هذه الميزة، يمكنك إضافة حدود ولون حدود ونصف قطر حدود إلى معرض الصور الخاص بك.
إليكم العرض التوضيحي الكامل للمعرض الذي قمت بإنشائه.
إنشاء معرض تفاعلي مع Galleryberg
بينما يعتبر معرض الصور الافتراضي ممتازًا للشبكات البسيطة، إلا أنه يفتقر إلى ميزات مثل المعرض المنبثق، وتأثيرات التحويم، والتخطيطات المتنوعة.
إذا كنت تريد معرضًا تفاعليًا أكثر دون كتابة التعليمات البرمجية، جاليري بيرج "بلجن" هو بديل مجاني يوسع محرر الكتل بأدوات إضافية. يتيح لك التبديل بين التخطيطات المربعة، والشبكية، والمبررة، والمربعة، ويضيف نافذة منبثقة مدمجة للتكبير والتنقل.
تتضمن Galleryberg أيضًا تأثيرات تحوم دقيقة وعناصر تحكم متجاوبة، لذا تبدو معارضك حديثة على أجهزة الكمبيوتر المكتبية والهواتف المحمولة.
الآن لِنَرى كيف نستخدم إضافة Galleryberg.
الخطوة 1: تثبيت مُلحق Galleryberg Plugin
انتقل إلى لوحة تحكم ووردبريس الخاصة بك وانتقل إلى الإضافات (Plugins) ← إضافة جديد (Add New) وابحث عن Galleryberg. ثم قم بتثبيت وتفعيل الإضافة.
الخطوة 2: قم بإدراج كتلة معرض Galleryberg
أنشئ منشورًا/صفحة جديدة أو قم بتحرير منشور/صفحة موجودة. انقر فوق الزر “+”، وابحث عن Galleryberg، وأضف الكتلة.
الخطوة 3: أضف صورك
تحميل صور جديدة أو تحديدها من مكتبة الوسائط والنقر على "تحديد".
الخطوة 4: اختر تخطيطاً
افتراضيًا، يستخدم الكتلة تخطيط البلاط. في الشريط الجانبي للكتلة، يمكنك التبديل إلى البناء, مبررأو المربع لمطابقة تصميمك بشكل أفضل.
يعيد كل تنسيق ترتيب الصور تلقائيًا، ويمكنك ضبط الأعمدة والتباعد والحدود.
الخطوة 5: تفعيل اللايت بوكس
تبديل تمكين الضوء في إعدادات الكتلة للسماح للزوار بالنقر على صورة لعرضها في نافذة منبثقة مع التكبير والتنقل بالشرائح.
تتضمن الإضاءة صناديق المفاتيح وعناصر التحكم باللمس، لذا تعمل بسلاسة على أجهزة الكمبيوتر المكتبية والهواتف.
الخطوة 5: استكشف تأثيرات التحويم والتعليقات التوضيحية
استخدم إعدادات التسمية التوضيحية لعرض النص أسفل الصور أو كطبقة شفافة تظهر عند التحويم. تضفي حركات التحويم في Galleryberg (التكبير/التصغير والطبقات الشفافة) على المعرض شعورًا بالتفاعل دون تشتيت الانتباه
الخطوة 6: المعاينة والنشر
بعد الرضا، قم بمعاينة معرضك وانشر المنشور أو حدثه. سيكون معرضك متجاوبًا ومُحسَّنًا للأداء بفضل تقديم المحتوى من جانب الخادم.
لماذا تستخدم Galleryberg بدلاً من الـ Core Block؟
يقدم كتلة المعرض الأساسية تخطيطات شبكية بسيطة ولكنها تفتقر إلى ميزات مثل الإضاءة، وحركات التحويم، والتخطيطات المتنوعة. يوفر Galleryberg أربعة أنماط مختلفة للمعرض، وإضاءة متجاوبة مع التكبير والتنقل بلوحة المفاتيح، وأدوات تحكم بديهية للمسافات والألوان والتسميات التوضيحية. وهو يدعم حتى مؤثرات التحويم المتجاوبة لإضافة حركات لطيفة. إذا كنت بحاجة إلى معرض يشجع الزوار على التفاعل مع صورك ويتناسب بسلاسة مع محرر الكتل، فإن Galleryberg هو حل خفيف وسهل الاستخدام.
الأفكار النهائية!
تُعد Gallery Block أداة قوية مع محرر Gutenberg block. تتيح لك عرض مجموعات الصور الخاصة بك دون الحاجة إلى أي مكونات إضافية.
إنه خيار ممتاز للجميع بسبب مرونته وخيارات التخصيص والتكامل السلس مع WordPress.
جربه وشاهد كيف يمكنه تحويل طريقة عرض الصور على موقع الويب الخاص بك.
أخبرني برأيك حول البرنامج التعليمي في قسم التعليقات أدناه. كما يمكنك إخبار زملائك به من خلال منصة الوسائط الاجتماعية الخاصة بك.
اقرأ المزيد!
