amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} /* Inline styles */ p.acss346a5{padding-left:30px;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Categories: Дизайн сайта

Работаем с текстом в CSS на WordPress

Текст – это основная часть сайта. От того, как выглядит текст, зависит удобочитаемость материалов, а значит и поведенческие факторы. В этой статье мы рассмотрим, как редактировать текст CSS в WordPress и вы сможете самостоятельно изменять текст в любом установленном шаблоне.

Мы рассмотрим основные свойства текста CSS, которые могут встречаться в шаблонах WordPress.

Текст CSS и их свойства

В отличие от фона CSS, здесь нет одного главного свойства, через которое можно объявить текст. Но это не усложнит задачу.

color

Данное свойство текста CSS задаёт тексту цвет. После него может быть записано название цвета, например white, или шестнадцаричный или RGB код.

direction

Если вы ведёте сайт на языке, который записывается справа налево, то вам будет сложно подыскать для него подходящий шаблон WordPress. Но можно отредактировать любой имеющийся этим свойством текста CSS. Оно принимает только два значения: ltr – слева направо, rlt – справа налево.

latter-spacing

Это свойство управляет межсимвольным пробелом в словах. Оно может иметь параметры normal для нормального пробелам между буквами, length – для большого пробела. Кроме того, можно установить собственное значение единицами измерений, например пикселями, а также установить отрицательный параметр, при котором буквы будут накладываться друг на друга.

text-align

Свойство, которое управляет ориентированностью текста. Текст CSS может быть сориентирован по четырём параметрам: left, right, center и justify – по левому, правому краям, по центру и по ширине, соответственно.

text-decoration

Данное свойство текста CSS позволяет делать его подчёркнутым с помощью параметра underline, зачёркнутым – line-through, поместить линию над текстом – overline и сделать текст мигающим – blink.

text-indent

Этим свойством можно задать отступ первой строки. Устанавливается в единицах измерения, в том числе и отрицательных значениях.

Обрабатывая текст CSS, помните о правилах синтаксиса в этом языке. Каждая ошибка может нарушить целостность всего кода, и он не будет выполняться правильно. Об этом мы писали тут.

Адель Гадельшин