Как установить вордпресс на опен сервер – Как установить WordPress на компьютер, пошаговая инструкция на локальный OpenServer

Установка wordpress на openserver

Установка wordpress на openserver

Как установить openserver, подробно рассказано.

Переходим в корневую папку сервера, заходим в папку с доменами domains, создаем новую с названием wordpress, например.

В новую папку распаковываем файлы и cms wordpress, который скачаем с официального сайта.

cms wordpress, который скачаем с официального сайта.

Содержание статьи

Создаем чистую базу в open server.

Запускаем openserver, чтобы загорелся зеленый флажок.

Заходим в пункт дополнительно phpMyAdmin.

Логин root, без пароля.

Создаем новую базу с именем wordpress, в поле сравнения всегда выбираем кодировку utf8_general_ci

и нажимаем кнопку создать.

Создаем чистую базу в open server

Установка wordpress.

Теперь зайдем на сайт, выбираем пункт меню мои сайты и выбираем название домена wordpress.

  1. Появится окно начала установки данной cms. Нажимаем вперед.
  2. Во втором пропишем имя базы данных, которую создали wordpress, логин root, без пароля, префикс оставляем. Нажимаем кнопку отправить.
  3. Третий шаг наживаем запустить установку.
  4. Откроется окно, в нем задаем название сайта, пользователя и пароль от административной панели wordpress и почтовый адрес. Нажимаем установить.
  5. Нажимаем кнопку и вводим логин и пароль для wordpress.

Создаем чистую базу в open server

Стартовый шаблон для wordpress.

Также как и для gulp проектов есть стартовый шаблон.

Шаблон называется underscores.

  1. Он содержит первоначальную правильную структуру. Пишем название темы,например, word и нажимаем кнопку возле generate.
  2. Когда новый чистый шаблон добавится на наш компьютер, то разархивируем его в папку wordpress по пути C:\имя openserver\domains\wordpress\wp-content\themes.
  3. Переходим в административную часть, в пункт меню внешний вид и активируем новую тему word.
  4. Проверяем как выглядит, пишем в командной строке имя домена wordpress.

Шаблон называется underscores.

 

Настроим чистый шаблон underscores под landing одностраничник.

Попробуем редактировать файл и посмотрим, как будет меняться в браузере.

Желательно, если мы хотим менять файл в теме делать его копию.

  1. Заходим в пункn меню страницы выбираем пример страницы выделяем и нажимаем свойства. Меняем ярлык на home.
  2. Переходим в настройки чтение и выбираем статическую страницу.
  3. Проверяем, переходим на сайт и видим, что появилась статическая страница, которую добавили.

Настроим чистый шаблон underscores под landing

Убираем лишние записи на главной страницы landing.

  1. Заходим в папку темы C:\OSPanel\domains\wordpress\wp-content\themes\word, находим файл page.php, который отвечает за страницу. Делаем копию и называем page-home.php, через дефис добавляем название ярлыка статической страницы home.
  2. Этим файлом будем редактировать главную страницу. Открываем этот файл в
    программе sublime text и удаляем все лишнее
    , это комментарии и сайдбар.
  3. Настроим файл контента. Зайдем по пути template-parts/content и сделаем копию файла content, переименуем ее в content-home.

Убираем лишние записи на главной страницы landing

Работаем с тремя файлами, для одностроничника, этих файлов достаточно.

  • header.php заголовок страницы.
  • content-home.php содержание.
  • footer.php подвал.

Подключаем gulp к cms wordpress и делаем автоматическое обновление страниц browser-sync.

Копируем файл gulpfile.js с папку с темой wordpress и открываем его в sublimetext для редактирования. О настройке автоматического обновления страниц страниц подробно.

  1. Переходим в task слежения изменения файлов watch и добавляем мониторинг всх файлов с расширением
    *.php
    . и добавляем новую строку gulp.watch (…/**/*.php, browserSync.reload).
  2. Редактируем task автоматического обновления страниц browser-sync. Удаляем server baseDir, вместо этого пишем proxy: wordpress, с названием локального домена.
  3. Меняем пути с app на wp-content/themes.

Установка WordPress на OpenServer на свой компьютер

Ну что же. Настало время установить систему управления сайтом (CMS) на наш OpenServer.
Но перед этим небольшое отступление. В данной статье, устанавливать будем WordPress. Почему именно WP?

  • Во-первых, это одна из наиболее распространенных CMS в сети. В связи с чем, для неё создано множество плагинов, виджетов, расширений, шаблонов. Как бесплатных так и платных.
  • Во-вторых, постоянные обновления, исправление ошибок, «дыр в защите». Если честно, за все время использование ВордПресс (а это более 4 лет), я ни разу (!) не правил код самой системы. В этом попросту не было необходимости. Все работает стабильно и без ошибок.
  • В-третьих, простота использования. Интерфейс прост и понятен, в отличие от той же Joomla, в которой перед созданием обычной записи, необходимо «по-шаманить» с категориями и меню. В WordPress автор максимально сосредоточен на статье (контенте), а не на настройках системы.

Установка WordPress на OpenServer.

Первым делом скачиваем CMS с официального сайта перейдя по ссылке. 
Запускаем программу OpenServer, но НЕ запускаем сам сервер. Жмем по флажку в трее и выбираем «Папка с сайтами».
В открывшемся окне создаем папку с доменом вашего сайта, на который предварительно установили заглушку. Я же создал «my-site.ru». Установка WordPress на OpenServer

Внимание! После запуска сервера, настоящий домен будет не доступен, до тех пор, пока запущен Опен Сервер.

Распаковываем содержимое папки «wordpress» из архива в созданную папку.
Запускаем OpenServer.
В меню программы переходим Дополнительно » PhpMyAdminОткроется страница авторизации в админку Php.
Логин: root
Поле пароля оставляем пустым. Жмем вход (вперёд).
В админке справа выбираем пункт «Создать БД» либо в горизонтальном меню «Базы данных». Вводим произвольное имя, у меня это test, и создаем. Создание базы данных

Теперь переходим на наш сайт. Сделать это можно двумя способами. 1- в адресной строке браузера. 2- OpenServer » Мои сайтыУстановка WordPress

Читаем инфу, жмем Вперёд!
Теперь заполняем поля:

  • Имя базы данных — указывали при создании БД
  • Имя пользователя — root
  • Пароль — оставляем пустым
  • Сервер базы данных и Префикс таблиц оставляем без изменений

 

Установка WordPress

Жмем «Отправить». Затем «Запустить установку».
Финальная часть установки. Заполняем необходимые данные:

  • Название сайта — отображается в верхней части сайта
  • Имя пользователя — служит логином для входа в админку
  • Пароль — пароль к админке
  • Ваш e-mail — указывайте действующий e-mail. Можно изменить в настройках
  • Видимость для поисковых систем — галочку НЕ ставить

Установка WordPress

Жмем «Установить WordPress»
Установка WordPress Финал

Поздравляю! Ваш сайт готов. При нажатии по кнопке «Войти» вас отправит на вход в админку. Также в неё можно попасть добавив к адресу вашего сайта /wp-admin

В следующей статье установим основные необходимые плагины.

Спасибо за внимание (=
Не забудьте добавить сайт в закладки (Ctrl+D)

Установка WordPress на Open Server

В данной публикации я распишу полную установку WordPress движка, на локальный веб сервер Open Server. Расписывать что такое Open Server я пожалуй не буду, так как уже писал в рублике о серверостроение.
 
 
 
 
 
Для начало скачаем дистрибутив Open Server. Загружаем Open Server с официального сайта версию Mini. (Full версию качать не нужно, в ней содержаться браузеры, проигрыватели, офисные и системные утилиты, они нам не к чему).

Скачать Open Server Mini (~100 Мб)

Далее загружаем сам WordPress

Скачать WordPress (~5 Мб)
 

Установка локального веб сервера Open Server

Тут все просто, распаковываем наш архив, скаченный с официального сайта в любую папку (Я возьму «X:\OpenServer»). Можете выбрать другой каталог, желательно что бы не было кириллицы на пути. Запускается наш веб сервер файлом «Open Server.exe», если будут проблемы — то запустите файл от имени администратора. После запуска программы у вас в трее появится маленький красный флажок. Что бы запустить все модули и библиотеки для работы нашего сервера — нажимайте на флажок и выбирайте пункт в меню «Запустить».

После запуска Open server, открываем любой браузер и вписываем туда адрес «http://localhost/». Если появилось сообщение вида «Добро пожаловать в Open Server!» значит веб сервер работает и это уже хорошо!!!


 

Установка WordPress на Open Server

В этой части статьи я подробно распишу установку WordPress. Что бы запустить наш движок, нужно создать виртуальный хост. Для нам нужно создать папку домена в каталоге «domains», по адресу «X:\OpenServer\domains\». В моем случае я создаю папку «help-digital.ru». После извлекаем движок WordPress в эту созданную нами папку.

Что бы задействовать наш виртуальный хост, нужно перезапустить Open server — для этого идем в трей нажимаем на программу и в контекстном меню нажимаем «Перезапустить».

Далее заходим на наш блог через браузер, мы видим ошибку, wordpress не видит файл конфигурации, а сейчас мы его и создадим. Нажимаем «Создать файл настройки», далее нажимаем «Вперёд!». Теперь wordpress у нас спрашивает данные от нашей базы данных, у нас её пока нет, но мы её сейчас создадим.

Что бы создать базу данных нам надо зайти в PhpMyAdmin. Для этого заходим в трей и нажимаем «Дополнительно» далее «PhpMyAdmin».

После у нас открываются браузер, в поле пользователь вводим «root» (без пароля) и заходим в управление PhpMyAdmin.

Здесь нам нужно создать нашу базу данных под WordPress. Для этого переходим в вкладку «Базы данных», здесь нам нужно ввести название нашей базы данных в форму «Создать базу данных«, к примеру я ввожу «help_digital»(можно написать своё название, решать вам) далее нажимаем создать.

Возвращавшемся обратно на наш сайт, и вводим данные нашей базы данных:

Имя базы данных: help_digital

Имя пользователя: root

Пароль: оставляем пустым, так как по умолчанию базы данных WordPress не защищены паролем.

Сервер базы данных: localhost

Префикс: в целях безопасности лучшее не использовать префикс «wp_» , так что пишем свой, я же возьму «base_»

После заполнения всех форм нажимаем «Отправить».

После загрузки следующей страницы нажимаем «Запустить установку»

Далее вводим название своего сайта, наш логин и пароль от панели администратора и наш E-mail адрес.

Нажимаем войти. Все на этом установка нашего движка под сайт завершена.

Вордпресс установка на Open Server — artisteer-rus.com

Вордпресс еще один из популярных движков. Шаблоны для которого можно сделать в Artisteer и Themler. Многие не без оснований считают, что Вордпресс один из самых простых движков для сайта в изучении. В этой статье мы рассмотрим установку CMS Вордпресс на локальный сервер Open Server. Для установки нам понадобится: созданная новая база данных в Open Server, данные пользователя базой можно

использовать созданного ранее, текстовый редактор например бесплатный Notepad++. Так же непосредственно сам дистрибутив Вордпресс, который можно скачать с сайта русской поддержки Вордпресс по адресу https://ru.wordpress.org/

И так создаем новую базу данных в PhpMyAdmin нашего Open Server авторизовавшись в PhpMyAdmin данными нашего созданного в пред идущей статье пользователя pupkin:

Создание базы данных для Вордпресс

Идем в папку domains нашего Open Server, и в ней создаем новую папку, назовем её например word47 ( название желательно вам понятное, что бы в последствии, если сайтов в Open Server станет много, вы по названию смогли определить, что стоит в той или иной папке ). Теперь разархивируем скачанный пакет Вордпресс, и копируем содержимое разархивированной папки ( частая ошибка, надо копировать именно содержимое, а не папку ):

Копирование установочного пакета Вордпресс

в папку domains —> word47 нашего Open Server.

После того как файлы перенесены, заходим в папку word47 и находим в ней файл конфигурации wp-config-sample.php переименовываем его в файл в wp-config.php Открываем получившийся файл wp-config.php в текстовом редакторе Notepad++ и находим следующие строки, которые редактируем под свои данные:

редактирование конфигурационного файла Вордпресс

Где: 1. — имя нашей созданной базы данных для Вордпресс в PhpMyAdmin ( у нас это wordpress47 ). 2. — имя пользователя нашей базой данных ( у нас pupkin ). 3. — пароль от пользователя базой данных pupkin. 4. — имя сервера, по умолчанию стоит localhost нам подходит, оставляем без изменений.

Теперь опускаемся чуть ниже и видим предложение ввести уникальные ключи, здесь же в комментарии дана ссылка сервиса по генерации этих ключей:

уникальные ключи вордпресс

Копируем эту ссылку в браузер и переходим по ней. Нам открывается страница с полностью сгенерированным блоком уникальных ключей. Полностью копируем всё. И заменяем весь блок в нашем wp-config.php на скопированное:

генерация уникальных ключей для вордпресс

Закрываем wp-config.php сохранив сделанные изменения ( в Notepad++ при закрытии файла будет задан вопрос на английском о сохранении, нажать «Да» ).

Перезапускаем Open Server ( частая ошибка новичков, забывают после всех изменений перезапустить сервер ).

Подготовительные операции сделаны, теперь непосредственно установка Вордпресс. Переходим в браузере по адресу: word47/wp-admin/install.php ( где word47 имя папки нашего сайта в domains ). Если ранее все было сделано правильно, нам откроется первая страница установщика, в которой заполняем соответствующие данным поля:

Страница установки Вордпресс

Где: 1. — Название вашего сайта (не путать с адресом и доменом) потом можно изменить в админ панели. 2. — Имя администратора сайта ( любое на английском, каким вы бы хотели что бы вас называли на сайте ). 3. — пароль от админпанели ( не делайте слишком простой, и обязательно сохраните, имя администратора и этот пароль от админпанели ) 4. — понятно без комментариев.

Жмем кнопку внизу «Установить WordPress». Ждем, иногда довольно долго, пока Вордпресс установится, и если все сделано правильно, сразу попадаем в админпанель.

Однако для полного завершения процесса, рекомендую: 1. — в правом верхнем углу, навести на надпись «Привет…( у нас admin )» и нажать на «Выйти». Вы разлогинетесь и откроется страница авторизации. 2. — сделать закладку в браузере адреса авторизации в админпанели нашего сайта. 3. авторизоваться по новому данными от администратора, которые ранее вы записали и сохранили от админпанели:

авторизация в Вордпресс

Установка Вордпресс на Open Server завершена. В заключении хочется сказать, что установка Вордпресс считается одной из самых простых, главное быть внимательным и понять принцип.

Как установить WordPress на OpenServer?

Привет всем, сегодня я расскажу вам как установить WordPress на OpenServer. Делается это практически так же, как и в программе Denwer, различия лишь в особенностях каждой из программ. Не буду много говорить, давайте сразу перейдем к делу…

Как установить WordPress на Open Server?

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

Так же скачайте новую версию WordPress на свой компьютер, сделать это можно с официального сайта, так как CMS распространяется бесплатно, это я описывал в статье о том, как выбрать CMS систему…

И так, мы имеем установленный и работающий OpenServer и свежую версию CMS WordPress. Переходим в папку с установленным сервером, куда распаковать файлы программы вы указывали при установке, и находим папку «domains«.

Создаем новую папку с любым названием, которые вы хотели бы видеть при работе с сайтом. Для примера я создам папку под названием Project. В эту папку необходимо распаковать файлы CMS WordPress, вот что примерно у вас должно получится…

После чего нам необходимо создать базу данных, для этого запускаете OpenServer кликом по иконке, которая находится в папке, куда вы распаковали программу. И в Трее нажать кнопку запустить, как показано на рисунке…

После чего, во вкладке «Дополнительно», далее «PhpMyAdmin». Откроется новое окно, где на нужно создать новую базу данных, как это сделать?

Входим в аккаунт, обычно логин и пароль одинаковые — mysql. После чего в разделе «Базы данных» вам нужно создать новую, как это сделать? В поле, которая обведена рамкой вводите название будущей базы данных, рекомендую вам ввести базу данных. так как назвали папку, в которую перемещали WordPress. Так меньше вероятности что вы запутаетесь…

После во втором поле выбираете utf8_general_ci и нажимаете создать. После чего вам выводится письмо о том, что База Данных успешно создана и вы можете ей пользоваться…

Далее, нам необходимо перезапустить OpenServer, что бы программа обновила данные. Делается это в меню, просто нажимаете перезапустить и в разделе «Мои сайты», находите только что созданный сайт и запускаете его…

У вас откроется новая страница в браузере, с быстрой установкой от WordPress.   Где вы должны подтвердить установку кнопкой «Вперед!«. На следующей странице, необходимо ввести информацию о Базе данных и свои будущие логин и пароль.

Так как сайт будет хранится исключительно на вашем компьютере рекомендую вам создать легкий пароль, что бы не мучиться лишний раз при вводе, лично я в качестве и пароля, и логина использую слово Admin. И уже потом, когда выкладываю сайт в интернет придумываю что-то более сложное…

  • Имя базы данных — Название базы данных, которое вы указали при её создании…
  • Имя пользователя — Имя пользователя, которое вы указывали при входе в «PhpMyAdmin», чаще всего — mysql.
  • Пароль — Пароль базы данных, который вы указывали при входе в «PhpMyAdmin», также по умолчанию установлен как mysql.
  • Сервер базы данных и Префикс таблиц — данные которые введены в этих полях оставляем без изменений.

Нажимаем на кнопку «Отправить!», что бы отправить на проверку и на следующей странице запускаем установку соответствующей кнопкой. И если вы попали на страницу «Добро пожаловать!», то можете считать, что установка прошла успешно.

На этой странице вам необходимо указать название и описание сайта, как выбрать название для сайта я рассказал в прошлой статье.  Указать логин и пароль администратора и ваш E-mail адрес. Сохраняем данные и радуемся проделанной работе.

После этого, вам необходимо зайти в Админку по указанным логину и паролю и теперь, вы имеете сайт на своем локальном компьютере. Рекомендую вам прочесть статью, где я описал знакомство и первые шаги с CMS WordPress…

Так же рекомендую подписаться на бесплатную рассылку уроков от WpMen, так как в следующей статья я расскажу вам как раскрутить только что созданный сайт с 0 до 300 посетителей в сутки бесплатно… Вы просто обязаны это прочесть, ждем…

Спасибо за внимание, с вами был Миннагалиев Альберт и блог WpMen…

Установка OpenServer по шагам от скачивания до проверки работы программы.

Что такое OpenServer?

OpenServer – набор программ, платформа для локальной работы с сайтами. Включает в себя:

  • Apache;
  • Nginx;
  • MySQL;
  • MariaDB;
  • MongoDB;
  • PostgreSQL;
  • PHP;
  • PHPMyAdmin.

И ряд компонентов и скриптов, с помощью которых создается полноценный сайт. Затем сайт переносят на хостинг. Платформа OpenServer подойдет и веб-разработчикам.

Где скачать Open Server?

скачиваем опенсервер с оффсайта

На странице «Скачать» нужно выбрать необходимую редакцию (чтобы проверить резервную копию или установить CMS подойдет «Базовая»), ввести капчу и нажать на кнопку скачивания.

Виртуальный хостинг сайтов для популярных CMS:

скачиваем опенсервер с оффсайта

Откроется страница с отзывами, и ссылкой на программу.

сохраняем установочный файл

Жмем «Скачать», сохраняем файл. Скачивание займет до 60 минут.

Это еще одна причина выбрать минимальную версию – нет смысла увеличивать в 3 раза объем программы, если использоваться будет только связка Apache+PHP+MySQL.

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

Так что лучше час-два подождать, чем потратить эти же 2 часа на чистку операционной системы от «внезапно» установившихся лишних программ.

Устанавливаем OpenServer.

Переходим в папку со скачанным установщиком, запускаем файл:

запускаем установку OpenServer

Выбираем папку, в которую будет распакована программа, нажимаем «ОК»:

папка для программы

Ждем, пока распакуется архив:

распаковываем установщик

Теперь программу можно запускать.

Настройка и запуск OpenServer.

После завершения процесса установки, можно перейти в заданную папку и запустить программу. В зависимости от разрядности операционной системы, выберите либо «Open Server x64.exe», либо «Open Server x86.exe».

выбираем нужный файл для запуска

После запуска выберите желаемый язык:

выбираем язык

В трее появится иконка OpenServer c уведомлением об успешном запуске:

программа запущена

Если программа запускается впервые, Вам могут предложить установить патчи для Microsoft Visual C++. Для базовой работы с программой это можно не делать. В случае, если Вы не уверены, установлены ли у Вас эти компоненты – установите их:

установка visual c++

Брандмауэр Windows и OpenServer.

Если доступ к программе блокирует брандмауэр — проверьте, откуда был скачан дистрибутив.Если программа была скачана с официального сайта – опасаться нечего, разрешаем доступ.

добавляем исключения в брандмауэр

Проверка работы Опен Сервер после установки.

После установки всех необходимых компонентов – нужно запустить программу. Для этого в трее нажимаем на ее иконку и выбираем «Запустить».

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

Запускаем:

выполняем запуск программы

В браузере набираем «localhost» — если программа была установлена корректно, увидим следующее сообщение:

проверяем программу после установки

На этом установка закончена, теперь Вы можете использовать любые компоненты программы.

Устанавливаем ВордПресс на Опен Сервер

Open Server скачиваем с сайта разработчика, полную, или мини версию, в зависимости от потребности, для работы с ВордПрессом подойдет любая. Закаченный файл запускаем для распаковывания, указываем путь, откуда сервер будет запускаться, лучше в корневой каталог, так как при распаковке создается папка OpenServer.

При запуске сервера, в трее задач на рабочем столе появляется красный флажок. Если не появился, то необходимо проверить, что мешает запуску, если антивирусная программа, тогда в настройках работы антивируса надо добавить Опен Сервер в «разрешенные приложения». Возможно, занят 80 порт, его могут использовать такие программы как Скайп, или Свич (переключатель клавиатуры). Тогда запускать Скайп лучше после того, как запустится сервер. Еще очень важно запускать сервер от имени администратора, кликнув правой кнопкой мыши и выбрав соответствующую команду. Дальше следует кликнуть на флажок в трее и выбрать зеленый, с подсказкой «запустить».

Для установки локального сайта на ВордПресс, необходимо создать каталог в папке Openserver\domains\testim36.ru имя сайту задаете произвольное, лучше латинскими буквами. У меня для примера testim36.ru. В него распаковываете скачанный архив ВордПресс (не папку wordpress, а содержимое).

Следующий шаг, это создание базы SQL для своего сайта, для этого запускаем PhpMyAdmin в разделе «Дополнительно». Для входа имя изначально root без пароля. В дальнейшем можете сделать свое имя и более сложный пароль. Выбираем вкладку базы данных, в окошке «Создать базу данных» пишем имя своей базы и кликаем на «создать». Имя базы рекомендую сделать таким же, как и имя сайта, это поможет избежать путаницы, если у вас будет несколько локальных сайтов. Готово, PhpMyAdmin можно закрыть, а сервер перезапустить.

В рабочем режиме сервера, под localhost вы увидите имя своего создаваемого сайта. Если не видно в списке ваш вновь созданный сайт, то следует запустить сервер от имени администратора и/или выполнить все рекомендации, описанные в документации Опен Сервер в рубрике «работа с программой» в статье «ограниченный режим».

На  Опен Сервере, выбираем свой сайт из списка доступных, кликаем на него и начинаем выполнять все рекомендации по порядку: создаем файл настроек, в котором нужно указать имя созданной базы данных, и имя администратора с паролем. Если вы не меняли имя и пароль на SQL сервере, то имя root, пароля нет. Осталось только «Запустить установку».

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

И напоследок, позаботьтесь о безопасности, в настройках сервера поставьте галочку «Защитить сервер от внешнего доступа» на вкладке «сервер». Удачной и продуктивной работы с сервером!

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *