Как поцепить на лендинг блог вордпресс

Как прикрутить к лэндингу блог на WordPress

Была у нас как-то задача прикрутить к лендингу блог и отдельные страницы, заказчик хотел чтобы это был вордпресс.

Опишу вкратце что мы будем делать для того чтобы прикрутить лендинг к блогу на вордпресс:

  1. Скачиваем с хостинга лэндинг.
  2. Устанавливаем на хостинг вордпресс и ставим нужную нам тему.
  3. Создаем новый шаблон страницы, назовем его landing.php, и копируем туда содержимое лэндинга к которому прикрутим блог
  4. Создаем страницу «Блог» и «Главная»  присваиваем главной созданный  шаблон.
  5. Изменяем в настройках чтения  изменяем страницу записей на «Блог»
  6. Вставляем  вордпресовское меню

И так, приступим. Описание того как прикручивать лендинг к вордпрессу я начну третьего пункта.

Переходим по этому пути wp-content\themes\ ваша тема\templates и тут создаем шаблон лендинга (landing.php), проще говоря создаем шаблон блога, для того чтобы шаблон был доступен из админ панели ( а нам это необходимо) вставляем в начале файла следующий код

<?php

/*
Template Name: landing
*/?>

Дальше вставляем код скопированный из лендинга. Сохраняем.!

Так же в  папку с нашей темой копируем все папочки со стилями, скриптами и картинками лендинга. Ну а теперь правим код нашего лендинга.

  • Редактируем путь к нашим стилям, скриптам и картинкам с использованием функции вордпресса bloginfo(‘template_url’), — которая возвращает путь к нашей теме.    <link rel=»stylesheet» type=»text/css»  href=»<?php bloginfo(‘template_url’);?>/templates/css/style.css»>  (Используйте автозамену для быстрого редактирования)
  • Вставляем перед закрывающим тегом шапки (</head>) функцию  <?php wp_head(); ?>  которая подключает необходимые ворпрессу стили, но если после этого стили лендинга немного поползли, тогда эутфункцию стоит поставить перед стилями лендинга, тогда у них приоритет будет выше чем у стилей вордпресса.
  • Перед закрывающим тегом </body> вставляем функцию <?php wp_footer(); ?> , она выведет админ-строку на  странице лендинга когда вход в админку вордпресса выполнен.
  • Теперь необходимо разобраться с меню! Если нам нужно оставить меню лендинга, то просто добавляем в него один пункт для перехода на страницу блога. А вот если нужно заменить на вордпрессовское меню, тогда идем в файл шапки нашей темы и копируем оттуда код нашего меню и вставляем в страницу лендинга. После этого в админке wordpress добавляем произвольные ссылки в меню для навигации по лендингу  (Данные для  href берем из пунктов меню лэндинга) ну и еще добавляем ссылку на страницу лендинга.

Произвольные ссылки в меню вордпресс

 

Создаем в админ панели wordpress две страницы — Блог и Главная, при создании главной страницы устанавливаем шаблон landing

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

Как поцепить на лендинг блог вордпресс

Ну вот и все) Оказывается довольно просто прикрутить к лэндингу блог вордпресс)))


2 thoughts on “Как прикрутить к лэндингу блог на WordPress

  1. Григорий 10.03.2017 at 00:13

    стили не подгружаются таким методом? в чем может быть проблема?

    • Андрей Деревянко 14.03.2017 at 02:15

      Попробуйте подключить их статически

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