О том, что такое WordPress и его преимуществах вы можете прочитать в ранее опубликованной статье посвященной этой теме – статья. А сегодня мы разберем достаточно важную тему, не всегда в готовых шаблонах для WordPress присутствуют опции, которыми вы бы хотели воспользоваться, на этот случай я приготовили для вас материал, который позволит исправить это.
Для начала вам понадобится скачать все необходимые файл по следующей ссылке. Затем после того как разархивируете документ, разместите файл theme-options.php в директорию вашего шаблона (на хостинге либо через FTP). (Рис.1)
Следующим шагом будет добавление пункта меню непосредственно в админ панель нашего сайта, для этого мы скопируем содержимое файла functions.php из файла который мы скачали и добавим в файл functions.php в директории нашего шаблона. (Рис. 2)
Перейдя в админ панель нашего сайта вы можете заметить что во вкладке «Внешний вид» появился новый пункт меню – Theme Options. (Рис. 3)
Теперь самая интересная часть – посмотрим как работает данный код на практике. Для начала выберем область в которой будем использовать данные опции. Например в вашем шаблоне отсутствует опция для добавления текста в футер, а вы бы хотели оставить там свои контактные данные. Первым делом посмотрим содержание файла footer.php и подберем место для размещения данных (Рис. 4).
На нашем примере мы разместили тег div внутри тега wrap, так как тег с классом wrap служит в качестве обертки для информации которая хранится в футере. (Рис. 5)
Следующим шагом мы добавим php код для вывода информации из админ-панели в ту область которую мы уже успешно подготовили. (Рис. 6)
Код:
<?php
$options = get_option(‘sample_theme_options’);
echo $options[‘sometext’];
?>
Обратите внимание что в третей строке вместо ‘sometext’ мы можем вписать один из пяти способов вывода информации:
| № | Способы вывода | Тип тега |
| 1 | option1 | input checkbox |
| 2 | sometext | input text |
| 3 | selectinput | select |
| 4 | radioinput | input radio |
| 5 | sometextarea | textarea |
Затем перейдем в админ-панель и введем необходимый текст в строку ‘Some text’ (Рис. 7).
Теперь перейдя на наш сайт, мы увидим вписанный нами текст в футере (Рис. 8)
Над отображением поработайте самостоятельно, применяя css стили для нашего класса ‘contact-info’.
Это был один из примеров применения данного кода. Еще один пример и настройку файла theme-options.php мы разберем во второй части этой статьи по этой ссылке.
