Работает система Orphus

WordPress для каждого на русском языке!

  • RSS

Учебник по WordPress

Полезные советы

Хитрости

Шоукейс

О проекте

Темы WordPress на русском!

Эволюция пользовательского интерфейса WordPress (2003 – 2009)

Четверг, 14 января 2010 - Рекомендуем, Статьи и советы

WordPress каким мы видим его сейчас – это продукт любви, которой наградило его сообщество. Без идей, пожеланий, рекоммендаций и советов пользователей и тяжелой работы команды разработчиков, которая воплощала это всё в жизнь, из него никогда бы не получилось того, что есть сейчас. Сегодня WordPress предстает перед нами мощной полноценной CMS, подходящей почти под любые нужды. [...]

читать дальше

Продвинутые советы по разработке сайтов на WordPress

Понедельник, 27 июля 2009 - Рекомендуем, Статьи и советы

Последние релизы дают понять, что WordPress расширил границы своих возможностей далеко за пределы блоггинга, приобретая все больше качеств серьёзной и мощной системы по управлению контентом. Изначально, WordPress предлагает довольно поверхностный, минимальный функционал. Но простота основы с лихвой компенсируется изобилием плагинов, которые значительно увеличивают потенциал движка.

читать дальше

5 полезных и оригинальных способов использования виджетов в WordPress

Четверг, 16 июля 2009 - Рекомендуем, Статьи и советы

Если вы создали хотя бы несколько сайтов на WordPress, то вы наверняка уже знаете, что WordPress это гораздо больше, чем просто блоггинговый движок. Он может быть также использован как и CMS, а виджеты WordPress – это мощный инструмент в арсенале WP-разработчика.

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

читать дальше

Урок №3 Начинаем index.php

Понедельник, 25 мая 2009 - Создание тем

Темой третьего урока курса «Создание тем для WordPress» является index.php. Если вы не читали уроки №1 и №2, советую вам прочесть их, иначе вы не поймете, о чем идет речь в данном уроке.

Пришло время прекратить чтение и начать создавать вашу тему для WordPress :-) В этом уроке вам придется немного потрудиться с кодами WordPress. На этом этапе вам понадобиться WordPress блог, установленный на ваш компьютер, работать с онлайн версией будет неудобно.

Шаг 1. Установите у себя локальный сервер Apache.

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

Установите Денвер на ваш компьютер, следуя инструкциям по установке. Потом дважды кликните на ярлык Start Denwer на рабочем столе. Сервер запустится.  Если ошибок при запуске не возникнет  окно свернется в трей:

denwer-tray1

Шаг 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.

save-as-indexphp

save-as-indexphp2

Откройте новый текстовый документ. Оставьте его пустым. Сохраните его под именем style.css в той же папке и закройте.

Сейчас у вас есть два файла: index.php и style.css.

index-and-style

Пояснения к index.php:

indexphp-podrobno
(кликабельно)

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

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, чтобы активировать её.

theme-screenshot

Обратите внимание, маленького скриншота к вашей теме пока нет. Область пуста. Когда вы активируете тему, вверху вы увидите сообщение, что тема активирована.

Теперь откройте новое окно браузера или вкладку (если ваш браузер позволяет открывать вкладки). Зайдите на http://wordpress/ должна открыться пустая страница. Она должна быть совершенно пустой, если это не так, вы зашли не на ту страницу.

Ваша тема установлена. На этом пока все. В следующий раз мы начнем работать над шаблоном хедера.

Не забудьте выключить Denwer. Дважды кликните на ярлык Stop Denwer на рабочем столе. Сервер остановит работу.

Если у вас возникают вопросы, не стесняйтесь задавайть их в комментариях.

Перейти к следующему уроку »

83 комментария

  1. Артем пишет:

    Все установил, создал базу вставил пароль и логин в 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

    Как быть? Заранее спасибо!

  2. Sugar Mouse пишет:

    Здравствуйте, я создала базу данных и создала пользователя, прописала это в wp-config.php
    Выходит следующее: http://s60.radikal.ru/i168/1004/9d/f01970010fa4.png

  3. Sugar Mouse пишет:

    И, набрав http://…/wordpress у меня вылезает каталог файлов, в котором папка www

  4. Sugar Mouse пишет:

    Поняла, что не включила MySQL. А как через Denwer его включить?

  5. фото блог пишет:

    Тему создал, только я не локально, а на сервере всё по SSH делаю сразу через Putty, чтоб потом не переносить. Читаю следующий урок.

  6. Ajax пишет:

    Установка: Знаменитая установка за 5 минут
    .
    3.Сохраните файл как wp-config.php
    4.Загрузите все на сервер.

    до четвертого сделал, а далее не знаю что делать. подскажите ламеру плиз, что нужно сделать,а?!

  7. Ajax пишет:

    всё проблему решил)), воспользовавшись ссылкой http://mywordpress.ru/support/viewtopic.php?id=15468

  8. Ajax пишет:

    у меня новая проблема, русифицированный wordpress выдаёт текст из style.css – Theme Name и Description в виде ромбов с вопросительными знаками, что с этим можно сделать?

  9. Ajax пишет:

    стоит ли всё начинание “кикать” и качать только английскую версию?!

  10. Ajax пишет:

    перекодировал в UTF и UTF-8(без BOM) – результат тот же…(( может ещё какие манипуляции совершить?! (WP – русский, редактор- notepad++)

  11. Ajax пишет:

    admin посоветуй, пожалуйста, чён-ть, а… Не хотелось бы застревать на 3-ем уроке((

  12. Ajax пишет:

    я всё-таки “кикнул” рашн вершн, ромбы исчезли- как корова языком)

  13. Морская Сова пишет:

    Шаблоны удобно редактировать в notepad++, подсвечивает синтаксис, конвертирует кодировку. Не реклама.

  14. Макс пишет:

    А у меня тема находится в “Повреждённые темы” и ниже пишет:

    Следующие темы установлены, однако являются неполными. Тема должна иметь список стилей и шаблон.
    Имя Описание
    �������� ���� Шаблон не найден.

    что я сделал не так?

    • Макс пишет:

      часть проблемы решено. Оказывается я в названии темы (в проводнике) поставил лишний пробел перед “tutorial”.

      Осталось с кодировкой разобраться. Может кто подскажет, как сохранить под другой кодировкой? (работаю в дримвивере)

  15. Nati пишет:

    Добрый день, я авторизовалась. Нахожусь на http://wordpress/wp-admin/users.php, но совершенно не вижу Presentation, чтоб по ней кликнуть. У меня версия wordpress 3.0.1. Может я не там ищу?

  16. Собираетесь создать тему для WordPress? | Web Дизайн пишет:

    [...] по установке WordPress на ваш компьютер вы найдете в уроке №3. Если у вас не получается установить WordPress на ваш [...]

  17. David пишет:

    Вообще советую перейти на vertrigo как по мне лучший локальный сервер. ну а так спасибо за уроки. вот буду создавать свой шаблон.

  18. Виталий пишет:

    А почему по ссылке Style.css находится только информация, которую как я понимаю браузер не видит. Где все остальное?

Ваш комментарий

Этот домен продается здесь: telderi.ru, и еще много других