قبل از اینکه بتوانید یک ماژول گواهی به صفحه خود اضافه کنید، ابتدا باید به Divi Builder دسترسی داشته باشید. از وقتی که تم دیوی در وب سایت خود نصب شده است، متوجه یک دکمه خواهید شد از Divi ساز استفاده کنید در هر زمان که صفحه جدیدی ایجاد کردید ، بالای ویرایشگر پست قرار بگیرید. بر روی این دکمه کلیک کنید تا Divi Builder فعال شود و به همه ماژول های ارائه شده دسترسی پیدا کنید. سپس بر روی دکمه کلیک کنید از Visual Builder استفاده کنید برای شروع ژنراتور در حالت تصویری. همچنین می توانید بر روی دکمه کلیک کنید ویژوال ساز را فعال کنید اگر به داشبورد وردپرس خود متصل هستید ، وب سایت خود را در پیش زمینه مرور می کنید.

از سازنده ویژوال دوو استفاده کنید

پس از ورود به Visual Builder ، می توانید بر روی دکمه خاکستری بعلاوه کلیک کنید تا یک ماژول جدید به صفحه خود اضافه کنید. ماژول های جدید فقط می توانند در داخل ردیف ها اضافه شوند. اگر صفحه جدیدی را شروع می کنید ، به یاد داشته باشید که ابتدا یک ردیف به صفحه خود اضافه کنید.

ماژول وردپرس

ماژول گواهی را در لیست ماژول ها پیدا کرده و بر روی آن کلیک کنید تا به صفحه شما اضافه شود. لیست ماژول ها قابل جستجو است ، به این معنی که شما همچنین می توانید "توصیف نامه" را تایپ کنید و سپس enter را فشار دهید تا به طور خودکار ماژول توصیف جستجو شود و اضافه شود! پس از اضافه شدن ماژول ، لیست گزینه های ماژول به شما خوش آمد می گوید. این گزینه ها به سه گروه اصلی تقسیم می شوند: محتویات , تصور et پیشرفته .

از مثال موردی استفاده کنید: بخش توصیف نامه برای یک صفحه محصول

افزودن بخش گواهینامه یکی از بهترین راه ها برای این کار است ترویج محصول یا خدمات شما برای این مثال، من به شما نشان خواهم داد که چگونه از ماژول Testimonial برای ایجاد یک بخش گواهی در پایین صفحه فرود استفاده کنید. ترویج محصول یا خدمات شما عنوان بخش گواهینامه "مشتریان خوشحال" است. داشتن عنوانی مؤثر که هم خلاقانه و هم مرتبط باشد، مهم است. هر سه توصیفات کوتاه در یک طرح سه ستونی به دنبال یک دکمه CTA در پایین صفحه هستند.

محتوای مثال با توصیفات divi

برای افزودن بخش توصیفات به صفحه ، از سازنده ویژوال برای اضافه کردن یک بخش استاندارد با یک ردیف سه ستون استفاده کنید. سپس یک ماژول توصیف به اولین ستون ردیف خود اضافه کنید.

بخش شهادت Diviتنظیمات ماژول Testimonial را با موارد زیر به روز کنید:

برگه محتوا

نام نویسنده: [نام را وارد کنید]
عنوان مقاله: [عنوان را وارد کنید]
نام شرکت: [شرکت را وارد کنید]
محتوا: [محتوای گواهی را وارد کنید]
آدرس تصویر پرتره: [آپلود تصویر 90×90]
نماد نقل قول
:

برگه طراحی

رنگ متن: نور
جهت گیری متن:
پلیس بدن: Roboto Light
اندازه فونت بدن: 20px
ارتفاع خط بدن: 1.5em

Divi وردپرس نمونه گواهیاکنون که اولین ماژول توصیفی خود را ایجاد کرده اید ، آن را دو بار کپی کرده و ماژول های تکراری را بکشید تا ستون های دوم و سوم پر شود.

نمونه ای از شهادت divi

از آنجا که تمام پارامترهای طراحی به ماژول های تکراری در سطرهای دوم و سوم منتقل شده اند ، می توانید به سادگی به عقب برگردید و محتویات هر یک را به روز کنید.

این همه

پارامترهای محتوای ماژول Testimonial

پارامتر محتوای ماژول diviتنظیمات موجود در برگه محتوا به گروه هایی تقسیم می شوند که می توانید برای مشاهده گزینه های بیشتر باز کنید. این کار پیدا کردن تنظیمات مورد نظر شما را برای شما بسیار آسان تر می کند. همچنین می توانید از نوار جستجو در بالا برای یافتن همه برگه های تنظیمات به صورت همزمان برای تنظیمات مورد نظر خود استفاده کنید. این شما را مستقیم به اصل موضوع می رساند!

متن

این جایی است که شما می توانید نام نویسنده گواهی نامه ، عنوان مقاله ، شرکت و محتوای خود گواهی نامه را اضافه کنید.

تصویر

اگر عکس پروفایل یا نوع دیگری از تصویر را همراه داشته باشید تا با گواهی خود همراه شوید ، اینجاست که آن را اضافه می کنید.

پیوند

در اینجا می توانید آدرس نویسنده یا شرکت را اضافه کرده و باز شدن آن را کنترل کنید.

عناصر

در اینجا می توانید نماد نقل قول را پدیدار یا پنهان کنید.

زمینه

در اینجا می توانید انتخاب کنید که یک رنگ پس زمینه یا یک تصویر به گواهی خود اضافه کنید.

برچسب مدیریت

در این لیست کشویی ، می توانید یک برچسب مدیر اضافه کنید که در سازنده در داشبورد و همچنین در نمای سازنده بصری ظاهر می شود.

پارامترهای طراحی ماژول توصیفی

تقسیم طراحی پارامترتنظیمات موجود در برگه طراحی در گروه های زیر سازمان یافته اند تا یافتن تنظیم مورد نظر شما را آسان تر کنند. و به یاد داشته باشید ، می توانید از نوار جستجو برای یافتن تنظیمات سریعتر نیز استفاده کنید!

نماد نقل قول

اینجاست که می توانید رنگ نماد نقل قول را تنظیم کنید.

تصویر

تنظیمات عمودی به شما امکان می دهد شعاع حاشیه ، عرض عمودی و ارتفاع عمودی را برای تصویری که ممکن است در برگه محتوا اضافه کرده باشید ، تنظیم کنید.

متن

این تنظیمات به شما امکان می دهد رنگ و جهت متن را تغییر دهید.

متن متن

این تنظیمات به شما امکان می دهد قلم ، وزن ، اندازه ، رنگ ، فاصله ، ارتفاع خط و موارد دیگر را تنظیم کنید.

مرز

در اینجا می توانید استفاده از حاشیه را انتخاب کنید. و اگر استفاده از حاشیه را انتخاب کردید ، می توانید رنگ آن را نیز انتخاب کنید ، عرض آن را تغییر دهید و سبک آن را انتخاب کنید.

فاصله

در قسمت فاصله ، می توانید پرینت سفارشی را به بالا ، راست ، پایین یا سمت چپ توصیف نامه اضافه کنید. همچنین می توانید این مقادیر را برای دسک تاپ ، رایانه لوحی یا دستگاه های تلفن همراه تغییر دهید.

پارامترهای پیشرفته ماژول Testimonial

تنظیمات پیشرفته توصیفات diviدر زبانه Advanced ماژول توصیف خود ، می توانید یک شناسه (شناسه) و یک کلاس منحصر به فرد css اضافه کنید. همچنین می توانید css های سفارشی را به ماژول کشویی فیلم کشویی سفارشی css به cSS های از پیش تعریف شده (و از پیش انتخاب شده) css اضافه کنید. سرانجام ، در لیست کشویی قابلیت مشاهده ، می توانید قابلیت مشاهده ماژول خود را در تلفن ها ، تبلت ها و دسک تاپ ها تنظیم کنید.

[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” 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”]دانلود تم DIVI [/vcex_button][/vc_colum][/vc_colum] /1″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=2&url=23065&tid40632=tutorials” target=”blank” layout=”expanded” align=”family” =_font ”Raleway” font_weight=”1″ style=”flat” custom_background=”#c700e” custom_hover_background=”#4226d8f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-NAD”]DOW قالب DIVI[/vcex_button][/vc_column][/vc_row]

سایر آموزشهای دوگانه