Как изменить содержимое главной страницы в WordPress: подробное руководство
Узнайте, как легко и быстро редактировать главную страницу вашего сайта на платформе WordPress. Следуйте этой подробной инструкции и преобразуйте свою главную страницу в соответствии со своими потребностями и визуальными предпочтениями.
Редактирование страниц в WORDPRESS
Перейдите в административную панель WordPress и выберите Страницы.
Как изменить главную страницу в WordPress за 1 минуту
Редактирование сайта на Вордпресс
Найдите главную страницу в списке страниц и нажмите на кнопку Редактировать.
Как сделать сайт на WordPress (2021) — урок в 23 ПРОСТЫХ шага
Измените текст, добавьте изображения или видео, настройте макет и сохраните изменения. Ваша главная страница теперь обновлена!
Как назначить главную страницу WordPress? Изменить главную страницу Вордпрес и убрать записи
Как отредактировать главную страницу WordPress
В этой статье мы расскажем о том, как можно отредактировать и настроить главную страницу WordPress.
Обновлено: 2023-06-26 19:55:06 Вадим Дворников автор материала
Что такое главная страница WordPress?
Главная страница WordPress является домашней странице вашего сайта. Это первая страница, которую видит пользователь.
Зачем редактировать главную страницу WordPress?
По умолчанию WordPress отображает на главной странице сайта записи из блога. Но это подходит не для всех типов интернет-ресурсов.
Вот пример главной страницы бизнес-сайта.
Хотели бы вы создать подобную страницу? Мы шаг за шагом расскажем, как настроить главную страницу WordPress несколькими способами.
Настройка главной страницы WordPress
В административной панели WordPress перейдите в меню Страницы> Добавить новую , задайте ей название и опубликуйте.
Теперь повторим этот процесс, чтобы создать страницу, на которой будет выводиться список записей.
Затем перейдите в меню Настройки> Чтение и активируйте параметр « Статическая страница» в разделе « На главной странице отображать» . После этого выберите главную страницу и страницу блога.
Использование темы для редактирования главной страницы
Перейдите в меню Внешний вид> Настроить . Это действие запустит настройщик тем WordPress.
Настройщик темы включает в себя различные параметры. Их набор может отличаться в зависимости от используемой темы оформления.
Для того чтобы изменить стартовую страницу, пользователи могут воспользоваться настройками в edge.
Чтобы отредактировать любую часть главной страницы, нажмите на значок синего карандаша.
Чтобы удалить раздел с домашней страницы, кликните по значку с синим глазом. Вы также можете удалить разделы и добавить их обратно, используя вкладку « Разделы главной страницы» .
После внесения изменений нажмите кнопку « Опубликовать» .
Ниже показано как выглядит наша главная страница на сайте.
Использование редактора блоков (Gutenberg) для изменения главной страницы WordPress
Чтобы использовать редактор блоков (Gutenberg), в панели администрирования WordPress перейдите в раздел « Страницы» и отредактируйте созданную ранее главную страницу.
Теперь добавим контент. Сначала добавим приветственное сообщение, нажав на страницу, чтобы начать вводить необходимый текст. После этого WordPress автоматически создаст блок абзаца.
Чтобы изменить размер текста, используйте выпадающий список параметров.
Далее мы добавим на нашу главную страницу изображение, нажав на символ «+», а затем выбрав блок изображения в разделе « Основные блоки» .
Выберите изображение из библиотеки медиафайлов или загрузить новое.
Далее мы добавили еще один блок абзаца с текстом и блок « Последние записи» . В нем отображаются анонсы записей.
Ошибка 405 not allowed указывает на неправильный метод запроса к серверу.
Вы можете добавить столько блоков, сколько захотите. Вы также можете использовать шаблон «на полную ширину» или «без боковых панелей»:
После внесения изменений нажмите кнопку « Опубликовать» .
Ниже показано как выглядит готовая главная страница.
Использование Beaver Builder для редактирования главной страницы WordPress
Beaver Builder – популярный плагин для создания страниц. Установите и активируйте его. Затем для редактирования главной страницы перейдите в раздел « Страницы» и нажмите на главную страницу, которую создали ранее.
В блочном редакторе Gutenberg переключитесь на шаблон пустой страницы или на шаблон без боковых панелей. Это можно сделать в разделе Документ> Атрибуты страницы> Шаблон .
В этой части руководства мы используем плагин OceanWP. Он поставляется с шаблоном Landing Page , создающим пустой холст.
После настройки шаблона страницы можно нажать кнопку Launch Beaver Builder в центре экрана, чтобы начать использовать плагин Beaver Builder.
После этого вы попадете в редактор Beaver Builder. Самый быстрый способ создать главную страницу — использовать один из готовых шаблонов. Нажмите на значок «+», а затем перейдите на вкладку « Шаблоны» .
Мы собираемся использовать для нашего сайта шаблон Agency.
Примечание. Шаблоны доступны только в платной версии плагина Beaver Builder.
Затем отредактируем заголовок главной страницы.
А также текст на кнопке под ней.
Чтобы добавить строку или модуль, нажмите на значок «+». После этого перетащите модуль на необходимую позицию. В данном случае мы добавляем на страницу новую строку.
К строке можно добавить несколько модулей. Например, модуль заголовка.
Вы можете изменить шрифт и его размер, нажав на вкладку Style для модуля.
Серые значки позволяют редактировать или удалять всю строку, а синие – редактировать или удалять отдельный модуль.
После внесения изменений сохраните результат.
Затем вы сможете сохранить или опубликовать страницу.
Ниже показано как главная страница выглядит на сайте.
Использование Divi для редактирования главной страницы в WordPress
Divi – популярный плагин с темой оформления и конструктором страниц с десятками великолепных шаблонов.
Установите и активируйте тему оформления Divi из Elegant Themes. Она включает в себя Divi Builder.
Примечание. Для использования коллекции шаблонов потребуется логин и ключ API.
Затем перейдите в раздел « Страницы» и отредактируйте главную страницу, созданную ранее.
Далее нажмите кнопку Use Divi Builder .
А затем кнопку Use Divi Builder , расположенную в центре экрана.
Нажмите кнопку « Выйти », чтобы войти в Divi Builder.
Используйте в качестве основы готовый макет. Он позволит быстро и легко настроить главную страницу.
Divi предлагает впечатляющий набор шаблонов, каждый из которых содержит несколько макетов страниц.
Мы используем для создания главной страницы макет Travel Blog. Кликните по нему.
Выберите вариант Home и нажмите кнопку Use This Layout .
Divi автоматически импортирует выбранный макет. Чтобы редактировать любую часть макета, просто нажмите на нее.
Divi использует для создания страницы систему строк (разделенных на столбцы) и модулей. В данном случае мы изменили заголовок и текст под ним.
В других модулях вы сможете навести на них курсор мыши и кликнуть по иконке Module Settings , чтобы отредактировать их.
Чтобы использовать собственные изображения на главной странице, отредактируйте настройки модуля.
Обратите внимание то, что изображение вверху установлено в качестве фона для модуля заголовка с полной шириной. Поэтому нужно изменить его в разделе Content> Background .
Затем нажмите кнопку « Сохранить черновик» или « Опубликовать» , расположенные в нижней части экрана.
Совет: Если вы не видите эти кнопки, нажмите на фиолетовую кнопку «…», чтобы открыть их.
Вот так главная страница выглядит на сайте.
Вот и все! Мы создали великолепную главную страницу в WordPress и успешно ее настроили.
Как в WordPress редактировать главную страницу
WordPress по праву можно назвать самой удобной системой для управления сайтов для начинающих web мастеров. Она дает возможность использовать стандартные схемы оформления страниц. Этот вариант достаточно неплохой, но поверьте, помимо вас кто-то также создал сайт с точно таким же оформлением, да и некоторые шаблоны-клише имеют ошибки в кодах. Поэтому логично задастся вопросом, как отредактировать стандартный шаблон WordPress. Начнем с работы над главной страницей.
Из чего состоит «лицо» вашего сайта в CCS?
Прежде, чем лезть в таблицу стилей, следует разобраться с кодами, данные там. Имена разделов, которые чаще всего редактируются:
- index.php (именно он выводит главную страницу сайта);
- header.php отвечает за шапку сайта, также в нем открывается тег , после которого, кстати, и размещаются коды для всех счетчиков статистики посещаемости;
- style.css отвечает за стиль шаблона, в нем задается внешний вид элементов сайта (именно здесь и будут твориться чудеса редактирования главной страницы в Вордпресе).
Все возможные способы: от простого к сложному
Способов, чтобы изменить главную страницу WordPress существует несколько. Они отличаются между собой по сложности и вариантам, которые можно осуществить. Например, с помощью одного из методов web мастер может только поменять фон, а другим – сделать рамку кнопки меню не с острыми, а с закругленными углами. Все зависит от способностей и запросов, которые вы ставите перед WordPress.
Где найти места, в которых можно редактировать главную страницу сайта, как и остальные другие страницы:
- админ панель;
- файловый менеджер хостинга;
- по ftp-клиент (для больших и серьезных объемов работ).
Рассмотри способ, как редактировать главную страницу через административную панель WordPress. Это с одной стороны самый простой способ, но с другой, он не допускает появления ошибок кодов. Поэтому будьте осторожны.
Стандартные настройки
Проще всего настроить главную страницу в стандартном редакторе. То есть отредактировать тему. В зависимости от выбранного шаблона существуют варианты редактирования. Чаще всего так просто можно изменить цвет фона, изображение, название сайта, цвет текста. Также можно внести изменения в меню, поработать с виджетами WordPress. Особое внимание при редактировании темы стоит уделить вкладке «статическая главная страница». Именно здесь указывается, какую страницу вы выбираете главной.
Файл style.css — таблица стилей
Начинать редактирование главной страницы сайта стоит с файла style.css. Его найти достаточно просто. Сперва нужно войти в админ панель своего Вордпрес. В консоли находим вкладку Внешний вид и переходим к файлу style.css. Это достаточно большой текстовый файл.
После того, как внесете все поправки, не забывайте нажимать кнопку «обновить файл» для сохранения изменений.
Итак, строка Description отвечает за описание темы, там же указываются и версия, автор, тэги, которые будут использоваться дальше. Чуть ниже по файлу style.css находится список значений, использующихся во всех страницах сайта: заголовки, отступы полей, списки.
В WordPress после тэга body можно вносить свои изменения:
- цвет фона;
- размер, цвет, стиль шрифта;
- наличие прокрутки фона;
- форма и размер отображаемой страницы.
background: url(images/bg_g.png) repeat #000 fixed;
color: #2c2b2b;
font: normal 12px arial;
line-height: 18px;
position: relative.
При этом значение «#2c2b2b» означает цвет, который будет иметь текст.
Все значения, которые определяются наподобие: background: url(images/sprite_master.png) используют для редактирования изображений. Это могут быть совершенно различные варианты png: от кнопок, до рисунков и фонов. Графические файлы должны быть загружены в каталог хранилища и уже оттуда берутся на них ссылки, вставляемые вместо «sprite_master.png» как в нашем примере.
К примеру, блок custom_header отвечает за создание рисунка в шапке главной страницы. Он может обозначаться как default_header.jpg. Методика его изменения описана выше. Допустимо изменить также и размер изображения. Например, если было 2500 х 1600 пикселей, то для эффективного отображения лучше поставить 1800 х 600.
Важно помнить, что каждый из параметров, которых сотни в файле style.css отвечает за какой-либо определенный участок сайта.
Статическая страница
Для того, чтобы сделать главную страницу, которая будет статической. Это значит, что определенный текст будет виден на любой из страниц. Такой вариант необходим для закрепления новостей либо рекламы на своем сайте, к сожалению он доступен для старых версий WordPress.
Результаты внесения изменений
Изменить шаблоны в WordPress не так уж и сложно. Для начинающих полезно будет посетить сайт wordpress-theming.ru, где дано описание и приведены примеры разнообразных тем, для их установки на свой портал. Те, кто желает более тяжелых путей, могут редактировать главную страницу своего сайта самостоятельно.
Здесь был описан один из способов, как редактировать для своего сайта главную страницу через админ панель. Кроме этого существуют еще два способа. Они несколько сложнее и требуют большей подготовки пользователя. Прежде чем приступать к ним, можно посоветовать хорошо потренироваться с главной страницей в таблице стилей.
Настройка в WordPress типа главной (домашней) страницы. Настройка главной страницы wordpress
Как редактировать главную страницу в wordpress? 2 способа
От автора: всем привет. Сегодня я покажу вам, как редактировать главную страницу в wordpress двумя способами. Действительно, очень часто возникает необходимость немного подправить ее внешний вид, либо изменить полностью. Как же это сделать?
Первый вариант — редактирование файла index.php
Если у вас в настройках задано, что на главной должны выводиться последние записи, то код, который отвечает за их вывод находиться в файле index.php активной темы. Именно его нужно открыть в удобном редакторе, чтобы что-то изменить. Я покажу все на локальном сервере. Например, вот так на главной выводятся записи в известном шаблоне Twentyfourteen.
Допустим, нам нужно изменить заголовки, добавив в них какое-то слово. Давайте займемся этим несложным делом. Для начала необходимо найти папку с активным шаблоном и зайти в нее.
Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?
Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress
Рекомендую вам, кстати, тоже пробовать именно на локальном сервере, он намного лучше подходит для учебы и экспериментов. В папке шаблоне нам нужен файл index.php.
Открываем его. Желательно с помощью редакторе вроде Notepad++, а не простого блокнота, где нет никакой подсветки кода. Если вы вообще не знаете php и wordpress-функций, вам может быть очень сложно ориентироваться в коде. И все же я попытаюсь что-то объяснить. В данном случае видим в файле стандартный цикл вордпресса, который проверяет, есть ли посты, и если они есть, выводит их соответствующим образом. Вот он:
Если говорить простым языком, происходит следующее: wordpress проверяет, есть ли вообще записи на вывод, и если есть, то функцией get_template_part передает команду — подключи-ка мне в этот файл тот код, который находится в файле content.php.
Вот мы с вами и пришли к тому, что в случае с шаблоном twentyfourteen редактировать нужно именно этот файл. Открываем его.
Уже в нем содержится код, который и отвечает за вывод анонса записи. Опять же, вы должны читать код хотя бы интуитивно. Например, этот кусок кода проверяет, является ли тип записи одиночным постом.
Если да, то будет выведен h2, то есть заголовок первого уровня, без ссылки на запись, потому что мы и так находимся на странице записи.
Во всех остальных случаях будет выведен заголовок ссылка. Можно попробовать добавить какое-нибудь слово в параметр, сохранить и посмотреть, что получится:
Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?
Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress
Вот, мы уже изменили главную страницу. Чтобы делать это сознательно, вам нужно знать основы php и функции движка wordpress. Соответственно, редактируя код файлов шаблона, вы можете изменить тему как угодно, в том числе и главную страницу.
Второй способ — задать свою главную страницу
Для этого необходимо в админке перейти в пункт Внешний вид — Настроить. Потом выбрать пункт Статическая главная странице, где выбрать и указать статическую страницу в качестве главной, изменения также нужно сохранить.
Теперь на главной выводится вот что:
И если внести изменения на страницу с последними записями вы могли лишь через код, то статическую страницу можно изменять через кнопку Редактировать в админ-баре.
Можно полностью стереть все, что было, и написать свой текст, вставить картинки, цитаты, списки. Я рекомендую вам использовать режим Текст, в котором можно свободно использовать html-теги. Это нужно для того, чтобы у вас было больше возможностей для изменений.
Вот что теперь выводиться на главной:
Итог
Конечно, я показал вам очень примитивные примеры. Но что мешает внести больше изменений и полностью преобразить главную страницу? Ничего. Каким бы способом вы ни пользовались, базовые знания html приветствуются. Первый способ требует большей квалификации, потому что речь идет уже о веб-программировании и изменении кода шаблона.
Что же вам делать, если вы хотите научиться редактировать и создавать свои сайты на wordpress, но пока бьетесь об стену? Выход очень прост — приобрести наш курс по созданию сайтов с нуля на wordpress. Заметьте, по созданию, а не по редактированию. И если вы научитесь делать их с нуля, то подправить что-то в шаблоне потом будет совсем простой задачей.
Что ж, на этом я прощаюсь с вами. Если хотите в ближайшее время совершить резкий скачок вперед в понимании верстки и wordpress, обязательно приобретайте наш курс — подобные продукты в рунете редкость!
Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?
Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress
Узнать подробнее
Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?
Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress “Уникальный сайт с нуля”
Как сделать страницу главной в WordPress
Если у вас возникла необходимость на главной странице своего WordPress сайта отображать определенную статическую страницу (к примеру, вы хотите создать на базе WordPress одностраничник), то обязательно прочтите эту статью и вы узнаете о том, как вывести страницу на главную WordPress.
В процессе сайтостроения у вебмастера постоянно возникают потребности реализовать на сайте ту или иную функцию.
Ищешь заработок в Интернете? Записывайся на бесплатный онлайн курс «СПЕЦИАЛИСТ ПО ИНТЕРНЕТ-РЕКЛАМЕ» и получи удаленную профессию рекламщика в Яндекс Директ за 10 дней!
Популярные системы управления контентом стараются идти в ногу со временем и учитывают наиболее распространенные потребности вебмастеров, пытаясь предусмотреть простые механизмы их решения.
Сегодня мы затронем вопрос о возможностях системы WordPress в части отображения контента на главной странице.
Как я уже говорил в статье про то, как закрепить запись на главной странице WordPress, система управления контентом WordPress предоставляет возможность отображения на главной странице сайта последних записей либо выбранной статической страницы.
Давайте подробно рассмотрим как сделать статическую главную страницу в WordPress.
Как вывести страницу на главную Вордпресс
По умолчанию в WordPress настроено отображение на главной странице сайта последних записей.
Именно так сделано и у меня на сайте, и для наглядности я приведу пример того, как выглядит главная страница моего сайта до проведения манипуляций:
Давайте поменяем данное положение вещей.
Для этого идем в административную панель сайта в раздел Настройки → Чтение:
И в самом верху появившегося окна в разделе На главной странице отображать выбираем пункт Статическую страницу (выберите ниже) и из списка опубликованных страниц выбираем ту, которую хотим отображать на главной, а также страницу, на которую «переедут» записи с главной:
Сохраняем изменения и смотрим результат на главной странице:
Все получилось — на сайте теперь статическая главная страница WordPress!
Последние записи отображаются теперь на странице, которую мы для них выбрали:
Отлично, задача решена!
Таким нехитрым способом вы без труда сможете сделать в WordPress вывод страницы на главной.
Если вам понадобится вернуться к отображению на главной странице последних записей, то просто выберите соответствующий пункт в разделе На главной странице отображать настроек сайта.
Пользуйтесь на здоровье, подписывайтесь на обновления, комментируйте, заходите ко мне в блог — я всегда рад вас видеть!
С уважением, Владимир Денисов!
Настройка в WordPress типа главной (домашней) страницы
WordPressMan 07.05.2017 Уроки WordPress
Приветствую! В WordPress реализованы два варианта показа главной страницы сайта. Лицом вашего вебресурса может стать произвольная страница или новостная лента блога. Для выбора или смены типа главной страницы выполните один из следующих алгоритмов.
Алгоритм назначения в WordPress произвольной страницы главной (домашней) страницей
Перейдите в подраздел Чтение раздела Настройки в боковой колонке слева.
Алгоритм назначения ленты новостей главной (домашней) страницей WordPress
- Откройте в боковой колонке слева подраздел Чтение в разделе Настройки.
- Отметьте строку Ваши последние записи.
- Кликните Сохранить изменения.
На дефолтном шаблоне WordPress по умолчанию активирован «блоговый» вариант главной (стартовой) страницы . Вы уже знаете, как быстро это исправить. Не получится – опишите проблему в комментариях, решим ее вместе!
Как создать пользовательскую главную страницу в WordPress
Многие шаблоны WordPress используют в своем дизайне пользовательскую главную страницу (на которой выводится нужный контент, а не последние записи из блога). В этой статье мы покажем вам как создать собственную произвольную главную страницу с помощью совмещения пользовательского шаблона страницы и административной панели WordPress.
Для начала вам необходимо создать пользовательскую страницу следующим образом:Открываем пустой файл в вашем текстовом редакторе и вставляем туда следующий код в самое начало:
После того, как вы добавили код, сохраните страницу с именем blog[название_шаблона].php, например blogwpincode.php. Назвать ее вы можете, в принципе, как угодно. Главное — содержание. Код выше просто дает название вашему шаблону, который распознает WordPress в последующем.
Далее, после создания такой страницы, необходимо создать другую, используя методику выше, за исключением того, что необходимо скопировать код из index.php в этот шаблон и назвать его blogblog.php или как-то так, но чтобы вы понимали, что это шаблон для блога. Кликаем на Параметры > Чтение
Выбираем опцию Статическая страница, теперь выбираем одну из страницы, которую назначаем главной, соответственно выбираем страницу для блога.
После окончания настройки, сохраните изменения, и теперь у вас есть пользовательская главная страница.
Выбранная вами страница для главной будет выводиться на главной странице, а отдельная страница будет отвечать за вывод записей блога.
Способ 2
Способ 2 не предусматривает техники создания пользовательского шаблона страницы. Вам просто нужно создать новый файл и назвать его home.php, и вы можете использовать в нем любые параметры WordPress. Этот файл автоматически будет «выше» по «уровню» чем index.php, и именно он будет отображаться на вашей главной странице. Такой способ можно использовать, если вы не хотите создавать отдельную страницу для блога.
По всем вопросам и отзывам просьба писать в комментарии ниже.
Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.
Rating: 3.2/5 (6 votes cast)