Работает система 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. wa7er пишет:

    Молодец,спасибо за статью.Продолжай в том же духе (; .

  2. Владислав пишет:

    100 раз проверил, но во втором шаге у меня не заходит на http://wordpress/

  3. wp-admin пишет:

    Владислав, а Denwer перезапускали после создания папки?

  4. Владислав пишет:

    Спасибо, так просто… помогло))

  5. Владислав пишет:

    А правильно, что при входе на эту страницу он выдаёт ошибку..
    “There doesn’t seem to be a wp-config.php file. I need this before we can get started. Need more help? We got it. You can create a wp-config.php file through a web interface, but this doesn’t work for all server setups. The safest way is to manually create the file.”

    и кнопку “Create a Configuration File” ???

  6. Владислав пишет:

    я не понимаю что надо сделать после нажатия “Create a Configuration File”!!!????? откуда брать данные……

  7. wp-admin пишет:

    Владислав, вам нужно создать новую базу данных. Запустите Денвер, зайдите на страницу http://localhost/denwer/Tools/addmuser/ и следуйте инструкциям на странице. Можно также создать БД через phpMyAdmin.

  8. Владислав пишет:

    Огромнейшее спасибо, всё получилось!!!

  9. Сергей пишет:

    Спасибо большое. Ну, как установить WordPress???? Иперезапускал, и базу создал…И “фраза ура”опять денвер:(
    Есть шансы для недолёких?

  10. wp-admin пишет:

    Сергей, я не пойму в чем именно у вас проблема..

  11. Сергей пишет:

    Спасибо, всё получилось:))
    Вам, куча благодарностей, развивайтесь!

  12. Анастасия пишет:

    Помогите, пожалуйста!
    Можно ли редактировать сайт wordpress находясь в офф-лайн. Ну т.е сначала на компьютере создать сайт, а затем уже заливать его в интернет? Как это делается?

    Денвер я установила, он работает. Но я как-то не поняла, для чего конкретно он нужен то?

    Заранее огромное спасибо!

  13. Анастасия пишет:

    P.S. Сайт на wordpress у меня уже существует – его-то как раз и надо редактировать.

  14. wp-admin пишет:

    Анастасия, вы имеете ввиду возможность редактировать содержимое блога оффлайн? Тоесть посты и страницы, правильно?

  15. Анастасия пишет:

    Да! Большое спасибо, но я уже разобралась =)

    Теперь вот только последний вопрос – можно ли импортировать/экспортировать сайт сразу целиком (т.е. и записи и дизайн) или же только по отдельности?

    спасибо!

  16. wp-admin пишет:

    Анастасия, дизайн – отдельно, контент – отдельно.

  17. BMV525gt пишет:

    wp-admin,объясните пожалуйста!Часто в разных руководствах пишут “..а теперь создайте файл с таким-то именем..”,а где создавать и как туда попасть не пишут.То ли где-то в панели инструментов,то ли в phpadmin?

  18. wp-admin пишет:

    BMV525gt, как правило нужно создать файл в папке с вашей WordPress темой.

  19. BMV525gt пишет:

    Так я вот и не пойму где искать эти папки и как они выглядят.В phpadmin или в панели управления сайтом (в редакторе темы)?Спасибо!

    • wp-admin пишет:

      BMV525gt, если в вашей теме уже существует нужный вам файл – вы можете редактировать его через редактор тем. Если его нет, вам нужно создать его локально и залить на сервер с помощью FTP. Папка с темой на сервере по умолчанию находится в “/корень-сайта/wp-content/themes/название-темы“. Псоле этого вы также сможете изменять новые файлы с помощью “редактора тем”.
      phpadmin используется только для работы с базой данных.

  20. BMV525gt пишет:

    Извиняюсь за столь ламерские вопросы (только начинаю вникать в тему),и спасибо большое за ответы!Основная проблема в том, что я не могу догнать где находится этот самый корень сайта:)Даже попробовал набрать URL: pro100love.msk.ru/корень-сайта/wp-content/themes/ .Но для вас наверно это очевидно, что в корень сайта и ко всем этим папкам я доступ так и не получил :)

  21. ArMikael пишет:

    Спасибо за проделанную работу!
    С удовольствием познаю новое для себя направление.
    Год руки тянулись к WordPressу, а благодаря вам просто проглотил три урока! Благодарствую за человеческий, доступный язык. Я сам связан с преподаванием, поэтому знаю, насколько это важно. Низкий вам поклон!

  22. pashkey пишет:

    На странице с выбором темы название новой созданной по вашим рекомендациям темы в виде ромбиков. Что-то с кодировкой. Как это исправить?

  23. wp-admin пишет:

    pashkey, сохраните ваш файл в формате UTF-8 без BOM

  24. Kapitoshka пишет:

    Здравствуйте, не могу пройти авторизацию на http://wordpress/wp-login.php., пишет -Can’t select database. Помогите плиз :-)
    Не могли бы вы описать поподробнее данный раздел по установке?, что писать?, что забивать?, что? и как? для чайников!

  25. DorVik пишет:

    Все получилось до:
    Напечатайте: http://wordpress/wp-login.php. пройдите по этому адресу и авторизируйтесь в админзоне WordPress (у вас появится доступ в странице авторизации).
    Далее может что-нибудь напутал с Логин или Паролем и получил сообщение:
    ОШИБКА: Неверный логин. Потеряли пароль?
    Логин всегда admin? Кликнул на Потеряли пароль? и т.д.
    Новый пароль вот уже минут сорок не приходит.
    С уважением, Виктор.

  26. didgugan пишет:

    вы должны знать, что это P HP,

    пробел надо убрать

  27. phil пишет:

    Прошу помощи! установил денвер. во время установки вордпресс после страницы с выбором пароля, датабейза и тд выдает ошибку “Error establishing a database connection”. Пробовал перезапускать денвер, изменять слова в полях, все равно возникает эта ошибка! Подскажите пожалуйста что делать?
    Спасибо огромное заранее!

  28. Adelante пишет:

    Здравствуйте, та же проблема, что и у phil: после перехода к шагу “Below you should enter your database connection details” и нажатия кнопки Submit появлется сообещние об ошибке:

    Error establishing a database connection

    Никакие рестарты Денвера не помогают :( Менял данные, перезагружался – как лбом об стену. Уроки мне очень нравятся, но обидно останавливаться всего лишь на 3-м шаге… Спасибо заранее за помощь.

  29. Adelante пишет:

    Так, сам спросил – сам отвечаю. Я разобрался, но…это уж никак не “без всяких трудностей” :)
    Чтобы пройти этот шаг, нужно чтобы у вас ДЕЙСТВИТЕЛЬНО была база данных и, соответственно, доступы к ней. Базы ни у меня, ни у phil не было, соответственно Денвер можно перезапускать сколько угодно – ничего не выйдет. Инструкцию я в комментах выкладывать не буду, лучшее, что я нашел – видео, где подробно объясняется все это – http://www.wp-info.ru/ustanovka-wordpress-na-denver-localhost/ Все коротко, понятно, доступно. Может имеет смысл и вам поставить это видео или снять свое подобное? Наглядности намного больше :)

  30. Nastya пишет:

    А можно, использовать другой локальный сервер, ну например xampp?

  31. Таша пишет:

    ОЧЕНЬ ПРОШУ ПОМОЩИ!((( Ворд пресс утановлен и тд,начала менять тему(ранее никогда не сталкивалась с созданием блогов и подобных ресурсов и программ),загрузила ее в Веб-сервер Файловый менеджер home “…..” – docs wps wp-content themes как советовали на форуме постороннем,он мне выдает ошибку Fatal error: Call to undefined function: post_class() in /home/…/…..ru/docs/wps/wp-content/themes/comment-central/index.php on line 12 , уже пыталась редактировать на UTF-8 и в панели управления и в редакторе Notepad,ничего не получается все равно ошибка!ПОЖАЛУЙСТА подскажите подробнее что нужно там поменять,вписать? Заранее Большое спасибо!очень надеюсь что поможете!

  32. Ученик пишет:

    Здравствуйте, не могу пройти авторизацию на http://wordpress/wp-login.php., пишет… что то с паролем.
    Пишу адрес эл.почты, но почему то не отправляет пароль.

  33. golddimas пишет:

    Ученик ты походу пытаешься зайти на реальный http://wordpress/wp-login.php, у тебя денвер работает не правильно, попробуй либо http://localhost/wordpress/wp-login.php либо снеси денвер и поставь AppServ 2.5.10, он на мой взгляд не так глючит как денвер, один раз поставил и забыл.

  34. Ученик пишет:

    Господа, товарищи, Спасибо огромное за ответ!!!
    Но я из него…. ну ни чего не понял!!!
    Всё застопорилось на 6 шаге “Установка темы”!
    Базу создал, Денвер работает!!!! Куда бежать то теперь????
    Перехожу по указанной ссылке http://wordpress/wp-login.php., предлагает ввести предлагает ввести заголовок блога и E-mail!
    Какой заголовок??? Какой E-mail????
    Заранее благодарен за ответ!
    Ну только если не затруднит, прошу сразу ответить плиз, а то я потом забуду вооще всё!! и придётся начинать снова!)))))))))))

  35. Ученик пишет:

    Ну фантастика!!! Всё получилось!!!!!
    Товарищ/господин админ, ну для некоторых, типа меня, ну хоть бы чуть поподробнее!!!
    А так спасибо всем, кто отозвался!!

  36. golddimas пишет:

    Да куда еще подробнее, даже синтаксис php рассказали)))

  37. samsusam пишет:

    Все сделал так вы описали, но…
    В админке кликните на Presentation, далее кликните на теме под названием Tutorial, чтобы активировать ее.
    Где она?
    Открывается WordPress и он уже с темой, а не так как должно быть пустой!

  38. samsusam пишет:

    В админке все на русском! и ничего похожего на Presentation – нет!

  39. samsusam пишет:

    Все, зря я паниковала))))
    Внешний вид, Темы, Активировать “Тестовая тема” надо было!
    Но вы все равно молодцы, отличные уроки написали, честь вам и хвала! Даже то, что не получилось с первого раза, со второго заработало, ну и комментарии тоже делают свое дело, проясняют неточности, вопросы.

  40. Павел пишет:

    Добрый день!

    Установил Denwer и скачал WP. Для установки WP набираю в браузере http://wordpress/, меня переадресовывает на страничку
    http://wordpress/denwer/ с результатами установки сервера. Как установить WP?

  41. Павел пишет:

    Разобрался. Добавьте, пожалуйста, в Шаге 1, что надо в Denwer создать базу данных на страничке localhost. Название базы, логин и пароль потом и потребуются для введения в файл wp-config.php

  42. Игорь пишет:

    не понимаю почему не получается установить wp на лс ошибка Error establishing a database connection

  43. azzckiy пишет:

    спасибо
    долго думал в чем проблема
    нужно было создать базу данных на хостинге отдельно и прописать в файле
    спасибо – помогло.

  44. Vanilla Man пишет:

    azzckiy, простите, вы о чем?

  45. vet пишет:

    перехожу в браузере по адресу http://wordpress/wp-login.php., выдает такое 404 Not Found.
    если просто http://wordpress/, то такое Click here: mywordpress.ru, либо сервер не найден. После создания папки перегружал денвер, не помогает. Плизз памагите!

  46. vet пишет:

    загвоздка на 6 шаге, по указанному адресу не могу перейти, выдает ошибку. денвер перегружал, файлы стайл и индекс заполнены. в чем дело? плиз помогите

  47. vet пишет:

    простите за панику))) не сообразил вместо wordpress в адресе http://wordpress/wp-login.php. поставить название своего сайта. типерь все в порядке. пасиба

  48. SavAnka пишет:

    спасибо за коммент)) столкнулась практически с той же проблемой. не могла найти presentation. перевела страницу на русский и нашла “внешний вид”, как у вас сказано (на этом месте между прочим было appearance а не presentation). всё сделала, всё получилось
    спасибо всем, особенно создателю учебника, сподвигнул многих на освоение новых для себя пространств)))

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

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