Сборка темы админки Wolf CMS

Темы для административной части Wolf CMS создаются достаточно просто, но несколько «деревянным» способом.

1. Итак, чтобы создать новый дизайн от вас требуется всего лишь закинуть в http://ваш-сайт-на-wolf-cms.com/wolf/admin/themes два файла со стилями:

  • «login.css» — оформление формы авторизации / восстановления пароля.
  • «styles.css» — весь остальной бэкенд, т.е. админка.

Чтобы что-то поменять в HTML составляющей вам придется редактировать файлы ядра, если так можно выразиться. Хотя тут нам с вами несколько повезло, — веб-разработчик движка собрал его с учетом модели MVC, потому вся необходимая визуальная составляющая аккуратно сложена в каталоге «views», который можно найти по пути «http://ваш-сайт-на-wolf-cms.com/wolf/app». Однако я не советую вам этого делать.

2. Нужные классы и идентификаторы, а также иную разметку вытягиваем из исходного кода веб-страниц. Лучше всего здесь пользоваться браузером на базе webkit. Сгодится и Яндекс.Браузер, и Google Chrome.

Далее вашему вниманию представлен мой вариант темизации формы авторизации, — Twitter Bootstrap к сожалению на Wolf CMS нормально не натянуть.

Создание темы для админки Wolf CMS

В содержимом «login.css» при этом ничего особенного, — конечно, если вы разбираетесь в CSS и хоть что-то понимаете в HTML:

* {
margin:0;
padding:0;
}
body {
padding-top:40px;
padding-bottom:40px;
background-color:#f5f5f5;
...

На этом собственно все.

Опубликовано 20-03-2013 в 14:28


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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Свежие комментарии

  • Иван: к записи Привет всем, доброго времени суток! Я излазил весь »
  • Александер: к записи Потом пригляделся, вроде Вы не это имели в виду и »
  • Александер: к записи У Вас не русифицируется, потому что не везде включ »
  • Администратор: к записи Это надо использовать функции вашей CMS. »
  • Alex: к записи Ребят, а подскажите пожалуйста, как реализовать с »
  • Владимир: к записи А как теперь будет выглядеть ссылка для перехода н »
  • Администратор: к записи Не знаю. »

Статистика спама

Последние твиты