Разбираемся в Slightly Modded Options Framework

Разбираемся в Slightly Modded Options FrameworkСегодня вы более подробно рассмотрим мой любимый фреймворк для добавления настроек в тему WordPress. В данной статье будет подробно расписан процесс установки и применения настроек для SMOF. Напомню, что обзор наиболее интересных фреймворков я проводил в соседней статье.

Для тех, кто не в курсе, расскажу, почему именно он. Да потому, что в этом фреймворке прекрасно сочетаются простота установки, красивый дизайн настроек и огромный выбор опций начиная от текстовых полей и заканчивая настройками слайдера. Полный список того, что есть ниже.

  • Информационное поле, где можно написать описание
  • Загрузчик в 2 вариантах: мини и полный
  • Ползунки c различными шагами
  • Различные переключатели
  • Менеджер слоев, позволяющий выбирать нужные пункты, перемещая их мышкой из одной колонки в другую
  • Настройки слайдера. Очень полезная штука, если вы используйте свой слайдера в теме
  • Настройки типографии (шрифты, их размер, жирность и т.д.)
  • Графический выбор слоев
  • Различные текстовые поля, выпадающие списки и т.д.
  • Выбор цвета
  • Делать скрытые настройки
  • Возможность импорта/экспорта настроек

Теперь давайте узнаем, как его установить.

Установка

Скачиваем архив отсюда, копируем папку admin в вашу тему. В файле functions.php подключаем библиотеку с помощью кода

require_once ('admin/index.php');

Теперь в шапку нужно добавить код инициализации настроек. Для этого заходим в файл header.php вашей темы и прописываем следующий код внутри тегов head

<?php global $smof_data; ?>

Теперь фреймворк в полной боевой готовности. Разберемся с тем, как редактировать настройки.

Редактирование настроек

Все настройки редактируются в файле admin/functions/functions.options.php. Давайте откроем его. Там много чего написано, но нас интересует массив $of_options, его не сложно заметить, немного промотав вниз.

Настройки для SMOF

В каждой настройке есть определенные поля. Давайте рассмотрим, что они значат.

"name" => Заголовок настройки
"desc" => Описание настройки
"id" => Важный параметр, именно его мы будем вставлять при вызове настройки в нужном месте
"std" => Значение по умолчанию для настройки
"type" => Тип настройки

Это основные поля, которые встречаются во всех настройках. Некоторые могут содержать дополнительные поля. Разобраться в них не составит труда.

Использование настроек

Вывод настроек осуществляется с помощью кода

<?php
if($smof_data['opt_id']) {
echo $smof_data['opt_id'];
}
?>

Где ‘opt_id’ – это id настройки. Его мы видели при редактировании настроек.

Отдельно стоит сказать про вывод настроек для слайдера.

Вывод настроек слайдера

Слайдер содержит вложенный массив с настройками. Выводится он таким образом

<?php
if($smof_data['opt_id']) {
$slides = $smof_data['opt_id'];
  foreach ($slides as $slide) {
  echo $slide['url']; // Выводить ссылку на изображение
  echo $slide['link']; // Выводить ссылку
  echo $slide['title']; // Выводит заголовок
  echo $slide['description']; // Выводит описание
  }
}
?>

Как можно изменить стандартные настройки?

Все настройки, где то создаются, а именно в файле admin/classes/class.options_machine.php. При желании тут вы можете полностью изменить поля для любой настройки или добавить свои.

Заключение

Надеюсь, эта статья поможет вам разобраться в Slightly Modded Options Framework и эффективно использовать его при создании тем для WordPress. Фреймворк действительно мощный и удобный в использовании. Всем советую! И не забывайте, что у нас вы можете скачать свежие русифицированные темы для WordPress.

8 комментариев

  1. максим   /  17.09.2013, 13:17 Ответить

    Здравствуйте.
    Не могу разобраться с SMOF.
    1)Подключил к теме (Bones), Theme option есть, сохраняются,
    2) вписал head
    но на сайте нет изменений.

    • WP-Book   /  17.09.2013, 14:58 Ответить   /  http://www.wp-book.ru/

      Здравствуйте!
      Вы видимо только подключили настройки через < ?php global $smof_data; ?> в head.
      Теперь вам нужно вывести соответствующую настройку в нужном месте. Для этого прочитайте еще раз пункт «Использование настроек» в этой статье. Все должно получится! Если будут вопросы опишите их подробнее.

      • максим   /  17.09.2013, 15:45 Ответить

        Спасибо, понял.
        подключил отдельные параметры в встроенную таблицу стилей, а нельзя сразу все подключить?

        • WP-Book   /  17.09.2013, 15:48 Ответить   /  http://www.wp-book.ru/

          Вы можете более подробно описать для чего вы используете настройки?

  2. максим   /  17.09.2013, 15:55 Ответить

    Пробую делать шаблон. У меня представление было что здесь как в визуал композере подвигал ползунки и все.
    Но сейчас понимаю что здесь выборочно более гибко так сказать в нужное место слайдер вставить и тд.

    • WP-Book   /  17.09.2013, 15:58 Ответить   /  http://www.wp-book.ru/

      Визуал композер нужен для формирования шаблона страниц на сколько я знаю. А SMOF именно добавляет настройки в админку. И каждую настройку можно вывести в нужном месте темы. В этом удобство данного способа.

      • максим   /  17.09.2013, 16:02 Ответить

        Спасибо за помощь, успехов вам!

  3. Артем   /  23.05.2014, 19:15 Ответить   /  http://incomeseo.ru

    Почему-то не работют опции импорта настроек/бэкапа настроек. Это только у меня какие-то проблемы. Или в самом фреймворке что-то не так? Не сталкивались с таким?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *