الشعار هو تمثيل مرئي قوي للعلامة التجارية. عندما يرتبط عملك بعلامات تجارية أخرى، سواء من خلال الشراكة أو الانتساب، فقد تحتاج إلى عرض شعاراتها على موقع الويب الخاص بك لبناء الثقة والمصداقية بين زوار الويب.
على سبيل المثال، إذا كان لديك موقع ويب خاص بمحفظتك، فيجب عليك عرض شعارات العلامات التجارية التي عملت معها. وينطبق الأمر نفسه على العديد من المواقع الأخرى. يتيح لك WordPress القيام بذلك بطرق مختلفة سهلة وخالية من المتاعب.
في هذا المنشور التعليمي، سنعرض لك طريقتين سهلتين لعرض الشعارات في WordPress، باستخدام مكون إضافي وبدونه. ابدأ!
الطريقة الأولى: بدون مكون إضافي (باستخدام كتلة العمود)
العمود هو كتلة افتراضية لمحرر جوتنبرج.
الخطوة 01: إضافة كتلة العمود إلى المحرر
يضيف كتلة العمود إلى المحرر بالضغط على أيقونة زائد (+).
الخطوة 02: حدد تخطيط العمود
حدد تخطيط العمود. كلما زاد عدد الأعمدة التي تحددها، زاد عدد الشعارات التي يمكنك إضافتها. دعنا نحدد التخطيط 33/33/33.
بمجرد إضافة الكتلة، يمكنك زيادة رقم العمود بشكل أكبر.
للقيام بذلك، انقر ال أيقونة العمود على شريط الأدوات. اذهب الى ال علامة التبويب "الإعدادات". ثم تعال إلى قسم الأعمدة.
أنت تستطيع زيادة العمود nuممبر عن طريق سحب المقياس أو كتابة الرقم مباشرة.
الخطوة 03: إضافة كتلة الصورة إلى الأعمدة بشكل فردي
يمكنك إضافة جميع كتل جوتنبرج الأخرى داخل الأعمدة. انتقل إلى العمود الأول و انقر ال أيقونة زائد (+).
نوع الصورة في مربع البحث. بمجرد ظهور الكتلة، أضفها إلى العمود.
الآن قم بتحميل الشعار سواء من محرك الأقراص المحلي لديك أو من مكتبة الوسائط.
يمكنك أن ترى أننا أضفنا شعارًا إلى كتلة العمود.
الخطوة 04: إضافة الشعارات إلى الأعمدة الأخرى واحدًا تلو الآخر
وبنفس الطريقة، قم بإضافة الشعارات إلى الأعمدة الأخرى للكتلة.
الخطوة 05: تصميم كتلة العمود
لتنميق الكتلة، اذهب الى ال علامة التبويب "الأنماط" على الشريط الجانبي الأيمن.
من خلال التمرير عبر علامة التبويب، تعال الى تباعد الكتلسيسمح لك هذا القسم بإضافة مسافة بين الشعارات عموديًا وأفقيًا. ولكن في هذه الحالة، من الأفضل إضافة المسافات أفقيًا.
ثم، أضف حدودًا حول كتلة العمود بأكملها. يمكنك تغيير لون وعرض الحدود.
للتخصيص على المستوى المتقدم، تحتاج إلى استخدام مكون إضافي تابع لجهة خارجية. سنشرح الطريقة التالية باستخدام مثل هذا المكون الإضافي.
الطريقة الثانية: استخدام البرنامج الإضافي (Tableberg)
Tableberg هو مكون إضافي متعدد الاستخدامات لبناء الجداول وصناديق الأيقونات وصناديق الصور وصناديق الشعارات والمزيد. يمكنك عرض الشعارات بتخصيصات متقدمة على موقع الويب الخاص بك باستخدام هذا المكون الإضافي. احصل عليه من Banner Blow.
إنشاء جداول جميلة
مع محرر الكتل
بمجرد التثبيت، اتبع المخطط الموضح أدناه.
الخطوة 01: إضافة كتلة Tableberg إلى المحرر
يضيف المكون الإضافي كتلة إلى مكتبة كتلة Gutenberg المسماة Tableberg. أضف الكتلة إلى المحرر.
يتعين عليك تحديد خلايا الجدول لعدد الشعارات التي تريد عرضها. ما عليك سوى إنشاء العدد المطلوب من الخلايا من خلال تحديد عدد الصفوف والأعمدة.
على سبيل المثال، نحتاج إلى ثماني خلايا لعرض ثمانية شعارات. اضبط رقم العمود والصف 4*2.
تم إنشاء العدد المطلوب من الخلايا، كما ترى.
الخطوة 02: ابدأ بإضافة الشعارات إلى خلايا Tableberg
يتيح لك Tableberg إضافة عدة كتل مخصصة إلى الخلايا. ابحث عن أضف كتلة الصورة الى خلية.
الآن، تحميل شعار سواء عن طريق التحميل أو من مكتبة الوسائط.
أضف جميع الشعارات الأخرى إلى بقية خلايا Tableberg.
الخطوة 03: تصميم الخلايا
الآن، اذهب الى ال علامة التبويب الأنماط مع الاحتفاظ بالجدول بأكمله محددًا. يمكنك تغيير لون الخلفية بشكل فردي لجميع الصفوف والخلايا. ولكن نظرًا لأننا لا نحتاج إلى ذلك في البرنامج التعليمي، فسوف نترك هذا الخيار.
تعال الى ال تباعد الخلايا يمكنك إضافة مسافات بين أعمدة الشعار رأسياً وأفقياً من خلال التمرير لأسفل علامة التبويب. باستخدام الخيار الموجود أسفل هذا القسم، يمكنك إضافة مسافات بين أعمدة الشعار رأسياً وأفقياً.
تعال إلى حدود الطاولةمن قسم الحدود الداخلية، يمكنك تغيير لون ونصف قطر الحدود.
وبذلك يمكنك إعطاء منظر جمالي لأعمدة الشعار.
خاتمة
Tableberg هو مكون إضافي متعدد الأغراض ومثير للاهتمام، حيث يمكنك إنشاء العديد من التصميمات المذهلة لموقعك على الويب. قبل الخروج، يمكنك استكشاف المزيد من منشورات البرنامج التعليمي حول المكون الإضافي.