Создание сайта на WordPress или создание шаблона с нуля. |
|
WordPress является, пожалуй, самой простой системой управления на данный момент. Чаще всего на данной CMS создаются блоги (вы, наверняка, встречали различные блоги программистов, дизайнеров и просто хороших людей), но это и не удивительно, движок для этого и создавался.
Откройте один из них и внимательно изучите содержимое, как видите здесь не один файл, а порезанный шаблон на несколько. Приведу пример того, как может выглядеть шаблон и как мы его будем создавать.Не пугайтесь количества файлов - это нормально и Вы будете приятно удивлены во второй половине руководства. Основные файлы шаблона: Файлы архивов:
Универсальные файлы (за счет этих и получаем практичность верстки):
И так, приступаем. Строение нашего шаблона я начну со стиля оформления (базовый css) и универсальных файлов, потому что они являются ключевыми во всем шаблоне. Также по ходу дела, рассказывая что и куда нужно подключать. Все необходимые комментарии приводятся прямо в листинге php-кода. /*Эти строки должны быть самыми первыми в файле. По этим строкам распознается Ваш шаблон в панели администрировани. Ниже можете написать любой css, как Вам угодно. Рекомендую взглянуть на CSS Garden (*) для вдохновления. Теперь приступим к более сложной задаче – написание LOOP WordPress. Файл theloop.php – полный листинг с комментариями и описаниями внутри: Самый интересный момент. Здесь при постраничном просмотре архивов или поиске включается функция the_excerpt (краткая выдержка из поста).Но на главной и в отдельном посте, как и полагается полный текст поста с ссылками, картинками и т.д. */ Удобно, не правда ли? Теперь нам нужно будет подключить его везде, где это нужно. Делается это в одну строку кода. Для начала взгляните как подключаются “header”, “sidebar” и “footer”, чтобы в дальнейшем не возникало вопроса “откуда это взялось”. На подключение этих трех модулей шаблона есть 3 нужные нам WordPress функции: <?php get_header(); ?> -подключение файла header.phpА вот следующая строка, позволит включить в любом месте любой файл из папки Вашего шаблона, например theloop.php: Надеюсь, что для Вас картина всего этого "безобразия" в общих чертах нарисовалась. Теперь найдите следующие файлы:<?php include (TEMPLATEPATH . '/theloop.php'); ?> И добавте в них такой код: <?php get_header(); ?> Не забывайте, что у нас есть еще файл навигации, который тоже должен быть универсальный и понимать когда какие ссылки показывать: <?php Теперь LOOP включен почти во все нужные места шаблона и в дальнейшем он сам будет определять, что и где нужно вывести и показать. Но у нас остался еще single.php и комментарии. Здесь все точно также, только добавляем "comments.php" - вызов шаблона: <?php get_header(); ?> Видете как все просто и сколько времени мы сэкономили? Я уже предвижу пару очевидных вопросов, поэтому и продолжу раскрывать тему полностью. Как подключить форму поиска? Точно также как и LOOP, в листинге 4: <?php include (TEMPLATEPATH.'/searchform.php'); ?>. А сама форма поиска может иметь такой вид: <form method="get" id="searchform" action="<?php echo $_SERVER['PHP_SELF']; ?>" style="margin: 0;"> Как быть, если нужно подключать дополнительные фичи в LOOP только для отдельного поста? Для этого нужно использовать функцию is_single();. Вспомните подключение навигации между постами в LOOP (листинг 2).Данную функцию совсем не обязательно использовать точно внутри LOOP. Что нужно сделать, что бы показать определённые данные на главной странице? Пример: <?php Подводя итог Как Вы видете, все оказалось очень просто и компактно. Взгляните на общий размер шаблона (без графики и CSS) – это считанные килобайты, и мы от этого получаем:
Теперь применяя показанный мною метод, Вы можете создавать собственные шаблоны для WordPress любой сложности. В стетье я использовал только базовые функции WordPress, поэтому этот шаблон будет работать на любой версии движка. Чтобы создать более интересный и навороченный шаблон, Вам стоит ознакомиться с WordPress Codex, где в подброностях описаны все template tags и есть множество примеров. |
Разделы сайта
- Интернет новости
- Хостинг сайтов
- Технологии и стандарты
- Веб-дизайн
- Вёрстка (xHTML коддинг)
- Веб-программирование
- SEO (раскрутка сайтов)
- Бесплатный хостинг
- Защита компьютера
- Мошенничество в сети
- Администрирование
- Заработок в Интернете
- Полезные статьи
- Блогосфера
- Уроки для дизайнеров
- Видео уроки
- Онлайн учебники
- Книги и справочники
- Шаблоны для сайта
- Скрипты
- Клипарт
- Социальная сеть
- Форум веб-мастеров
Последние статьи
Самое популярное
- Взлом пароля почты или как узнать пароль e-mail
- Создание шапки для сайта в Adobe Photoshop
- Скачать шапки для сайта
- Как украсть красивый номер ICQ?
- Бесплатные иконки для сайтов
- Функция mail в php. Отправляем сообщение
- Можно ли взломать Вконтакте - социальная сеть
Последние новости
- Файловый хостинг «Megaupload» закрыли за распространение пиратского контента
- Мобильное приложение Поиск@Mail.ru с функцией распознавания русской речи
- Отключение сайтов российских СМИ объяснили неполадками с хостингом
- В Центре переводов Twitter появились языки с письменностью справа налево
- Google объединился с 14 интернет-компаниями для борьбы с фишингом
- Социальная сеть ВКонтакте выплатит штраф за распространение песен Инфинити и МакSим
- Firefox 10


