В сегодняшнем посте мы рассмотрим, как быстро и легко можно установить WordPress на свой локальный компьютер с помощью инструмента XAMPP и зачем это вообще нужно.
Перед тем, как узнать «как» это сделать, давайте разберемся «зачем» это нужно и чем оно поможет в работе с сайтом на WordPress.
Вам наверняка приходится загружать немалое количество файлов, включая темы, плагины, прочее. А это может значительно снизить скорость загрузки, особенно в сравнении с тем, как легко удается скопировать и вставить ту или иную информацию, или извлечь zip-файл с одной части компьютера в другую.
Если же вы установите версию WordPress для локального компьютера, вы сможете переносить файлы, вносить изменения в wordpress, устанавливать темы и плагины, при этом загрузка страниц не будет тормозить работу с сайтом.
Если вы только начинаете работу с WordPress и изучаете его, то автономная локальная установка поможет вам в этом. Вы сможете экспериментировать, при этом никто не увидит, что именно вы делаете и какие изменения вносите на сайт.
Скорее всего, у каждого разработчика есть хотя бы один локальный сайт на WordPress. Тем не менее, если вы только начинаете работу с дизайном или разработкой, тогда вас может заинтересовать тот факт, что вы можете быстро загрузить полностью весь сайт на свой компьютер и редактировать его в автономном режиме.
Еще одной причиной для создания сайта в автономном режиме может быть возможность вести свой приватный блог. Вам будут доступны все возможности WordPress, включая все плагины, которые используются для этой платформы. И при этом никто никогда не увидит ваш блог в онлайн режиме.
Как видите, причин для установки WordPress на локальный компьютер множество. А теперь давайте разберемся, как это можно сделать, причем совершенно бесплатно.
Для использования WordPress на своем компьютере, сначала нужно скачать бесплатное программное обеспечение XAMPP . Это среда PHP разработки, хоть и есть много других возможностей для использования WordPress локально, но это является лучшим.
Это программное обеспечение можно скачать здесь , только выберите подходящий вариант, в зависимости от операционной системы на вашем компьютере и скачайте файл.
После загрузки соответствующего файла начните установку двойным щелчком мыши.
В процессе установки оставьте стандартные настройки и нажмите «Далее».
Когда дойдет до выбора папки для сохранения XAMPP, можно выбрать папку по умолчанию либо создать новую. Если вы не знаете, как лучше сделать, выберите первый вариант.
Ждем, пока XAMPP установится, чтоб перейти к следующему шагу.
Когда XAMPP установлен на ваш компьютер, выберите «Начать загрузку панели управления сейчас» и нажмите «Готово».
После этого нажмите «Start» для Apache и MySql:
На этом этапе обычно приходит оповещение о системе безопасности от Windows, но вы можете ни о чем не беспокоиться. Убедитесь, что вы нажали на «Разблокировать», и ваш локальный сервер XAMPP будет готов к использованию.
Чтоб проверить, все ли сделано правильно, откройте браузер и перейдите по этому адресу:
http://localhost
Если XAMPP настроен правильно, то вы должны увидеть следующее:
Так как WordPress использует базу данных, то нам нужно ее создать перед установкой WordPress. Это делается очень просто и всего в несколько шагов.
Для начала переключитесь на панель управления, нажмите на кнопку «Админ», а затем на «Старт» для MySql:
После этого в вашем браузере должна открыться админ-панель phpMyAdmin:
Здесь нажмите на «Databases», введите название вашей БД (любой набор латинских символов) и нажмите на кнопку «Создать». Так как вы можете создать несколько БД и произвести несколько установок WordPress на свой компьютер. Главное, дайте такое имя для БД, чтобы потом не перепутать, к какому сайту оно относится.
Когда вы увидите сообщение, подтверждающее создание базы данных, можете переходить к следующему шагу.
Перейдите на wordpress.org и скачайте последнюю версию WordPress . После загрузки zip-файла, перенесите его туда, где вы установили XAMPP и сохраните в папке «htdocs ».
Затем разархивируйте этот файл, кликнув на него правой кнопкой мыши и выбрав «Извлечь в текущую папку»:
Можете дать папке уникальное название, чтоб можно было отличить ее от других, которые вы будете создавать в дальнейшем.
Мы практически все сделали. Осталось только отредактировать и переименовать один файл. В каталоге WordPress, который вы только что создали, найдите файл wp-config-sample.php и откройте его с помощью текстового редактора, например Notepad++ :
Отредактируйте данные в выделенной области в соответствии с названием базы данных, которую вы создали в шаге 4.
Сохраните файл и переименуйте его на wp-config.php , удалив –sample из его названия.
Чтобы установить WordPress, введите в браузере адрес: http://localhost/wordpress/ , где «wordpress» является названием папки, которую вы создали в шаге 5. После загрузки страницы отобразится следующее:
Затем введите необходимые данные, нажмите на «Установить WordPress», после чего на вашем компьютере появится установленный WordPress в автономном режиме.
Если вы хотите установить темы или плагины, вы можете cделать это через админку WordPress, как бы вы это делали в онлайн режиме, или же можно скопировать файл в соответствующие папки на вашем компьютере:
Если вы не можете получить доступ к WordPress автономно по этим ссылкам, убедитесь, что XAMPP активен и запущены Apache и MySql.
Если вы хотите загрузить сайт онлайн для использования в режиме оффлайн, или наоборот, то в этом вам поможет бесплатный плагин Duplicator .
Во время разработки сайта мне часто удобнее писать относительные пути от корневой папки, чтобы не менять их при загрузке на сервер, а также, чтобы при работе с PHP можно было тестировать страницу на компьютере прямо на локальном сервере.
XAMPP полностью бесплатный и содержит в себе дистрибутив Apache и дает возможность работать с PHP, Perl, MySQL.
Также при использовании XAMPP можно при помощи Bitnami быстро устанавливать LMS Moodle или Wordpress.
Для начала нужно скачать установщик для вашей операционной системы. Это можно сделать по ссылке на официальном сайте: www.apachefriends.org/ru/index.html
В этой статье я скачаю установщик для Windows на примере которой, буду рассматривать установку и настройку XAMPP.
После нажатия кнопки скачивания, начнется загрузка.exe файла (вес файла примерно 110мб).
Когда скачивание завершилось, откройте файл установки (xampp-win32-5.6.30-0-VC11-installer.exe), запускать следует от имени администратора. В приветственном окне нажмем next.
Откроется контрольная панель. Пока что ничего запускать не нужно. Сейчас можно приступить к созданию доменов на нашем Localhost.
Сначала нужно добавить переадресацию сайтов в файле hosts. Этот файл лежит в папке etc по адресу: C:\Windows\System32\drivers\etc
Он не имеет разрешения, поэтому при запуске нужно будет выбрать обычный блокнот, чтобы открыть его.
Открываем в блокноте также файл httpd-vhosts.conf, который лежит в папке D:\XAMPP\apache\conf\extra
В самый конец дописываем следующий текст:
Теперь переходим в контрольную панель и нажимаем start у Apache. Сервер начал свою работу.
Денвером я пользовался три с лишним года, до определенного момента. Он просто отказался работать, постоянно выдавал белый экран и все. Сколько не пробовал его реанимировать так и не удалось. Так эта загадка и осталась у меня не разгаданной, все те рекомендации которые мне предлагали на форуме Denwer’a мне не помогли. После этого я начал искать альтернативу, и нашел отличный вариант. Как по мне, XAMPP намного удобнее в плане управления, так же обновляется гораздо чаще денвера.
XAMPP – это кросплатформенная сборка веб-сервера. Ее можно установиться на Linux, Windows, Mac OS и даже Solaris. Денвер же работает только под Windows. В состав данной сборки входят Apache, MySQL, PHP обработчик.
И так, для того чтобы скачать себе XAMPP переходим по этой ссылке , и качаем тот вариант дистрибутива, что вам подходит.
Большинство из вас пользуется операционной системой Windows. поэтому хочу предупредить, что Windows XP и Win2003, ну и более старые варианты OS, не поддерживаются. На таких древних динозавров ставьте Денвер.
После того как скачаете дистрибутив, переходим к его установке. Думаю особых трудностей установка XAMPP у вас вызвать не должна. Запускаем исполняемый файл.
После чего выбираем компоненты которе устанавливаем.
Включаем все чекбоксы, тем самым сообщаем что хотим установить Apache, MySQL, файловый менеджер Fizilla, почтовый сервер Mercury и сервер Tomcat и жмем кнопку далее.
Указываем место установки. По умолчанию это диск С:/xampp
Отключаем чекбокс, узнать подробнее о Bitnami, и жмем далее.
Финишируем и запускаем панель управления XAMPP.
В сравнении с более древними версиями она претерпела ряд изменений. Теперь она выглядит вот так:
а раньше выглядела вот так:
Сейчас нас с вами интересует кнопка Config что находится справа вверху. Можете на нее нажать, и сделать точно такие же настройки как у меня.
Суть настроек следующая. При запуске панели XAMPP сразу же запускать апач, mysql сервер, а так же почтовый сервер mercury.
В качестве редактора, выбран блокнот. Поле с браузером пустое, вы можете выбрать свой браузер. По умолчанию у меня система использует мозилу, поэтому я прописывать ничего не стал.
Кнопка Netstat — если на нее нажать, можете увидеть какие порты сейчас используются системой.
Кнопка Shell — вызовет командную строку.
Explorer — откроет папку куда установлен XAMPP.
Service — открывает окно, где отображены все действующие на данный момент службы.
Help и Quit объяснять думаю не нужно.
И так, с панелью управления мы познакомились. Теперь запускаем модули Апача и MySQL.
Открываем браузер, и вбиваем в адресную строку localhost. Наблюдаем за страницей приветствия.
Все хорошо, все работает.
Чтобы попасть в phpMyAdmin и создать там базу данных, вы открываете панель управления и напротив службы MySQL жмете на кнопку admin. Вам сразу же откроется нужная страница в браузере.
Чтобы создать свой сайт на сервере XAMPP, вам необходимо в папке C:\xampp\htdocs создать папку, например wordpress, чтобы в дальнейшем вы могли обращаться к данному сайту по адресу http://localhost/wordpress/
Для этого открываем вновь панель управления XAMPP и жмем кнопку Explorer. Находим нужную папку, и заливаем туда файлы движка.
После чего переходим по адресу http://localhost/wordpress/ и смело можем начинать установку WordPress движка на свою локальную машину.
Перед тем как создавать свой первый сайт на локалке, давайте внесем некоторые изменения в конфигурационный файл php.ini
Для этого в панели управления на против модуля Апач, жмем кнопку config и в выпадающем списке выбираем файл php.ini
Ищем строчку memory_limit и меняем ее значение на 256M, тем самым мы указываем сколько памяти выделять на обработку php скриптов.
Вы можете спросить почему именно 256 мегабайт, все просто, мне именно такое количество памяти. Поэтому я стараюсь максимально приблизить настройки локальной машины, к настройкам полевых испытаний.
Теперь поднимитесь глазами чуть выше, и найдите строку max_execution_time , там поставьте значение в 180 секунд.
Теперь после всех настроек сервера XMAPP перезагружаем Apache.
В качестве P.S. хочу сказать что ни сколько не жалею, что перешел с Denwer’a на XAMPP. Он мне нравится на много больше и работает как мне кажется шустрее.
Локальный сервер - это набор программ, которые позволяют разрабатывать сайт на локальном компьютере без подключения к Интернету. Он аналогичен серверам, которые расположены у хостеров. Если вы создаете сайт используя только html-страницы с дизайном CSS, то никакой локальный сервер вам не нужен. Но если сайт динамичный, т.е. создан с использованием Php, Perl, MySQL, скриптов и т.д., то для его отладки и тестирования понадобится локальный сервер.
Я уже писал о том, что мы будем использовать в качестве локального сервера XAMPP. Переходим по этой ссылке и выбираем XAMPP для нашей платформы. Моя операционная система Windows (у вас наверное тоже), поэтому жмем на XAMPP for Windows и попадаем на страницу, где находим следующий блок:
Выбираем для скачивания Installer . После того, как файл скачается, запускаем его. Вообще весь дальнейший процесс установки не требует никакого вмешательства со стороны пользователя, кроме нажимания кнопки «Next», но все таки я распишу его более подробно. После того, как мы запустили инсталятор, у нас на экране появляется такое окно:
Русского языка в инсталляторе нет, поэтому оставляем английский, жмем «ОК».
Жмем «Next».
Здесь нам предлагают выбрать, куда мы будем устанавливать XAMPP, оставляем без изменений. Жмем «Next».
Здесь нам предлагают выбрать устанавливаемые компоненты. Оставляем как есть, жмем «Install».
Через пару-тройку минут инсталяция закончена. Жмем «Finish». У нас загружается вот такое окошко, которое называется контрольной панелью, а на рабочем столе появляется значок XAMPP.
Если панель не загрузилась, то для ее загрузки щелкаем по значку. Здесь мы будем запускать и останавливать серверы Apache и MySQL. Для старта сервера необходимо нажать на кнопку «Start». Нажимаем и вот что у вас должно получиться:
Мы будем запускать только Apache и MySQL. Как видно из скриншота, Apache использует 80 порт . Этот же порт по умолчанию использует Скайп и если у вас загружен Скайп и порт 80 занят, то Apache не загрузится. Поэтому идем в Скайп: Инструменты->Настройки->Дополнительно->Соединение и убираем галочку с «Использовать порты 80 и 443 в качестве входящих альтернативных» . Ну и в заключении хочу добавить, что для остановки сервера мы будем нажимать кнопку «Stop». Но пока оставляем все загруженным. Кстати, загрузку, остановку и перезагрузку XAMPP можно осуществлять и с помощью специальных приложений, которые находятся в папке C:\xampp\ это xampp_start.exe , xampp_stop.exe и xampp_restart.exe .
Установка не должна была вызвать каких-то затруднений. Переходим к настройке. Запускаем серверы Apache и MySQL и замечаем в строке Apache кнопку «Admin» , жмем на нее. Загружается такое окошко:
Русский язык к сожалению не представлен, выбираем английскую версию, как самый универсальный вариант. Но вы можете выбрать другой понравившийся вам язык. Попадаем сюда:
Это и есть веб-интерфейс XAMPP. Нам здесь важны два пункта. Первый - это Security :
здесь находятся настройки безопасности. Если перейти по ссылке http://localhost/security/xamppsecurity.php можно будет задать пароль для администратора баз данных MySQL и там же можно установить пароль на директорию XAMPP для ограничения доступа из локальной сети:
Я пока не буду задавать здесь пароли, вы же действуйте на свое усмотрение.
Второй важный нам пункт это phpMyAdmin . Заходим и попадаем на следующую страницу:
Вот ради этого мы и городили весь наш огород. phpMyAdmin — веб-приложение для администрирования MySQL, а MySQL - это система управления базами данных, а наш будущий сайт - это и есть та самая база данных, которой будет управлять MySQL. Кажется, я тут все понятно изложил, а в подробности можно пока особо не вникать. Сюда мы зашли только по одной причине - у нас пока еще нет базы данных, так давайте ее создадим. Каждая база данных должна иметь свое уникальное название, я уже придумал название для нашей базы данных, предлагаю назвать ее site . Выбираем закладку «Базы данных», внизу в окошке «Новая база данных» пишем site, в окошке «Сравнение» выбираем utf8_general_ci - это кодировка для нашей базы. Жмем «Создать».
Теперь нам нужно назначить пользователя для только что созданной базы. Идем в «Привилегии»
Жмем на «Добавить нового пользователя» и заполняем следующие поля:
Имя пользователя - любое слово состоящее из английских букв
Хост - Localhost
Пароль - любое сочетание английских букв и цифр
Многие начинающие веб-мастера для простоты запоминания и пароль, и имя пользователя делают таким же, как название базы данных, в нашем случае это было бы site. Это оказывается огромной прорехой в безопасности. Поэтому, когда будете создавать собственный сайт не поленитесь придумать другое имя пользователя, а пароль сгенерируйте с помощью кнопки «Генерировать», распечатайте и сохраните в надежном и безопасном месте. Вот пример такого заполнения:
Но так как у нас с вами обучающий курс, я поступлю как самый настоящий начинающий веб-мастер, которым, кстати, и являюсь, и заведу имя пользователя и пароль site .
Теперь необходимо назначить привелегии созданному пользователю, в Глобальных привелегиях жмем «Отметить все» и говорим «Ok».
Как, еще не все? - спросите вы, увы, нет, подходим к самому интересному. Для того чтобы мы могли просматривать в браузере свой сайт, необходимо настроить виртуальный хост. Для этого мы отправимся редактировать файл C:\xampp\apache\conf\extra\httpd-vhosts.conf. Открываем файл с помощью Notepad++ или обычным блокнотом. Сейчас в этом файле имеется некоторая информация, все строки которой начинаются с #. Мы ее не трогаем, а ниже добавляем следующий код:
NameVirtualHost 127.0.0.1
ServerName localhost
ServerAdmin admin@localhost
Здесь мы указываем имя виртуального хоста и описываем локальный хост. Теперь нам надо добавить данные, чтобы заработал наш сайт. Наш сайт будет называться также, как мы назвали базу данных - site , но названия сайта и базы данных не обязательно должны совпадать. Конечно, наш сайт должен будет называться что-то типа www.site.ru, но нам нет необходимости указывать полное имя сайта, так как это название будет использоваться только на нашем локальном компьютере, а нам нет нужды писать лишние буквы, поэтому и назовем его просто site. Под тем кодом, который мы только что добавили, добавляем еще код:
ServerName site
ServerAlias www.site
ServerAdmin [email protected]
DocumentRoot "C:/xampp/htdocs/site/www/"
ErrorLog "C:/xampp/htdocs/site/logs/error.log"
CustomLog "C:/xampp/htdocs/site/access.log" combined
AllowOverride All
Order allow,deny
Allow from all
ServerName site
- Название нашего сайта, которое можно писать без.ru
ServerAlias www.site
- Альтернативное название сайта
ServerAdmin [email protected]
- Почта администратора ресурса
DocumentRoot "C:/xampp/htdocs/site/www/"
- Папка с файлами сайта
ErrorLog "C:/xampp/htdocs/site/logs/error.log"
- Журнал ошибок
CustomLog "C:/xampp/htdocs/site/access.log" combined
- Журнал посещений
Когда вы захотите создать еще один сайт, вам будет достаточно скопировать и добавить последний код, заменив в нем название сайта на новое.
Осталось добавить наш сайт в базу данных доменных имен нашей операционной системы Windows. Для этого в Windows 7 заходим в папку C:/Windows/ и находим в ней файл notepad.exe , выделяем его и жмем правую кнопку мыши, выбираем «Запуск от имени администратора», затем Файл >> Открыть выбираем папку C:/Windows/Sistem32/drivers/etc/ а в поле «Имя файла» руками вбиваем слово hosts . Если все сделали правильно, откроется файл hosts. В нем будет некоторая информация, также закомментированная решеткой #. Ниже добавляем следующую конструкцию:
127.0.0.1 site
Если будете создавать еще сайт, скажем site2, не забываем добавлять в этот файл:
127.0.0.1 site2
Для того, чтобы иметь возможность просматривать письма при тестировании формы обратной связи, необходимо сделать так называемую почтовую заглушку. Делается это следующим образом, открываем Notepad++, создаем новый документ, выбираем синтаксис PHP а кодировку UTF-8, затем помещаем в этот документ следующий код:
//папка в которую будем складывать почту
define("DIR","c:/xampp/tmp/sendmail/");
//получаем из потока тело письма
$stream = "";
$fp = fopen("php://stdin","r");
while($t=fread($fp,2048))
{
if($t===chr(0))
break;
$stream .= $t;
}
fclose($fp);
//Сохраняем в файл
$fp = fopen(mkname(),"w");
fwrite($fp,iconv("UTF-8","CP1251",$stream));
fclose($fp);
//Функция присвоения имени файлу
function mkname($i=0)
{
$fn = DIR.date("Y-m-d_H-i-s_").$i.".eml";
if (file_exists($fn))
return mkname(++$i);
else return $fn;
}
Сохраняем файл под именем sendmail.php в папку C:\xampp\sendmail\. Затем в папке C:\xampp\tmp\ создаем папку sendmail .
В файле php.ini (C:\xampp\php) заменяем строчку:
Sendmail_path = "C:\xampp\sendmail\sendmail.exe -t"
на строчку:
Sendmail_path = C:\xampp\php\php.exe c:\xampp\sendmail\sendmail.php
Перезапускаем XAMPP. Если вы все сделали правильно, все отправленные письма можно будет просмотреть в папке C:\xampp\tmp\sendmail\. Но пока у нас нет обратной связи, поэтому, будем проверять тогда, когда ее создадим.
Мы столько уже сделали, придумали название, даже прописали пути к нашему сайту, а до сих пор даже не создали для него папку. Настала пора этим заняться.
Все сайты, которые мы будем делать, мы будем размещать в папке C:/xampp/htdocs/. Теоретически, не обязательно использовать именно эту папку, можно использовать любую другую, но для этого надо будет изменить пути в файле httpd-vhosts.conf. Но мы не будем отходить от традиций. Давайте создадим нашу папку site в папке htdocs . А теперь в папке C:/xampp/htdocs/site/ создадим еще две папки: www и logs . В папке www будут находиться все фалы нашего сайта, которые мы будем потом переносить на хостинг. Папка logs будет содержать два файла - журнал ошибок и журнал посещений.
Ну вот, собственно, и все. На этом наш первый урок можно считать оконченным. Я засек время, которое мне понадобилось на то, чтобы проделать все, что описано в этом уроке. У меня получилось примерно 10 минут. Добавим время на скачивание дистрибутива XAMPP, ну пусть 5 минут. Итого, получается, что наше первое занятие мы выполнили за 15 минут. Время на ознакомление с материалом я не учитываю, так как наш слоган "Сайт за один день!" подразумевает не обучение этому процессу за один день, а время, за которое мы создадим сайт. До встречи на следующем уроке.
Перед тем как установить Joomla на локальный компьютер, вы должны установить и настроить Web сервер на компьютере (Apache, MySql и PHP). Здесь будет рассмотрена установка пакета XAMPP, который содержит эти составляющие. Вы так же можете воспользоваться другими пакетами типа Denwer и т.п. или установить и настроить Apache, MySql, PHP самостоятельно.
Последнюю версию XAMPP для Windows можно найти на официальном странице . На данной странице нужно найти ссылку "Installer", нажать ее, загрузить установочный файл (например, xampp-win32-1.7.4-VC6-installer.exe) в любую директорию на компьютере. Запустить загруженный файл, после чего должно появиться следующее окно
Нажимаем кнопку "Next"
Здесь нужно указать директорию, в которую будет производиться установка. Производители не рекомендуют устанавливать XAMPP в директорию "C:\Program Files", из-за отсутствия или недостаточного разрешения на запись в этой директории. Директория, которая ставиться по умолчанию вполне подойдет. Нажимаем "Next".
В этом диалоговом окне можно выбрать установку Apache и MySQL как сервисы, т.е. они будут запускаться автоматически при старте Windows. Нажимаем кнопку "Install".
Установка прошла успешно нажимаем кнопку "Finish". После этого появиться диалоговое окно
Вас поздравляют с успешной установкой и предлагают запустить контрольную панель XAMPP . Если нажать кнопку "Да", то откроется контрольная панель, которая выглядит следующим образом.
Через данную контрольную панель можно запускать и останавливать сервисы Apache и MySQL. Если они еще не запущены, нажимаем напротив них кнопку "Start".
Открываем браузер и набираем в адресной строке "http://localhost/", после чего должна открыться вступительная страница XAMPP.
По умолчанию директория для localhost будет "c:\xampp\htdocs\", именно в ней находятся файлы, которые отображают в браузере вступительную страница XAMPP. При необходимости ее можно изменить в настройках сервера Apache, но это делать не обязательно. Для изменения директории остановите сервер Apache, в файле C:\xampp\apache\conf\httpd.conf (этот файл отвечает за конфигурацию сервера) укажите путь к желаемой директории, где будет находиться корень сервера:
DocumentRoot "C:/xampp/htdocs"
Запустите сервер снова. Для проверки работы можно в этой директории создать какой-нибудь index.html или index.php файл и набрать в браузере адрес - http://localhost/, должно загрузиться содержимое этого файла. Если вы изменили директорию, доступ к phpMyAdmin останется тот же: http://localhost/phpmyadmin/
Изначально XAMPP сконфигурирован для разработчика, т.е. в браузере будут отображаться не только критические ошибки PHP, но и различного рода предупреждения, например, "Strict Standards: ...", "Notice: ..." и другие. Для изменения уровня отображения ошибок PHP нужно открыть файл "C:\xampp\php\php.ini" в любом редакторе и в нем поставить значение.
