Установка wordpress на openserver с чистым шаблоном underscores

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

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

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

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

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

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

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

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

Установка wordpress.

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

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

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

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

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

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

 

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

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

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

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

Убираем лишние записи на главной страницы 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.

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

• 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.