Темой третьего урока курса «Создание тем для WordPress» является index.php. Если вы не читали уроки №1 и №2, советую вам прочесть их, иначе вы не поймете, о чем идет речь в данном уроке.
Пришло время прекратить чтение и начать создавать вашу тему для WordPress :-) В этом уроке вам придется немного потрудиться с кодами WordPress. На этом этапе вам понадобиться WordPress блог, установленный на ваш компьютер, работать с онлайн версией будет неудобно.
Шаг 1. Установите у себя локальный сервер Apache.
Для этого я рекомендую использовать Denwer. Он прост, удобен и понятен даже новичку. Подробную инструкцию по установке читайте на сайте.
Установите Денвер на ваш компьютер, следуя инструкциям по установке. Потом дважды кликните на ярлык Start Denwer на рабочем столе. Сервер запустится. Если ошибок при запуске не возникнет окно свернется в трей:
Шаг 2. Установите WordPress на локальный сервер.
В папке home создайте папку wordpress и уже в ней папку www. Скачайте последнюю версию WordPress с сайта и залейте установочные файлы в корень папки www. Далее наберите в браузере http://wordpress/ и просто следуйте инструкции по установке WordPress. Этот шаг не доставит вам никаких трудностей.
Шаг 3. Создайте папку для вашей темы.
Зайдите в папку ваших тем для WordPress. Она должны быть в /home/wordpress/www/wp-content/themes. Создайте в ней новую папку. Назовите ее например tutorial.
Шаг 4. Создайте файлы index.php и style.css.
Откройте текстовый редактор по вашему выбору. Я рекомендую Adobe Dreamweaver или Notepad++.
Скопируйте все из файла index.txt в ваш редактор.
Сохраните данный текстовый файл в папке tutorial под именем index.php.
Откройте новый текстовый документ. Оставьте его пустым. Сохраните его под именем style.css в той же папке и закройте.
Сейчас у вас есть два файла: index.php и style.css.
Пояснения к index.php:
(кликабельно)
Нажмите на рисунок сверху для полного отображения. Я объясню что значат понятия, обведенные красным.
Doctype - определяет какой тип кодов вы используете для кода вашей темы. Доктайп не так важен на этом этапе. Я отметил его, чтобы вы не гадали, зачем он существует.
<html> - начало веб-страницы
<head> - начало хэда моей веб-страницы. У каждой веб-страницы есть хэд и боди.
</head> - конец хэда.
<?php bloginfo('stylesheet_url'); ?> это функция PHP, которая находит файл style.css, чтобы моя тема могла связаться с этим файлом и отобразить все на страницах. Когда вы видите, что перед и после кодов ставятся знаки <?php и ?>, вы должны знать, что это PHP, и они отличаются от остальных кодов. В PHP - <?php значит начало и ?> значит конец.
Итак:
- <?php - начало РНР
- bloginfo('stylesheet_url') - найти файл style.css
- ; - прекратить искать файл style.css. Точка с запятой является способом закрытия набора кодов в системе PHP.
?> - конец РНР
Двигаемся дальше.
<body> - начало боди. Боди это все, что я вижу и читаю на моей веб-странице. Чтение этого пособия означает, что я смотрю на боди веб-страницы. </body> - боди заканчивается.
</html> - конец моей веб-страницы. После этого ничего не может следовать.
Шаг 5. Файл стилей.
Скопируйте все в файле style.txt в ваш файл style.css. Cохраните и закройте его.
Шаг 6. Установка вашей темы.
Откройте браузер. Наберитете в адресной строке: http://wordpress/wp-login.php. пройдите по этому адресу и авторизируйтесь в админзоне WordPress (у вас появится доступ в странице авторизации).
В админке кликните на Presentation, далее кликните на теме под названием Tutorial, чтобы активировать её.
Обратите внимание, маленького скриншота к вашей теме пока нет. Область пуста. Когда вы активируете тему, вверху вы увидите сообщение, что тема активирована.
Теперь откройте новое окно браузера или вкладку (если ваш браузер позволяет открывать вкладки). Зайдите на http://wordpress/ должна открыться пустая страница. Она должна быть совершенно пустой, если это не так, вы зашли не на ту страницу.
Ваша тема установлена. На этом пока все. В следующий раз мы начнем работать над шаблоном хедера.
Не забудьте выключить Denwer. Дважды кликните на ярлык Stop Denwer на рабочем столе. Сервер остановит работу.
Если у вас возникают вопросы, не стесняйтесь задавайть их в комментариях.
Все установил, создал базу вставил пароль и логин в wp-config.php
перезапустил денвер ввожу http://wordpress/ пишет вот что
Warning: Cannot modify header information – headers already sent by (output started at Z:\home\wordpress\www\wp-config.php:1) in Z:\home\wordpress\www\wp-includes\pluggable.php on line 868
Как быть? Заранее спасибо!
Здравствуйте, я создала базу данных и создала пользователя, прописала это в wp-config.php
Выходит следующее: http://s60.radikal.ru/i168/1004/9d/f01970010fa4.png
И, набрав http://…/wordpress у меня вылезает каталог файлов, в котором папка www
Поняла, что не включила MySQL. А как через Denwer его включить?
Тему создал, только я не локально, а на сервере всё по SSH делаю сразу через Putty, чтоб потом не переносить. Читаю следующий урок.
Установка: Знаменитая установка за 5 минут
.
3.Сохраните файл как wp-config.php
4.Загрузите все на сервер.
до четвертого сделал, а далее не знаю что делать. подскажите ламеру плиз, что нужно сделать,а?!
всё проблему решил)), воспользовавшись ссылкой http://mywordpress.ru/support/viewtopic.php?id=15468
Обязательно в будующем более подробно распишем этот процесс и возможно также сделаем обучающее видео.
у меня новая проблема, русифицированный wordpress выдаёт текст из style.css – Theme Name и Description в виде ромбов с вопросительными знаками, что с этим можно сделать?
Пересохраните style.css в кодировке UTF-8. Советую в дальнейшем использовать её для всех файлов.
стоит ли всё начинание “кикать” и качать только английскую версию?!
зачем-же? русская версия отлично работает.. просто конвертните кодировку.
перекодировал в UTF и UTF-8(без BOM) – результат тот же…(( может ещё какие манипуляции совершить?! (WP – русский, редактор- notepad++)
admin посоветуй, пожалуйста, чён-ть, а… Не хотелось бы застревать на 3-ем уроке((
я всё-таки “кикнул” рашн вершн, ромбы исчезли- как корова языком)
Шаблоны удобно редактировать в notepad++, подсвечивает синтаксис, конвертирует кодировку. Не реклама.
А у меня тема находится в “Повреждённые темы” и ниже пишет:
Следующие темы установлены, однако являются неполными. Тема должна иметь список стилей и шаблон.
Имя Описание
�������� ���� Шаблон не найден.
что я сделал не так?
часть проблемы решено. Оказывается я в названии темы (в проводнике) поставил лишний пробел перед “tutorial”.
Осталось с кодировкой разобраться. Может кто подскажет, как сохранить под другой кодировкой? (работаю в дримвивере)
разобрался, поменял кодировку. Вопрос отпал сам собой.
Добрый день, я авторизовалась. Нахожусь на http://wordpress/wp-admin/users.php, но совершенно не вижу Presentation, чтоб по ней кликнуть. У меня версия wordpress 3.0.1. Может я не там ищу?
[...] по установке WordPress на ваш компьютер вы найдете в уроке №3. Если у вас не получается установить WordPress на ваш [...]
Вообще советую перейти на vertrigo как по мне лучший локальный сервер. ну а так спасибо за уроки. вот буду создавать свой шаблон.
А почему по ссылке Style.css находится только информация, которую как я понимаю браузер не видит. Где все остальное?