5.0 0.5 5 44

Как создать тему?

Елена Мельниченко
Елена Мельниченко
13 октября 2014
18
Оцените:
Как создать тему?

Смотрите видео

Как создать тему?

Изучая основы программирования и создания сайтов, начинающие дизайнеры сайтов задумываются над тем, как правильно создать тему. В статье рассмотрим принципы верстки под CMS, а именно - как создать тему в Wordpress, т.к. она является популярной CMS.

Создание темы в Wordpress

Если вы хотите сделать тему для данной CMS, необходимо следовать инструкции:

  1. Сначала необходимо сделать макеты Photoshop. Для этого используйте GlossyBlue.
  2. Таким образом, у вас появился PSD-дизайн, сделайте HTML- и CSS-шаблоны на каждую страничку. HTML воспользуйтесь для упрощения разработки – останется только добавлять код Wordpress.
  3. Страницы Wordpress формируются при применении шаблонных файлов php(index.php,header.php,sidebar.php,footer.php).
  4. Теперь необходимо скопировать раздел HTML из GlossyBlue в директорию wp-content. В раздел glossyblue скопируйте searchform.php и comments.php.
  5. Перейдите в файл index.html. Вырежьте участок кода сверху до текста «!-/header/-» и вставьте его в новый php-файл, сохранив его как header.php. Перейдя в раздел default, откройте header.php. Измените теги там, где требует код php.
  6. Вырежьте код файла index.html с «form id = searchform» до «div id=sidebar», вставьте в новый файл, сохранив его под именем sidebar.php
  7. Снова откройте index.html. Вырежьте код от «div id=footer» до «/html» и вставьте в новый footer.php.
  8. В index.html будет 1 строка «div id=content». Добавьте код get_header,get_sidebar,get_footer.
  9. Зайдите в раздел default, где перейдите в index.php. Необходимо скопировать цикл стандартного index.php в ваш файл между «div id=content» и «/div».

Перейдите в панель администратора, откройте «design», сделайте активной тему glossyblue, вернитесь в главную область шаблона. На этом создание темы завершено.

Создание темы в joomla

  1. Создайте директорию (название должно совпадать с будущим шаблоном). В ней сделайте 3 файла index.php, templateDetails.xml и файл стилей. В каждой папке обязательно должен быть пустой созданный index.html.
  2. Необходимо создать папку html, в которой должны находиться макеты и другие части сайта.
  3. Index.php – главный файл темы. В нем вторая и третья строки указывают на тип документа для обозревателей Интернет. В пятой строке подключается функция joomla, которая заполняет данные в голове сайта. Она строго необходима! 6-8 строки обязательны для стилистики сайта. Двенадцатая строка нужна для вывода текста страницы.
  4. Для добавления новых позиций в тему используйте блок body.Вы можете добавлять шапки, колонки и footer. Когда вы установите шаблон, эти данные будут доступны в выборе позиций модуля в административной панели joomla.

Если вы хотите узнать больше о создании тем для Windows, читайте статью Как создать тему для Windows.

Подписывайтесь на наши группы в социальных сетях - смешные статьи, картинки и факты!