Добро пожаловать! Я тут призадумался и понял, что мануалов по «элементарной» системе управления контентом WordPress – предостаточно, но о том, как взять старт самому, я еще не писал, поэтому пора начать.

Зайдя на wordpress.org, Вы увидите, что все просто. Достаточно заказать и оплатить доменное имя и хостинг, за 5 минут установить wordpress, выбрать бесплатную тему(дизайн будущего сайта) наполнить сайт десятком статей и Вы на коне.
Но не все так просто.

Пройдя через эти простые шаги, через месяц станет понятно, что хочется добавить и то, и сё в свой проект, а как это сделать на рабочем сайте, чтобы его не поломать – неизвестно. Грубо говоря, это ошибка «горячих людей». Так вот, чтобы избежать такой ситуации, нужно эти шаги сделать локально дома, на своем компе/ноуте, подумать 10 раз (можно и больше) о том, все ли Вас устраивает и что хотелось бы поменять.
О том, как все эти дела провернуть я и напишу сегодня.

Во-первых, для работы нам понадобятся следующие вещи:

  • современный браузер Google Chrome или Mozilla Firefox
  • локальный сервер
  • установочный архив WordPress
  • редактор Notepad++
  • Adobe Photoshop (все равно какая версия)
  • Наша голова (фантазия) и руки, которые умеют все))

А теперь по порядку.

Создадим папку, куда мы сохраним все файлы, которые будем качать из интернета.

Современный браузер

Если Вы, до сих пор, пользуетесь браузером Internet Explorer, то пора задуматься и понять то, что Вы не видите всего прекрасного, чего достигла WEB эволюция за последние 5 лет, благодаря этому хламу (извиняй компания Microsoft). Как сказал один неизвестный, но, видать, очень мудрый человек: «Internet Explorer нужен только для того, чтобы скачать нормальный браузер».

Чтобы начать пользоваться Google Chrome (мое субъективное мнение: очень хорош) просто заходим на google.com в правом верхнем углу видим синюю кнопочку «Установить Google Chrome» жмём её, и дальше по накатанной – да установить, да согласен, да сделать браузером по умолчанию.

Не сильно понятный интерфейс у Google Chrome? Есть второй вариант, до гугловского браузера моим любимым браузером был Mozilla Firefox (у него недостаток, что он потребляет много оперативной памяти). Чтобы получить его установочный файл переходи по ссылке http://www.mozilla.org/ru/firefox/new/ видим зеленую кнопку «Загрузить бесплатно», кликаем, скачиваем, устанавливаем.

И теперь у Вас есть реально крутой современный браузер, поздравляю!

Локальный сервер

Тут немного сложней, но тоже все просто. Не нужно пугаться этих слов локальный сервер (помню себя, они заставляли меня паниковать и думать про многотысячные сточки файла настроек httpd сервера Apache). К нашему счастью нам не придется ничего настраивать)).

Переходим на сайт http://www.denwer.ru видим большую красно-оранжевую кнопку «Скачать Denwer» и кликаем по ней, появится мини форма, где нам предложат выбрать версию PHP, я выбираю обычно ту, которая поновей. Потом нас перекинет на страницу, где нужно указать для статистики свое имя/фамилию (можно нереальную) и почтовый адрес(реальный), на который придет ссылка для скачивания. Ждем максимум 5 минут, заходим в свою почту, видим письмо, переходим по ссылке скачать, и загрузка пошла, теперь у нас есть локальный сервер, осталось его только установить. Поехали

* Примечание: Если у Вас запущен skype, выключите его перед тем как запустить установку Denwer’a.

  1. Запускаем установочный файл denwer’а.
  2. Откроется браузер Internet Explorer, который Вас попросят закрыть, для продолжения установки.
  3. Потом появится черное устрашающее окошко, в котором белыми буквами будет написано «Для продолжения нажмите Enter» — уверенно нажимаем его.
  4. Следующим шагом Вам предложат выбрать папку, в которую Вы хотите установить локальный сервер (по умолчанию это C:\WebServers). Я же предпочитаю устанавливать его на диск D (мало ли что, полетит windows – она это умеет делать неожиданно и тогда все труды в топку). То есть, я здесь печатаю: D:\web и жму Enter.
  5. Далее нужно указать имя виртуального диска, обычно это диск Z.
  6. Дальше Вы увидите процесс установки (файлы начнут копироваться).
  7. Предпоследним шагом будет вопрос: когда создавать виртуальный диск, тут я нажимаю кнопку 1 (автоматически при старте windows).
  8. А на последнем шаге Вам предложат создать ярлыки локального сервера на рабочем столе, тут нажимаем кнопку «Y» и «Enter», соглашаясь, потому что искать ярлык для запуска сервера каждый раз нецелесообразно.
  9. Вот и все, теперь у нас есть установленный локальный сервер. Согласитесь, элементарно.

После установки на рабочем столе у нас появится три ярлыка:

  • Start Denwer – для запуска локального сервера.
  • Restart Denwer – для перезагрузки локального сервера.
  • Stop Denwer – для остановки локального сервера.

Итак локальный сервер установлен, и на пару минут о нем забудем, но обязательно к нему вернемся, потому, что это не все).

Установочный архив WordPress

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

Чтобы получить установочный архив WordPress на русском языке переходим на сайт ru.wordpress.org, если же Вы делаете проект на другом языке, то Вам нужно перейти на сайт wordpress.org , а там Вам напишут, что можно скачать WordPress и для Вашего языка. Нам же нужна русскоязычная версия, поэтому справа мы видим кнопку «Скачать WordPress» и уверенно нажимаем по ней, выбираем сохранить в папку, которую мы создали в самом начале, и вуаля у нас есть последняя версия WordPress(тут уточню, что создатели WordPress обновляют свой движок регулярно, внедряя самые современные тенденции в мире WEB).

Редактор Notepad++

Редактор Notepad++ это обыкновенный блокнот с кучей примочек, его преимущества – простота, подсветка кода и самое главное возможность сохранять редактируемые файлы в кодировке UTF-8 with BOM, которая нужна для того, чтобы в нашем проекте русские слова не заменялись на всякие непонятные, корявые символы.

Скачать Notepad++ можно на официальном сайте: http://www.notepad-plus-plus.org

Adobe Photoshop

Adobe Photoshop, нам будет, необходим для работы с изображениями. К сожалению, если все предыдущие файлы мы получили бесплатно, то компания Adobe за бесплатно дает лишь демо-версию и то не на долго. Выход есть, его не может не быть) нужно всего лишь зарегистрироваться на практически любом торрент-трекере, на котором есть программное обеспечение и скачать крякнутую(взломанную) версию Adobe Photoshop, и естественно установить его.

* Примечание: на время скачивания Вам придется отключить антивирус, потому что все кряки для продуктов Adobe, антивирусы обычно распознают как троянские программы и автоматом их удаляют, даже из архивов.

Создаем проект

Итак, плацдарм для работы мы подготовили. Пора приступать к непосредственной работе над новым проектом.

Начнем создание нашего проекта, если Вы устанавливали локальный сервер, как я, в папку D:\web, тогда делаем следующие шаги:

  • Распаковываем установочный архив WordPress
  • Переходим в папку D:\web\home\
  • Создаем в ней папку startup – это будет название нашего проекта
  • Переходим в папку D:\web\home\startup\ и создаем в ней папку www
  • Копируем все файлы и папки из распакованного установочного архива WordPress в папку D:\web\home\startup\www (смотрите изображение, чтобы файлы WordPress были именно там, где нужно)

Распакованный архив WordPress в папке нового проекта

Корректируем файл настроек WordPress

В папке D:\web\home\startup\www нам нужно найти файл настроек WordPress – wp-config-sample.php и открыть его редактором Notepad++. Этот файл указывает WordPress’у, где находится наша база данных и кто ее администратор, внесем эту информацию:

/** Имя базы данных для WordPress */
define('DB_NAME', 'startup');
/** Имя пользователя MySQL */
define('DB_USER', 'startup');
/** Пароль к базе данных MySQL */
define('DB_PASSWORD', '12345');
/** Имя сервера MySQL */
define('DB_HOST', 'localhost');
/** Кодировка базы данных для создания таблиц. */
define('DB_CHARSET', 'utf8');
/** Схема сопоставления. Не меняйте, если не уверены. */
define('DB_COLLATE', '');

Создаем базу данных и ее администратора

Информацию, то мы внесли, но ни базу данных, ни пользователя мы не создали, исправим это.

Запускаем локальный сервер, надеюсь, Вы помните, что на рабочем столе нам следует два раза нажать мышкой на ярлык «Start Denwer». Открываем наш современный браузер и переходим по ссылке: http://localhost/tools/phpmyadmin/.
Но это, еще не все), после того, как мы закончили редактировать и закрыли файл wp-config-sample.php, его нужно переименовать в wp-config.php – это очень важно!

Создание базы данных в phpmyadmin

  1. Вписываем название нашей базы данных startup, кодировка Collation(сопоставление).
  2. Нажимаем кнопку создать. База данных создана.
  3. Переходим на вкладку «Privileges», чтобы создать пользователя базы данных.
  4. Сначала Вы увидите список пользователей, а внизу ссылку «Add a new User» смело жмём по ней и попадаем на страницу создания нового пользователя:
    Создание пользователя базы данных в phpmyadmin
  5. Заполняем блок «Login Information» (напомню, что пароль в настройках WordPress мы задали 12345, не забывайте, что это локальный проект, на рабочем проекте пароль нужно создавать как можно сложней).
  6. В блоке «Database for user» отмечаем радиокнопкой нашу созданную базу данных startup.
  7. В блоке «Global privileges» кликаем по ссылке «Check All» — разрешаем делать, создаваемому, пользователю с базой данных все, что он захочет.
  8. И завершающий шаг – в правом нижнем углу нажимаем кнопку «Go!». После чего нас перекинет на страницу, где мы увидим в салатовой рамке, под меню слова «You have added a new user»

Установка WordPress на проект

Все приготовления позади, что очень радует. Финальный аккорд – это установка WordPress для нашего нового проекта. Так как браузер у нас открыт, в адресную строку вставляем ссылку http://startup/

* Примечание: Не забудьте слэш в конце слова startup)

Ссылку вставили, нажали Enter, и попадаем на страницу установки WordPress,
Страница установки WordPress
на которой нам нужно внести такую информацию как:

  • Название нашего проекта
  • Имя администратора (желательно не admin) для входа в панель управления
  • Пароль для входа в панель управления
  • E-mail
  • И нажать кнопку «Установить WordPress»

Далее Вы попадете в панель управления Вашим новым проектом.

Подведем итоги

  1. Перед тем, как начать работу с Вашим проектом нужно запускать локальный сервер.
  2. Проект постоянно будет доступен по адресу http://startup/.
  3. Чтобы попасть в панель управления проектом нужно перейти по адресу http://startup/wp-admin/

Сегодня Вы узнали, как установить локальный сервер, и как установить на него WordPress, можно сказать, что Вы получили «низкий старт» в этом не легком деле. На этой статье я не заканчиваю, а только начинаю показывать Вам все тонкости этой интересной и захватывающей работы. В следующей статье цикла «Низкий старт» Вы узнаете, как настроить WordPress, ведь, до того, как Вы начнете наполнять его контентом, нужно разобраться с настройками и установить некоторые обязательные плагины, чтобы работа приносила удовольствие.

Добавить комментарий:


Комментарии
  1. Тарас

    Скажите пожалуйста, а можно ли перенести сайт на локалхост, если допущена ошибка «горячих людей»? а то я редактирую сайт онлайн, делал его не я, скоро буду раскручивать, и нужно иметь возможность вносить изменения локально. реально это сделать?

  2. JAH

    Тарас, привет, да можно! %) нужно экспортировать базу данных в «инструменты -> экспорт» потом зайти сюда — http://ruseller.com/lessons.php?rub_id=40&id=540 и поменять пути к картинкам — там увидишь……. ну и картинки тоже придется скопировать к себе на локалку

    а там что поменяешь локально, уже будешь иметь ввиду (тоесть знать какие файлы темы ты правил) и будешь вносить изменения уже через «внешний вид -> редактор»

  3. Михаил

    при попытке загрузить WordPress (http://startup/)вылетает ошибка Fatal error: Call to undefined function get_header() in Z:\home\startup\www\index.php on line 15…. И что делать???

    Ответь на почту пожалуйста

  4. JAH

    Михаил, вот решение на оф.форуме wordpress

  5. Max Suharev

    Пробовал ставить денвер на вин8 уж сильно замороченный он. Использую для таких дел microsoft webmatrix. Установка всех cms одним кликом, как на хостинге. А так пойдет как альтернатива денверу. 🙂

  6. JAH

    та вин8 тоже какойто замороченный)

  7. Галина

    Большое спасибо за статью! Скажите, а обещанное продолжение написано? Тоже очень актуально было бы 🙂

  8. Богдан

    Денвер морально устарел. попробуй заюзать http://open-server.ru/ намного удобней

  9. JAH

    Богдан, попробую)

  10. JAH

    Галина, да продолжение будет 100% очень скоро))

  11. Алекс

    Спасибо большое за статью, очень все подробно расписали. У меня вопрос: сейчас я сделаю на локалхосте и наполню сайт, а как его потом перенести на хостинг? Просто скопировать все папки по фтп? Или же надо как то менять настройки и пути внутри сайта? Заранее благодарен за ответ.
    П.С. Думаю хорошая тема для отдельной статьи.

  12. JAH

    Алекс, операция по переносу чуть сложнее обычного копирования) надеюсь в ближайшем будущем я посвящу этому отдельнуж статью, ну а если времени ждать нету, то можно погуглить по запросу «перенос БД wordpress на хостинг»

  13. Дарья

    Скажите, пожалуйста, а для работающих за маком есть такая же подробная инструкция? И в чем тут принципиальная разница?

  14. Саша Минский

    Я пока еще не очень крут в этих делах, но для себя нашел прекрасное решение по переносу базы и сайта без всяких мучений. Возможно, его и так все используют, но почему-то нигде не встречал об этом упоминаний. Я просто назвал локальную папку для сайта так же, как называется сам сайт, и все пути и записи в базе больше не требуют никаких корректировок 🙂

  15. Руслан

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

  16. Jet

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