كيفية عرض الشعارات في WordPress (مع/بدون مكون إضافي)

كيفية عرض الشعارات في WordPress (مع/بدون مكون إضافي)

الشعار هو تمثيل مرئي قوي للعلامة التجارية. عندما يرتبط عملك بعلامات تجارية أخرى، سواء من خلال الشراكة أو الانتساب، فقد تحتاج إلى عرض شعاراتها على موقع الويب الخاص بك لبناء الثقة والمصداقية بين زوار الويب.

على سبيل المثال، إذا كان لديك موقع ويب خاص بمحفظتك، فيجب عليك عرض شعارات العلامات التجارية التي عملت معها. وينطبق الأمر نفسه على العديد من المواقع الأخرى. يتيح لك WordPress القيام بذلك بطرق مختلفة سهلة وخالية من المتاعب.

في هذا المنشور التعليمي، سنعرض لك طريقتين سهلتين لعرض الشعارات في WordPress، باستخدام مكون إضافي وبدونه. ابدأ!

الطريقة الأولى: بدون مكون إضافي (باستخدام كتلة العمود)

العمود هو كتلة افتراضية لمحرر جوتنبرج.

الخطوة 01: إضافة كتلة العمود إلى المحرر

يضيف كتلة العمود إلى المحرر بالضغط على أيقونة زائد (+).

أضف كتلة الأعمدة إلى المحرر

الخطوة 02: حدد تخطيط العمود

حدد تخطيط العمود. كلما زاد عدد الأعمدة التي تحددها، زاد عدد الشعارات التي يمكنك إضافتها. دعنا نحدد التخطيط 33/33/33.

حدد تخطيط العمود

بمجرد إضافة الكتلة، يمكنك زيادة رقم العمود بشكل أكبر.

للقيام بذلك، انقر ال أيقونة العمود على شريط الأدواتاذهب الى ال علامة التبويب "الإعدادات". ثم تعال إلى قسم الأعمدة.

أنت تستطيع زيادة العمود nuممبر عن طريق سحب المقياس أو كتابة الرقم مباشرة.

زيادة عدد الاعمدة

الخطوة 03: إضافة كتلة الصورة إلى الأعمدة بشكل فردي

يمكنك إضافة جميع كتل جوتنبرج الأخرى داخل الأعمدة. انتقل إلى العمود الأول و انقر ال أيقونة زائد (+).

نوع الصورة في مربع البحث. بمجرد ظهور الكتلة، أضفها إلى العمود.

إضافة كتلة الصورة إلى الأعمدة بشكل فردي

الآن قم بتحميل الشعار سواء من محرك الأقراص المحلي لديك أو من مكتبة الوسائط.

تحميل الشعار إلى كتلة عمود جوتنبرج

يمكنك أن ترى أننا أضفنا شعارًا إلى كتلة العمود.

تمت إضافة الشعار إلى كتلة العمود

الخطوة 04: إضافة الشعارات إلى الأعمدة الأخرى واحدًا تلو الآخر

وبنفس الطريقة، قم بإضافة الشعارات إلى الأعمدة الأخرى للكتلة.

إضافة الشعارات إلى الأعمدة الأخرى

الخطوة 05: تصميم كتلة العمود

لتنميق الكتلة، اذهب الى ال علامة التبويب "الأنماط" على الشريط الجانبي الأيمن.

قم بتصميم كتلة العمود بعد إضافة الشعارات

من خلال التمرير عبر علامة التبويب، تعال الى تباعد الكتلسيسمح لك هذا القسم بإضافة مسافة بين الشعارات عموديًا وأفقيًا. ولكن في هذه الحالة، من الأفضل إضافة المسافات أفقيًا.

ثم، أضف حدودًا حول كتلة العمود بأكملها. يمكنك تغيير لون وعرض الحدود.

إضافة مسافة بين العمود والحدود

للتخصيص على المستوى المتقدم، تحتاج إلى استخدام مكون إضافي تابع لجهة خارجية. سنشرح الطريقة التالية باستخدام مثل هذا المكون الإضافي.

الطريقة الثانية: استخدام البرنامج الإضافي (Tableberg)

Tableberg هو مكون إضافي متعدد الاستخدامات لبناء الجداول وصناديق الأيقونات وصناديق الصور وصناديق الشعارات والمزيد. يمكنك عرض الشعارات بتخصيصات متقدمة على موقع الويب الخاص بك باستخدام هذا المكون الإضافي. احصل عليه من Banner Blow.

إنشاء جداول جميلة
مع محرر الكتل

بمجرد التثبيت، اتبع المخطط الموضح أدناه.

الخطوة 01: إضافة كتلة Tableberg إلى المحرر

يضيف المكون الإضافي كتلة إلى مكتبة كتلة Gutenberg المسماة Tableberg. أضف الكتلة إلى المحرر.

أضف كتلة TableBerg إلى محرر Gutenberg الخاص بك

يتعين عليك تحديد خلايا الجدول لعدد الشعارات التي تريد عرضها. ما عليك سوى إنشاء العدد المطلوب من الخلايا من خلال تحديد عدد الصفوف والأعمدة.

على سبيل المثال، نحتاج إلى ثماني خلايا لعرض ثمانية شعارات. اضبط رقم العمود والصف 4*2.

حدد عدد الصفوف والأعمدة

تم إنشاء العدد المطلوب من الخلايا، كما ترى.

الخلايا التي تم إنشاؤها لعرض الشعارات

الخطوة 02: ابدأ بإضافة الشعارات إلى خلايا Tableberg

يتيح لك Tableberg إضافة عدة كتل مخصصة إلى الخلايا. ابحث عن أضف كتلة الصورة الى خلية.

إضافة الشعارات إلى خلايا Tableberg

الآن، تحميل شعار سواء عن طريق التحميل أو من مكتبة الوسائط.

تمت إضافة الشعار إلى الخلية Tableberg

أضف جميع الشعارات الأخرى إلى بقية خلايا Tableberg.

أضف جميع الشعارات إلى خلايا Tableberg

الخطوة 03: تصميم الخلايا

الآن، اذهب الى ال علامة التبويب الأنماط مع الاحتفاظ بالجدول بأكمله محددًا. يمكنك تغيير لون الخلفية بشكل فردي لجميع الصفوف والخلايا. ولكن نظرًا لأننا لا نحتاج إلى ذلك في البرنامج التعليمي، فسوف نترك هذا الخيار.

قم بتصميم الشعارات المعروضة باستخدام Tableberg

تعال الى ال تباعد الخلايا يمكنك إضافة مسافات بين أعمدة الشعار رأسياً وأفقياً من خلال التمرير لأسفل علامة التبويب. باستخدام الخيار الموجود أسفل هذا القسم، يمكنك إضافة مسافات بين أعمدة الشعار رأسياً وأفقياً.

إضافة مسافة بين خلايا الشعار

تعال إلى حدود الطاولةمن قسم الحدود الداخلية، يمكنك تغيير لون ونصف قطر الحدود.

إضافة لون الحدود ونصف القطر

وبذلك يمكنك إعطاء منظر جمالي لأعمدة الشعار.

خاتمة

Tableberg هو مكون إضافي متعدد الأغراض ومثير للاهتمام، حيث يمكنك إنشاء العديد من التصميمات المذهلة لموقعك على الويب. قبل الخروج، يمكنك استكشاف المزيد من منشورات البرنامج التعليمي حول المكون الإضافي.



فريق Tableberg