كيفية استخدام وحدات Blurb كعناصر تذييل مع Divi

نشرت: 2021-12-20

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

معاينة

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

سطح المكتب مع عناصر تذييل الوحدات النمطية للدليل البسيط

هذا هو إصدار سطح المكتب للتذييل الذي سننشئه. نحن نستخدم الدعاية المغلوطة في الزاوية اليمنى العليا لإنشاء الروابط.

الهاتف الذي يحتوي على عناصر تذييل الوحدات النمطية للدعاية والإعلان

إليك كيفية ظهور التذييل الذي يحتوي على دعاية مغالى فيها على هاتف ذكي.

قم بتنزيل قالب Divi Footer

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

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

اشترك في قناتنا على اليوتيوب

قم بتحميل قالب Divi Footer الخاص بك

لتحميل ملف JSON الخاص بك ، انتقل إلى Divi > Theme Builder في لوحة معلومات WordPress. حدد قابلية النقل وانقر فوق علامة التبويب استيراد للشروط التي تفتح. انقر فوق اختيار ملف وانتقل إلى الملف الموجود على جهاز الكمبيوتر الخاص بك وحدده. انقر فوق استيراد قوالب Divi Theme Builder وانتظر حتى يتم استيراد الملف. احذف الرأس إذا كنت لا تريد استخدامه. انقر فوق حفظ التغييرات .

أنت الآن جاهز لتخصيص تذييل Divi الجديد الخاص بك. يمكنك تحرير التذييل من هنا في النهاية الخلفية ، أو يمكنك تحديده داخل Visual Builder في الواجهة الأمامية. سأقوم بتحرير التذييل في النهاية الخلفية لأن الرأس يحتوي على قائمة مخصصة ، ويتم فتحه في المنشئ افتراضيًا.

قم بتحميل قالب Divi Footer الخاص بك

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

استخدم وحدات Blurb النمطية كعناصر تذييل

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

استخدم وحدات Blurb النمطية كعناصر تذييل

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

استخدم وحدات Blurb النمطية كعناصر تذييل

افتح إعدادات الصف وحدد تخطيطًا من عمودين .

استخدم وحدات Blurb النمطية كعناصر تذييل

أخيرًا ، احذف وحدة النص التي تتضمن الروابط. نحن بحاجة فقط إلى وحدة العنوان.

استخدم وحدات Blurb النمطية كعناصر تذييل

مرر مؤشر الماوس فوق المنطقة التي تريد إضافة الوحدة إليها وحدد رمز علامة الجمع . اختر وحدة دعاية مغالى فيها من القائمة.

قم بإعداد الوحدة النمطية Blurb

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