برای شروع سفارشی کردن چیدمان و تایپوگرافی خود وب سایت، ابتدا باید با کلیک بر روی لینک به Customizer Theme دسترسی پیدا کنید Divi> تنظیم کننده تم در داشبورد وردپرس خود قرار دهید. با این کار سفارشی ساز راه اندازی می شود. سپس به دنبال پنل "تنظیمات عمومی" باشید. برای باز کردن تنظیمات مناسب و شروع به شخصی سازی ، روی صفحه کلیک کنید. در پانل "تنظیمات عمومی" ، سه بخش را مشاهده خواهید کرد: تنظیمات چیدمان ، تایپوگرافی و پس زمینه.
تنظیمات طرح بندی
پانل طرح به شما امکان می دهد گزینه های مختلف اندازه و فاصله را برای خود تنظیم کنید وب سایت. در اینجا می توانید فاصله بین ستون ها، ردیف ها و بخش ها را افزایش یا کاهش دهید و اندازه نوار کناری خود را تنظیم کنید. همچنین می توانید حالت Boxed Layout را از این پنل فعال کنید.
طرح لانه سازی را فعال کنید
در اینجا می توانید سایت خود را در قالب جعبه ای ویرایش کنید که محتوای سایت شما را قاب کرده و زمینه ای را برای سفارشی سازی در معرض نمایش قرار دهد.
عرض محتوای وب سایت
اینجاست که می توانید حداکثر عرض قسمت محتوای خود را تنظیم کنید. از آنجا که محتوای شما از یک طرح پاسخگو برخوردار است ، به اندازه های کوچکتر تنظیم می شود اما بیشتر از حداکثر عرض تعیین شده در اینجا گسترش نخواهد یافت
پیش فرض 1080px است. برای اکثر لپ تاپ ها و دسک تاپ های استاندارد عرض خوبی دارد.
فاصله ستون در وب سایت
عرض ناودان مقدار فضای افقی (حاشیه) ستونهای هر ردیف است.
مقادیر اختیاری برای عرض روده بین 1 و 4 است.
1 حاشیه صفر بین ستون ها را نشان می دهد.
2 حاشیه 3٪ بین ستون ها را نشان می دهد.
3 حاشیه 5,5٪ بین ستون ها را نشان می دهد.
4 حاشیه 8٪ بین ستون ها را نشان می دهد.
از عرض نوار کناری سفارشی استفاده کنید
این عرض نوار کناری پیش فرض را برای موضوع شما تنظیم می کند. این مربوط به تمام صفحات موجود در طرح زمینه شماست که دارای نوار کناری هستند و با Divi Builder ایجاد نشده اند.
ارتفاع مقطع و خط
این گزینه ها میزان فاصله عمودی (بالشتک بالا و پایین) را برای هر بخش و ردیف تنظیم می کنند.
رنگ لهجه تم
قبل از شروع به تغییر رنگ سایر عناصر خود ، ابتدا باید آن را تغییر دهید. پس از تغییر ، تنظیمات خود را ذخیره و منتشر کرده و صفحه خود را تازه سازی کنید. اکنون تم Accent Color به روز شده باید عناصر دیگر را به طور خودکار پر کند.
فن چاپ
پانل تایپوگرافی جایی است که می توانید ظاهر پیش فرض متن را در کل خود تنظیم کنید وب سایت. شما می توانید اندازه فونت و هدر خود را تنظیم کنید، که در تمام قسمت های سایت به طور متناسب منعکس می شود. می توانید رنگ آنها و همچنین ارتفاع خطوط، فاصله حروف و سبک فونت را تنظیم کنید. در نهایت، شما همچنین می توانید از بین ده ها فونت برای اعمال هر کدام انتخاب کنید.
اندازه متن بدن
این متن متن پیش فرض را برای طرح زمینه شما تغییر می دهد. اندازه پیش فرض 14 پیکسل است.
ارتفاع خط بدن
ارتفاع خط هر خط متن.
اندازه متن سربرگ
Divi به شما امکان می دهد اندازه متن پیش فرض را برای سربرگ خود تنظیم کنید. این عناصر Divi مانند عناوین ماژول هدر Fullwidth را تحت تأثیر قرار می دهد.
فضای نامه سربرگ
فاصله حروف فضای افقی بین حروف را تنظیم می کند. مقدار فاصله حرف هدر روی تمام سطوح هدر (h1 ، h2 ، h3 ، h4 ، h5 ، h6) ، نقل قول ها و عناوین اسلاید تأثیر می گذارد.
سر ردیف ارتفاع
درست مانند مقدار فاصله حرف ، مقدار ارتفاع ردیف هدر روی تمام سطوح هدر (h1 ، h2 ، h3 ، h4 ، h5 ، h6) ، نقل قول ها و عناوین تأثیر می گذارد اسلایدها
سبک پلیس
از این گزینه ها برای تغییر سبک فونت هدرهای خود استفاده کنید.
قلم بدنه و هدر
قلم پیش فرض در Divi Open Sans است ، اما Divi تقریباً یکصد قلم برای انتخاب دارد! از این فونت های داخلی استفاده کرده و بررسی کنید که کدام یک برای موضوع شما مناسب ترند.
رنگ لینک بدن
رنگ پیوند بدن از رنگ لهجه تم شما به ارث می رسد. اما همیشه می توانید آن را در اینجا تغییر دهید.
متن متن بدن
در اینجا شما می توانید رنگ متن بدن خود را تغییر دهید.
سرصفحه متن
در اینجا می توانید رنگ هدرهای خود را تغییر دهید.
زمینه
پانل پس زمینه به شما امکان می دهد رنگ پس زمینه تم خود را تنظیم کنید ، همچنین یک تصویر پس زمینه سفارشی بارگذاری کنید و موقعیت آن را در صفحه تنظیم کنید. تصاویر و رنگهای پس زمینه هنگامی که با تنظیمات Boxed Formatting در صفحه طرح هایی که قبلاً ذکر شد جفت شوند ، به خوبی کار می کنند.
این همه چیز برای این آموزش است، امیدوارم به شما این امکان را بدهد که فونت و طرح بندی را بهتر تنظیم کنید. تم دیوی.
[vc_row center_row= »بله »][vc_column width= »1/2″][vcex_button target= »blank » layout= »گسترش یافته » align= »center » font_family= »Raleway » font_weight= »700″ style= »مسطح» custom_background= »#18b69d » custom_hover_background= »#118d7a » custom_color= »#ffffff » custom_hover_color= »#ffffff » icon_right= »فا فا-دانلود »]دانلود آن تم DIVI [/vcex_button][/vc_column][vc_column عرض= »1/2″][vcex_button url= »https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1= »tutorials خالی » layout= »گسترش یافته » align= »center » font_family= »Raleway» font_weight= »700″ style= »مسطح» custom_background= »#c4226e » custom_hover_background= »#8d184f » custom_color= »#ffffff » custom_hover_color= »#ffffff » icon_right= »fa fa-NLO AD THE OW قالب DIVI[/vcex_button][/vc_column][/vc_row]
سایر آموزشهای دوگانه
- سایت های رستوران 5 که از موضوع دووی استفاده می کنند
- چگونه برای اضافه کردن متن در محصول Divi WooCommerce
- چگونه می توان رنگ منو را بین صفحات Divi تغییر داد
- نحوه شخصی سازی شبکه های یک وبلاگ با Divi
- نحوه استفاده از ویرایشگر نقش دووی در وردپرس
- نحوه ایجاد یک نوار لغزنده تمام صفحه Divi
- چگونگی تغییر رنگ منوها بین صفحات Divi
- ویژگی هایی که احتمالاً در مورد Divi نمی دانید
- نحوه استفاده از Divi Builder در وردپرس
- نحوه استفاده از ماژول پیمایش ویدئو Divi
- نحوه استفاده از ماژول Flip Builder Divi
- نحوه اضافه کردن ماژول توصیفی در Divi Builder
- نحوه استفاده از ماژول متن دووی
- نحوه ایجاد کشویی در دیوی
- نحوه ویرایش نقش کاربر Divi
- نحوه استفاده از ماوی رسانه اجتماعی Divi
- نحوه استفاده از ماژول فروشگاه با موضوع WordPress Divi
- نحوه استفاده از ماوی نوار کناری Divi
- نحوه استفاده از ماژول جدول قیمت دووی
- چگونه از عنوان ماژول نشریات دووی استفاده کنیم
- نحوه اضافه کردن ماژول ویدیویی از دیوی
- نحوه استفاده از ماژول ناوبری مقاله
- چگونه از ماوی جستجوی Divi استفاده کنیم
- چگونه از ماژول کیف پول Divi استفاده کنیم
- نحوه استفاده از ماژول شخص در Divi Builder
- نحوه استفاده از ماژول کیف پول با فیلتر Divi
- نحوه استفاده از ماژول کشویی عرض کامل
- نحوه استفاده از ماژول Image Divid Builder
- نحوه استفاده از ماژول ناوبری تمام عرض Divi Builder
- نحوه استفاده از ماژول گالری تصاویر
- نحوه استفاده از ماوی کارت Width Divi Builder
- نحوه استفاده از ماژول Portfolio Full Width Divi
- نحوه استفاده از ماژول هدر تمام عیار Divi
- چگونه از ماوی شمارنده Divi استفاده کنیم
- نحوه استفاده از نوار لغزنده مقالات در Divi Builder
- نحوه استفاده از ماژول Divi ایمیل Optin