Как да персонализирате типографията и оформлението на Divi

За да започнете да персонализирате оформлението и типографията на вашия уебсайт, първо трябва да получите достъп до Theme Customizer, като кликнете върху връзката Divi> Персонализатор на теми на таблото за управление на WordPress. Това ще стартира персонализатора. След това намерете панела "Общи настройки". Кликнете върху панела, за да отворите подходящите настройки и да започнете да персонализирате. В панела „Общи настройки“ ще забележите три раздела: Настройки за оформление, Типография и Фон.

Настройки на оформлението

Панелът за оформление ви позволява да регулирате различни опции за размер и разстояние за вашия уебсайт. Тук можете да увеличите или намалите разстоянието между колони, редове и секции, както и да коригирате размера на страничната лента. Можете също да активирате режима „Boxed Layout“ от този панел.

Активиране на оформлението за влагане

Тук можете да редактирате вашия сайт във формат на кутията, който рамкира съдържанието на вашия сайт и излага фон, който може да бъде персонализиран.

Ширина на съдържанието на уебсайта

Тук можете да зададете максималната ширина на раздела за вашето съдържание. Тъй като съдържанието ви е в адаптивно оформление, то ще се адаптира към по-малки размери, но няма да се разшири повече от максималната ширина, зададена тук.
По подразбиране е 1080px. Това е добра ширина за повечето стандартни лаптопи и настолни компютри.

Разстоянието на колоните в уеб сайта

Широчината на улука е количеството хоризонтално пространство (поле) между колоните във всеки ред.

Незадължителните стойности за ширината на улука са между 1 и 4.

1 представлява нулев марж между колоните.
2 представлява марж от 3% между колоните.
3 представлява марж от 5,5% между колоните.
4 представлява марж от 8% между колоните.

Използвайте персонализирана ширина на страничната лента

Това задава ширината на страничната лента по подразбиране за вашата тема. Това се отнася за всички страници във вашата тема, които имат странична лента и които не са създадени с Divi Builder.

Височина на сечението и линията

Тези опции регулират размера на вертикалното разстояние (горната и долната подложка) за всяка секция и ред.

Цвят на акцента на темата

Преди да започнете да променяте цветовете на другите си елементи, първо трябва да промените това. След като го промените, запазете и публикувайте настройките си и опреснете страницата си. Сега актуализираната тема Accent Color трябва да има автоматично попълване на други елементи.

книгопечатане

Панелът за типография е мястото, където можете да регулирате външния вид на текста по подразбиране в целия си уебсайт. Можете да регулирате размера на шрифта и заглавията, което ще се отрази пропорционално във всички области на сайта. Можете да регулирате цветовете им, както и височината на реда, разстоянието между буквите и стиловете на шрифта. И накрая, можете да избирате от десетки шрифтове, които да приложите към всеки един.

Размер на текста на тялото

Това променя основния текст по подразбиране за вашата тема. Размерът по подразбиране е 14px.

Височина на линията на тялото

Височината на линиите на всеки ред от текста.

Размер на заглавния текст

Divi ви позволява да зададете размера на текста по подразбиране за заглавката си тук. Това се отразява на Divi елементи като заглавия на модула на заглавката Fullwidth.

Пространство на заглавната буква

Разстоянието между буквите регулира хоризонталното разстояние между буквите. Стойността на разстоянието между буквите в заглавието засяга всички нива на заглавия (h1, h2, h3, h4, h5, h6), кавички и заглавия на слайдове.

Височина на заглавния ред

Точно както стойността на разстоянието между буквите, стойността на височината на заглавния ред засяга всички нива на заглавките (h1, h2, h3, h4, h5, h6), кавички и заглавия на слайдове.

Полицейски стил

Използвайте тези опции, за да промените стила на шрифта на заглавките си.

Шрифт на тялото и заглавката

Шрифтът по подразбиране в Divi е Open Sans, но Divi има почти сто шрифта, от които да избирате! Възползвайте се от тези вградени шрифтове и тествайте кои най-добре отговарят на вашата тема.

Цвят на връзките на тялото

Цветът на връзката към тялото е наследен от цвета на акцента на вашата тема. Но винаги можете да го промените тук.

Цвят на текста на тялото

Тук можете да промените цвета на текста на тялото си.

Цвят на заглавния текст

Тук можете да промените цвета на заглавките си.

Фон

Панелът за фон ви позволява да регулирате цвета на фона на вашата тема, както и да качите персонализирано фоново изображение и да коригирате позиционирането му на страницата. Фоновите изображения и цветове работят добре, когато се сдвоят с настройката за форматиране в кутия в панела Layouts, споменат по-рано.

Това е всичко за този урок, надявам се, че ще ви помогне да настроите по-добре шрифта и оформлението на темата Divi.
[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] [/ colu width_m»n_colum » 1/2 ″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "blank" layout = "expanded" align = "center" font_family = "Raleway" font_weight = "700 ″ style =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_download "] EM DOWNLOAD DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

Други уроци по Диви

Блеър Jersyer

Разработчик на WordPress и запален по всичко, свързано с новите технологични тенденции. Автори на плъгини, теми на WordPress и други уеб приложения. Автор в BlogPasCher.com.

Вижте пълната биография

Дайте на този БЕЗПЛАТЕН WordPress плъгин максимум 90 дни и той ще увеличи приходите ви както НИКОГА ПРЕДИ!