Контроль типографіки надає наступні CSS властивості:
- колір
- різновид шрифту
- вирівнювання тексту
- перетворення тексту
- сімейство шрифтів
- вага шрифту
- стиль шрифту
- висота рядка
- пробіл між літерами
- тінь тексту
- декорація тексту
Використовуйте параметр exclude, щоб приховати певні властивості типографіки. Встановіть popup в false, щоб показати контроль в рядку.
class Prefix_Element_Typography extends EslElement {// Налаштувати елементи управлінняpublic function set_controls() {$this->controls['exampleTypography'] = ['tab' => 'content','label' => esc_html__( 'Типографіка', 'esl' ),'type' => 'typography','css' => [['property' => 'typography','selector' => '.prefix-typography',],],'inline' => true,// 'exclude' => [// 'font-family',// 'font-weight',// 'text-align',// 'text-transform',// 'font-size',// 'line-height',// 'letter-spacing',// 'color',// 'text-shadow',// ],// 'popup' => false, // За замовчуванням: true];}// Відобразити HTML елементаpublic function render() {echo '<h3 class="prefix-typography">' . get_bloginfo( 'name' ) . '</h3>';}}