كيفية إضافة وحدة شهادة على Divi Builder

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

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

حدد موقع وحدة الشهادة في قائمة الوحدات وانقر عليها لإضافتها إلى صفحتك. قائمة الوحدات قابلة للبحث ، مما يعني أنه يمكنك أيضًا كتابة "شهادة" ثم الضغط على إدخال للبحث تلقائيًا عن وحدة الشهادة وإضافتها! بمجرد إضافة الوحدة ، سيتم الترحيب بك من خلال قائمة خيارات الوحدة. تنقسم هذه الخيارات إلى ثلاث مجموعات رئيسية: محتويات , تصور et متقدم .

مثال حالة الاستخدام: قسم الشهادات لصفحة منتج

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

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

قم بتحديث إعدادات وحدة التزكية بما يلي:

علامة تبويب المحتوى

اسم المؤلف: [أدخل الاسم]
عنوان المقال: [أدخل العنوان]
اسم الشركة: [أدخل الشركة]
المحتوى: [أدخل محتوى الشهادة]
عنوان URL للصورة العمودية: [تنزيل صورة 90 × 90]
رمز الاقتباس
:

علامة تبويب التصميم

لون النص: الضوء
اتجاه النص:
هيئة فيلق الشرطة: Roboto Light
حجم خط الجسم: 20px
ارتفاع خط الجسم: 1.5em

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

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

هذا كل شيئ.

معلمات محتوى وحدة التزكية

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

نص

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

صورة

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

امتياز

هنا يمكنك إضافة عنوان URL للمؤلف أو الشركة والتحكم في فتحه.

عناصر

هنا يمكنك اختيار إظهار أو إخفاء رمز الاقتباس.

السياق

هنا يمكنك اختيار إضافة لون خلفية أو صورة لشهادتك.

علامة المسؤول

في هذه القائمة المنسدلة ، يمكنك إضافة تسمية المسؤول التي ستظهر في المنشئ بلوحة القيادة ، وكذلك في عرض المنشئ المرئي.

المعلمات تصميم وحدة شهادة

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

أيقونة اقتباس

هذا هو المكان الذي يمكنك فيه ضبط لون رمز الاقتباس.

صورة

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

نص

تسمح لك هذه الإعدادات بتغيير لون النص واتجاهه.

نص النص

تسمح لك هذه الإعدادات بضبط الخط والوزن والحجم واللون والتباعد وارتفاع الخط والمزيد.

الحدود

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

مباعدة

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

المعلمات المتقدمة من وحدة التزكية

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

[vc_row center_row = "نعم"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" expand "align =" center "font_family =" Raleway "font_weight =" 700 ″ style = "flat" custom_background = ”# 18b69d” custom_hover_background = ”# 118d7a” custom_color = ”# ffffff” custom_hover_color = ”# ffffff” icon_right = ”fa fa-download”] DOWNLOAD DIVI THEME [/ vcex_button] [/ width_column] [= vc_column] / 1 ″] [vcex_button url = ”https://www.elegantthemes.com/affiliates/idevaffiliate.php؟id=2&url=23065&tid40632=tutorials” target = ”blank” layout = ”توسيع” align = ”center” font_family = ”Raleway” font_weight = ”1 ″ style =” flat ”custom_background =” # c700e ”custom_hover_background =” # 4226d8f ”custom_color =” # ffffff ”custom_hover_color =” # ffffff ”icon_right =” fa fa-download ”] تنزيل TEMPLATES DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

كيفية تكوين الوحدة النمطية للتزكية على Divi Builder

مثال حالة الاستخدام: قسم الشهادات لصفحة منتج

معلمات محتوى وحدة التزكية

نص