Как объединить лендинг и wordpress

Эта публикация будет полезна тем, кто занимается сайто- и блогостроением, и имеет перед собой задачу объединить лендинг с блогом на wordpress. Сейчас все чаще встречаешь такие сайты, где по основному адресу открывается не обычная страница с анонсами свежих публикаций на блоге, а какая-то страница приземления - подписные или продающие страницы. Блог же при этом открывается по другой ссылке: http://domen.ru/blog/.

Вот такая задача предстала передо мной, когда мне надо было объединить  лендинг с блогом на вордпресс. Причем, это был не простой лендинг, а многостраничный, на котором есть и страницы с подписками, и информация с блога, и сайт-магазин. Причем, мне надо было сделать, чтобы и сайт и блог были единым целым по дизайну. Чтобы посетитель, попадая или на блог, или на сайт, переходя по вкладкам, оставался  практически на идентичных страницах.

Это очень удобно, ведь с помощью новых публикаций можно продвигать блог в поисковых системах, а попадая на публикацию, целевой посетитель, заинтересовавшись материалом, обязательно перейдет на главную, на которой может быть не одно, а сразу несколько, как платных, так и бесплатных предложений. И разместить всю эту информацию куда легче на лендинге, нежели на странице wordpress. Кстати, это самый удобный и простой способ - сделать стартовую страницу статичной, выбрав при этом любую опубликованную страницу на блоге.

Но тогда для меня тоже встал вопрос, а как же люди попадут на страницу, где будут отображаться свежие публикации. Да, он может переходить по вкладкам, по ссылкам, но как он выйдет на статьи. Накануне перед этим я сделала страницу, где отображались все статьи, но это не совсем то, что мне было нужно... Я хотела, чтобы нажав в меню на "Блог" посетитель попадал на динамическую страницу со свежими публикациями.

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

Итак, по порядку. Передо мной стояли три задачи.

1 задача - сделать сайт и блог на вордпресс одинакового дизайна. Можно было бы поискать из готовых тем, и под ее стиль сделать сайт. Я делаю сайты с помощью различных конструкторов, и это вполне реализуемо, вот только подходящую тему под свои нужды найти практически очень трудно. Все равно потом приходится ковыряться в коде, менять фон, шрифт, цвет вкладок и многое другое.

Мне было проще - я уже могу делать темы для wordpress самостоятельно. Примером тому может быть и мой сайт -это одна из первых моих работ. Поэтому, я сделала многостраничный сайт - http://iskusstvojhit.ru/LGS/, и по нему сделала блог - http://iskusstvojhit.ru/blog/ .  Если Вы перейдете по ссылкам, то убедитесь, что они смотрятся, как единое целое. Делать сайты в визуальных конструкторах куда проще, нежели делать тему для wordpress, но все таки, у мне получилось создать и сайт и блог в едином стиле.

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

2 задача - сделать Главной страницу леднинга, а страницу Блог - динамической страницей.

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

Настройки меню находятся в Консоли - Внешний вид - Меню. Я переименовала главную страницу в "Блог",  добавила новую вкладку "Главная " и прописала в ней ссылку на лендинг:

Можно редактировать существующее меню, или же создавать новое:

Управлять созданными меню можно по вкладке "Управление областями":

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

В ваше меню вы можете добавлять уже созданные страницы, или создавая по ходу те, которые вам необходимы:

Вы можете добавить в меню страницы Wppage или просто ссылки, присвоив какое-то название для кнопки в меню:

В структуре меню вы можете менять местами добавленные элементы, и даже какие-то из них делать дочерними, чтобы меню было раскрывающимся:

Это очень удобно, когда меню получается длинным, и не вмещается в одну строчку. Но для этого шаблон темы должен поддерживать данную функцию. Мне из-за этого пришлось немного переделывать шаблон, чтобы подключить эту функцию.

Созданное меню не забывайте сохранить. Вот казалось бы и все - на сайте есть и динамичная страница, и статическая Главная, которая ведет на Ваш лендинг. Единственное "Но" - по основному домену открывается блог, а не ваш лендинг.  Посетитель попадет на него, только нажав вкладку "Главная".

Но мои заказчики хотели, чтобы по основному домену открывался именно лендинг - это и было моей третьей задачей, которая оказалась самой сложной. Поначалу она мне казалась вполне решимой, я поставила редирект (переадресацию) с главной страницы на лендинг но это не помогло,  переходя на "Блог", я попадала в бесконечную переадресацию... От этой идеи пришлось отказаться.

Если вся важная информация, которую Вы хотите представить  посетителю, как стартовую, размещена непосредственно на самом блоге, то ее можно сделать статичной. Для этого в консоли переходите в Настройки - Чтение:

К сожалению, стартовой страницей можно сделать только страницу с блога. Лендинг в качестве стартовой таким образом  не прикрутишь. На поиск данной задачи ушло много времени, но я нашла то, что искала.

Данная публикация оказалась и так большой, поэтому решение этой задачи я опишу в одной из следующей статей.

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

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

P.S, Владелица блога так и не смогла привыкнуть к новому дизайну, хотя оно смотрелось, как единое целое, и посетитель не замечал, как оказывался на странице сайта, которая не имеет к блогу никакого отношения, ей предыдущий вариант был намного привычнее, она попросила пока вернуть старый шаблон, и пока подумает, что делать дальше, в любом случае публикация может быть полезной для тех, кто хочет объединить сайт визитку или портфолио с уже существующим блогом или сайтом.

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