Как установить openserver, подробно рассказано.
Переходим в корневую папку сервера, заходим в папку с доменами domains, создаем новую с названием wordpress, например.
В новую папку распаковываем файлы и cms wordpress, который скачаем с официального сайта.
Содержание статьи
Создаем чистую базу в open server.
Запускаем openserver, чтобы загорелся зеленый флажок.
Заходим в пункт дополнительно phpMyAdmin.
Логин root, без пароля.
Создаем новую базу с именем wordpress, в поле сравнения всегда выбираем кодировку utf8_general_ci и нажимаем кнопку создать.
Установка wordpress.
Теперь зайдем на сайт, выбираем пункт меню мои сайты и выбираем название домена wordpress.
- Появится окно начала установки данной cms. Нажимаем вперед.
- Во втором пропишем имя базы данных, которую создали wordpress, логин root, без пароля, префикс оставляем. Нажимаем кнопку отправить.
- Третий шаг наживаем запустить установку.
- Откроется окно, в нем задаем название сайта, пользователя и пароль от административной панели wordpress и почтовый адрес. Нажимаем установить.
- Нажимаем кнопку и вводим логин и пароль для wordpress.
Стартовый шаблон для wordpress.
Также как и для gulp проектов есть стартовый шаблон.
Шаблон называется underscores.
- Он содержит первоначальную правильную структуру. Пишем название темы,например, word и нажимаем кнопку возле generate.
- Когда новый чистый шаблон добавится на наш компьютер, то разархивируем его в папку wordpress по пути C:\имя openserver\domains\wordpress\wp-content\themes.
- Переходим в административную часть, в пункт меню внешний вид и активируем новую тему word.
- Проверяем как выглядит, пишем в командной строке имя домена wordpress.
Настроим чистый шаблон underscores под landing одностраничник.
Попробуем редактировать файл и посмотрим, как будет меняться в браузере.
Желательно, если мы хотим менять файл в теме делать его копию.
- Заходим в пункn меню страницы выбираем пример страницы выделяем и нажимаем свойства. Меняем ярлык на home.
- Переходим в настройки чтение и выбираем статическую страницу.
- Проверяем, переходим на сайт и видим, что появилась статическая страница, которую добавили.
Убираем лишние записи на главной страницы landing.
- Заходим в папку темы C:\OSPanel\domains\wordpress\wp-content\themes\word, находим файл page.php, который отвечает за страницу. Делаем копию и называем page-home.php, через дефис добавляем название ярлыка статической страницы home.
- Этим файлом будем редактировать главную страницу. Открываем этот файл в программе sublime text и удаляем все лишнее, это комментарии и сайдбар.
- Настроим файл контента. Зайдем по пути template-parts/content и сделаем копию файла content, переименуем ее в content-home.
Работаем с тремя файлами, для одностроничника, этих файлов достаточно.
- header.php заголовок страницы.
- content-home.php содержание.
- footer.php подвал.
Подключаем gulp к cms wordpress и делаем автоматическое обновление страниц browser-sync.
Копируем файл gulpfile.js с папку с темой wordpress и открываем его в sublimetext для редактирования. О настройке автоматического обновления страниц страниц подробно.
- Переходим в task слежения изменения файлов watch и добавляем мониторинг всх файлов с расширением *.php. и добавляем новую строку gulp.watch (.../**/*.php, browserSync.reload).
- Редактируем task автоматического обновления страниц browser-sync. Удаляем server baseDir, вместо этого пишем proxy: wordpress, с названием локального домена.
- Меняем пути с app на wp-content/themes.