Как создать статическую страницу в WordPress. Как сделать главную страницу в WordPress Как на вордпрессе сделать главную страницу

Иногда нужно сделать так, чтобы стартовая страница на движке WordPress у нас была статичной. Смысл этого действия заключается в том, что когда мы первый раз заходим на блог, то на стартовой странице у нас не выводится анонс статей, а просто будет выводится статичная информация (например с описанием блога ), а сам блог будет находится в отдельной вкладке (странице ). Когда мы по этой вкладке нажимаем, то только тогда у нас появляются анонсы статей.

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

Заходим в панель управления, выбираем меню «Параметры » —> «Чтение «. В верху у нас как раз идет такой пункт, что отображать на главной странице. Нам предлагают выбрать либо последние записи, либо какую-то постоянную статическую страницу, которую мы будем использовать. Но перед тем, как это делать, нам естественно нужно эту постоянную страницу создать. Для этого перейдем в меню «Страницы » —> «Добавить новую «. В верху присваиваем название страницы (например, О сайте ), потом заполняете и публикуете текст, который будет отображаться при первом входе на ваш блог. В тесте вы можете например написать, о чем ваш блог, ваши предложения и услуги, свою форму подписки и так далее.

Теперь нам понадобится еще одна страница — эта страница для вывода записей с нашего блога. Тем же самым способом добавляем новую страницу. В названии страницы прописываем Блог , после чего просто публикуем ее без каких-либо записей. Теперь если мы вернемся в меню «Параметры » —> «Чтение «, то здесь в верху ставим пункт, чтобы на главной странице отображать статическую страницу. В ячейке «Главная страница » выбираем пункт «О сайте «, которую мы создали. Ячейка «Страница записей » — эта страница, где будут выводится анонсы записей нашего блога. В этой ячейке выбираем пункт «Блог «, после чего нажимаем на кнопку «Сохранить изменения «.

Теперь когда мы перейдем на свой блог движка WordPress и обновим его, то у нас будет отображаться статическая стартовая страница «О сайте «. Если мы нажмем на страницу «Блог «, то у нас уже будут выводится все анонсы записей блога.

Сегодня у нас тема для новичков о том — что такое главная страница сайта на WordPress? Как создать, в каких случаях она нужна, что с ней делать и как лучше обустроить?

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

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

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

Создаем главную страницу WordPress сайта

Подробнее о том, что такое страницы и чем они отличаются от записей, вы можете прочитать . Мы же сразу приступим к созданию главной страницы для сайта. В админке ищем радел — Страницы и кликаем — Добавить новую . Задаем название (традиционно — Home, Главная и тому подобное). Поле для контента оставляем пока пустым. Кликаем — Опубликовать .

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

Помним еще и о том, что теперь на главной станице вашего сайта не будет привычной ленты записей. Для неё вам необходимо сразу создать еще одну страницу например, Блог или Новости. Создаем по аналогии с главной. Еще вариант — вообще отказаться от общей ленты постов и выводить их исключительно по рубрикам.

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

Теперь у вашего сайта новая главная страница. Пока она совершенно чистая и пустая. Как и с помощью чего, её лучше наполнить контентом, рассмотрим ниже.

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

Строители страниц

Самый популярный нынче способ для создания уникальных страниц это различные визуальные композеры. «Царь горы» тут несомненно — знаменитый Visual Composer с целым «выводком» собственных и сторонних дополнений. Подробнее об этом великолепном плагине вы можете прочитать в .

https://vimeo.com/92033601

У популярного плагина — конструктора постоянно появляется всё больше последователей, как премиум так и бесплатных. О некоторых из них вы можете прочитать например, вот . Суть работы с такими плагинами заключается в визуальном перетаскивании и настройке блоков с различными заранее заготовленными элементами и вашим контентом. Причем, в последнее время такие строители умеют работать не только из админки (back-end), но и front end, то есть, вы можете стоить свою страницу прямо с внешней стороны сайта. Очень удобно и наглядно — вы сразу видите все результаты своего творчества.

Шорткоды

Еще один очень похожий по сути способ обустроить свою главную страницу — использовать специальные плагины с . Из бесплатных стоит выделить

или вот еще неплохой плагин — Easy Responsive Shortcodes .

Есть огромное множество как бесплатных, так и премиум плагинов для использования шорткодов. Достаточно набрать ключевик Shortcodes в строке поиска на wordpress.org. Частенько наборы шорткодов бывают уже встроены прямо в темах (премиум) или же идут как авторские плагины в комплекте с темами.

Есть плагины универсальные, с большим набором самых разных шорткодов и есть более узкоспециализированные. Например, только для организации и вывода контента равными столбцами — Column Shortcodes . Вполне возможно, вам будет достаточно и такого функционала.

Вывод записей и портфолио

Но возможно у вас стоит более локальная задача. Например, требуется только изменить внешний вид вывода ваших постов. Сейчас очень популярен так называемый Grid стить. То есть, вывод в виде прямоугольников в несколько рядов и колонок. Для реализации подобного вам подойдет великолепный плагин с помощью которого можно выводить ваш контент огромным множеством эффектных способов.

Другой, похожий вариант — плагин . Он правда, в большей степени ориентирован на вывод галерей и портфолио.

И еще один великолепный плагин с гибкими настройками и красивым внешним видом уже подготовленных шаблонов — . Отлично настраиваемый, со множеством опций поможет настроить вывод записей даже самому придирчивому блоггеру.

Для самых экономных найдутся и бесплатные плагины — или Gridster. Возможностей у них не так много как у премиум, но для своих целей, вполне подойдут.

Как видите, вариантов для создания и обустройства главной страница сайта «под себя», более чем достаточно. Все зависит от ваших требований и тематики сайта.

Используете ли вы, уважаемые читатели, на своем блоге или сайте главную страницу?

WordPress одна из самых отзывчивых и популярных систем для управления и создания сайта. Количество доступных расширений (так называемых plugin), изобилие тем с разным оформлением и функционалом позволяют с легкостью создать сайт визитку, портал, интернет магазин. Простор для креативной мысли огромен, но начинается ВОРДПРЕСС все же с главной страницы . Если Вы только установили WordPress, пора внести коррективы под свои потребности и при этом надо учесть тысячу важных деталей, если вы хотите сделать приятный и посещаемый блог, а не собираете автонаполняемый ГС (говносайт). Итак, давайте поработаем над главной страницей wordpress .

Перед работой над вашим сайтом на wordpress, хочу напомнить несколько важных моментов, о которых нужно знать:



Основные файлы в wordpress

Не стоит сразу залезать в таблицу стилей или редактировать бездумно следующие файлы:

  • index.php (именно он выводит главную страницу сайта);
  • header.php отвечает за шапку сайта, также в нем открывается тег, после которого, кстати, и размещаются коды для всех счетчиков статистики посещаемости;
  • style.css отвечает за стиль шаблона, в нем задается внешний вид элементов сайта (именно здесь и будут твориться чудеса редактирования главной страницы в Вордпресе).

Все возможные способы: от простого к сложному

WordPress очень гибкая система, которая предоставляет множество вариантов редактирования главной страницы и оформления. Например можно использовать стандартные возможности контрольной панели или непосредственно поправить код в index.php — но в этом случае вы должны точно знать — что и как хотите в итоге, иначе ваш сайт на WordPress будет просто недоступен и придется возвращать все в исходную точку.

Где найти места, в которых можно редактировать главную страницу сайта, как и остальные другие страницы:

  • админ панель;
  • файловый менеджер хостинга;
  • с помощью ftp клиента (FAR или FileZilla)

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

Стандартные настройки

Проще всего настроить главную страницу в стандартном редакторе. То есть отредактировать тему. В зависимости от выбранного шаблона существуют варианты редактирования. Чаще всего так просто можно изменить цвет фона, изображение, название сайта, цвет текста. Также можно внести изменения в меню, поработать с виджетами WordPress. Особое внимание при редактировании темы стоит уделить вкладке «статическая главная страница». Именно здесь указывается, какую страницу вы выбираете главной.

Файл style.css - таблица стилей

Начинать редактирование главной страницы сайта стоит с файла style.css. Его найти достаточно просто. Сперва нужно войти в админ панель своего Вордпрес. В консоли находим вкладку Внешний вид и переходим к файлу style.css. Это достаточно большой текстовый файл.

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

Итак, строка Description отвечает за описание темы, там же указываются и версия, автор, тэги, которые будут использоваться дальше. Чуть ниже по файлу style.css находится список значений, использующихся во всех страницах сайта: заголовки, отступы полей, списки.

В WordPress после тэга body можно вносить свои изменения:

  • цвет фона;
  • размер, цвет, стиль шрифта;
  • наличие прокрутки фона;
  • форма и размер отображаемой страницы.

Например:

Background: url(images/bg_g.jpg) repeat #000 fixed; color: #2c2b2b; font: normal 12px arial; line-height: 18px; position: relative.

При этом значение «#2c2b2b» означает цвет, который будет иметь текст.

Все значения, которые определяются наподобие: background: url(images/sprite_master.jpg) используют для редактирования изображений. Это могут быть совершенно различные варианты png: от кнопок, до рисунков и фонов. Графические файлы должны быть загружены в каталог хранилища и уже оттуда берутся на них ссылки, вставляемые вместо «sprite_master.jpg» как в нашем примере.

К примеру, блок custom_header отвечает за создание рисунка в шапке главной страницы. Он может обозначаться как default_header.jpg. Методика его изменения описана выше. Допустимо изменить также и размер изображения. Например, если было 2500 х 1600 пикселей, то для эффективного отображения лучше поставить 1800 х 600.

Важно помнить, что каждый из параметров, которых сотни в файле style.css отвечает за какой-либо определенный участок сайта.

Статическая страница

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

Результаты внесения изменений

Изменить шаблоны в WordPress не так уж и сложно. Для начинающих полезно будет посетить сайт wordpress-theming.ru, где дано описание и приведены примеры разнообразных тем, для их установки на свой портал. Те, кто желает более тяжелых путей, могут редактировать главную страницу своего сайта самостоятельно.

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

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

Создание статической главной страницы

В качестве главной страницы можно использовать одну из постоянных страниц:
На административной панели WordPress создайте, по крайней мере, две страницы (Страницы>Добавить новую).

1. Главная страница

Задайте для одной страницы заголовок, который вы хотите использовать для главной страницы, например,"Главная", введите содержимое страницы и опубликуйте ее.

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

2. Страница записей

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

3. Настройки

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

4. Меню

Если в вашей теме используется меню постоянных страниц, например, в "шапке" (файл темы header.php) или в боковом меню блога (файл темы sidebar.php), страница, назначенная вами главной страницей, также появится в этом меню. Чтобы исключить эту страницу из списка страниц, отображаемых в меню, нужно изменить соответствующий шаблон темы, который используется для этой главной страницы.

Изменение темы

Исключение страницы из меню

Выводит меню страниц функция , для которой можно задать для параметра exclude (исключить) id страницы (или страниц) , которую нужно исключить из меню, или для параметра include (влючить) перечислить через запятую id страниц, которые нужно включить в меню (здесь id главной страницы =10):

Выбор для главной страницы

В шаблоне можно выбирать содержимое для главной страницы, отличающееся от содержимого для остальных страниц, использовав, что is_front_page() возвращает true , когда отображается главная страница, назначенная в настройках, как показано выше. Например, на главной странице можно не выводить боковое меню. Для этого в файле index.php темы вместо строки

нужно написать:

Программный выбор главной страницы

Программно создать страницы О блоге (About) и Блог (Blog) позволяет wp_insert_post() .

ID); update_option("show_on_front", "page"); // Страницы записей (блог) $blog = get_page_by_title("Blog"); update_option("page_for_posts", $blog->ID); // Переключение на тему //switch_theme("Template", "stylesheet"); ?>

is_home() и is_front_page()

is_home() проверяет, является ли текущая страница страницей записей (posts page).
is_front_page проверяет, является ли текущая страница главной страницей сайта.
В WordPress по умолчанию главной является страница записей, поэтому функции is_front_page() и is_home() обе проверяют нахождение на главной странице.

Иногда нужно сделать так, чтобы стартовая страница на движке WordPress у нас была статичной. Смысл этого действия заключается в том, что когда мы первый раз заходим на блог, то на стартовой странице у нас не выводится анонс статей, а просто будет выводится статичная информация (например с описанием блога ), а сам блог будет находится в отдельной вкладке (странице ). Когда мы по этой вкладке нажимаем, то только тогда у нас появляются анонсы статей.

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

Заходим в панель управления, выбираем меню «Параметры » —> «Чтение «. В верху у нас как раз идет такой пункт, что отображать на главной странице. Нам предлагают выбрать либо последние записи, либо какую-то постоянную статическую страницу, которую мы будем использовать. Но перед тем, как это делать, нам естественно нужно эту постоянную страницу создать. Для этого перейдем в меню «Страницы » —> «Добавить новую «. В верху присваиваем название страницы (например, О сайте ), потом заполняете и публикуете текст, который будет отображаться при первом входе на ваш блог. В тесте вы можете например написать, о чем ваш блог, ваши предложения и услуги, свою форму подписки и так далее.

Теперь нам понадобится еще одна страница — эта страница для вывода записей с нашего блога. Тем же самым способом добавляем новую страницу. В названии страницы прописываем Блог , после чего просто публикуем ее без каких-либо записей. Теперь если мы вернемся в меню «Параметры » —> «Чтение «, то здесь в верху ставим пункт, чтобы на главной странице отображать статическую страницу. В ячейке «Главная страница » выбираем пункт «О сайте «, которую мы создали. Ячейка «Страница записей » — эта страница, где будут выводится анонсы записей нашего блога. В этой ячейке выбираем пункт «Блог «, после чего нажимаем на кнопку «Сохранить изменения «.

Теперь когда мы перейдем на свой блог движка WordPress и обновим его, то у нас будет отображаться статическая стартовая страница «О сайте «. Если мы нажмем на страницу «Блог «, то у нас уже будут выводится все анонсы записей блога.



Есть вопросы?

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: