В этой части мы разберем еще один пример и настройку файла theme-options.php. Из прошлой части мы знаем, что есть пять способов вывода информации:
| № | Способы вывода | Тип тега |
| 1 | option1 | input checkbox |
| 2 | sometext | input text |
| 3 | selectinput | select |
| 4 | radioinput | input radio |
| 5 | sometextarea | textarea |
В этот раз мы разберем 3-й способ, чтобы добавить стили CSS для элементов, которые мы выберем сами. Предлагаю подобрать шрифты для контента на нашем сайте.
По умолчанию к нашему тексту применен шрифт Helvetica Neue. (рис. 1)
Для примера добавим на выбор такие шрифты: Verdana, Times New Roman, Georgia. Для начала создадим для каждого шрифта блок кода CSS с селекторами в виде классов. (рис. 2)
Для того что бы выбранный шрифт применялся ко всему контенту нам необходимо добавить нужный нам класс в блок html который содержит весь контент (рис. 3). В нашем случае это:
<div id="content" class="site-content">
….
</div>
Последним штрихом в нашей работе будет настройка файла theme-options.php. В админ панели мы можем обратить внимание что в строке «Select input» нет нужных нам значений. (рис. 4)
Для того что бы они там появились и передавали нужное значение нашему элементу кода, мы перейдем в файл theme-options.php и изменим следующие строки. (рис. 5)
На:
Теперь же перейдя во вкладку Theme Options в админ панели, мы увидим следующую картину. (рис. 6)
После выбора того шрифта, который нам нравится больше всего, мы сохраняем настройки и любуемся изменениями на нашем сайте.
Размещаю настроенный файл theme-options.php для того что бы вы могли все проанализировать самостоятельно. Ссылка
Комментарии (1)