WordPress как редактировать главную страницу шаблона

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

Время на чтение: 4 минуты

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

Из чего состоит «лицо» вашего сайта в CCS?

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

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

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

Способов, чтобы изменить главную страницу WordPress существует несколько. Они отличаются между собой по сложности и вариантам, которые можно осуществить. Например, с помощью одного из методов web мастер может только поменять фон, а другим – сделать рамку кнопки меню не с острыми, а с закругленными углами. Все зависит от способностей и запросов, которые вы ставите перед WordPress.

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

  • админ панель;
  • файловый менеджер хостинга;
  • по ftp-клиент (для больших и серьезных объемов работ).

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

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

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

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

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

Читайте также:  Xerox phaser 3428 картридж совместимость

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

Итак, строка 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?

Главная страница WordPress является домашней странице вашего сайта. Это первая страница, которую видит пользователь.

Зачем редактировать главную страницу WordPress?

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

Читайте также:  Technical information stop 0x000000f4 0x00000003 как исправить

Вот пример главной страницы бизнес-сайта.

Хотели бы вы создать подобную ​​страницу? Мы шаг за шагом расскажем, как настроить главную страницу WordPress несколькими способами.

Настройка главной страницы WordPress

В административной панели WordPress перейдите в меню Страницы> Добавить новую , задайте ей название и опубликуйте.

Теперь повторим этот процесс, чтобы создать страницу, на которой будет выводиться список записей.

Затем перейдите в меню Настройки> Чтение и активируйте параметр « Статическая страница» в разделе « На главной странице отображать» . После этого выберите главную страницу и страницу блога.

Использование темы для редактирования главной страницы

Перейдите в меню Внешний вид> Настроить . Это действие запустит настройщик тем WordPress.

Настройщик темы включает в себя различные параметры. Их набор может отличаться в зависимости от используемой темы оформления.

Чтобы отредактировать любую часть главной страницы, нажмите на значок синего карандаша.

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

После внесения изменений нажмите кнопку « Опубликовать» .

Ниже показано как выглядит наша главная страница на сайте.

Использование редактора блоков (Gutenberg) для изменения главной страницы WordPress

Чтобы использовать редактор блоков (Gutenberg), в панели администрирования WordPress перейдите в раздел « Страницы» и отредактируйте созданную ранее главную страницу.

Теперь добавим контент. Сначала добавим приветственное сообщение, нажав на страницу, чтобы начать вводить необходимый текст. После этого WordPress автоматически создаст блок абзаца.

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

Далее мы добавим на нашу главную страницу изображение, нажав на символ «+», а затем выбрав блок изображения в разделе « Основные блоки» .

Выберите изображение из библиотеки медиафайлов или загрузить новое.

Далее мы добавили еще один блок абзаца с текстом и блок « Последние записи» . В нем отображаются анонсы записей.

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

После внесения изменений нажмите кнопку « Опубликовать» .

Ниже показано как выглядит готовая главная страница.

Использование Beaver Builder для редактирования главной страницы WordPress

Beaver Builder – популярный плагин для создания страниц. Установите и активируйте его. Затем для редактирования главной страницы перейдите в раздел « Страницы» и нажмите на главную страницу, которую создали ранее.

В блочном редакторе Gutenberg переключитесь на шаблон пустой страницы или на шаблон без боковых панелей. Это можно сделать в разделе Документ> Атрибуты страницы> Шаблон .

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

После настройки шаблона страницы можно нажать кнопку Launch Beaver Builder в центре экрана, чтобы начать использовать плагин Beaver Builder.

После этого вы попадете в редактор Beaver Builder. Самый быстрый способ создать главную страницу — использовать один из готовых шаблонов. Нажмите на значок «+», а затем перейдите на вкладку « Шаблоны» .

Читайте также:  Mysql что такое ошибка 1064

Мы собираемся использовать для нашего сайта шаблон 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 и успешно ее настроили.

Вадим Дворников автор-переводчик статьи « How to Edit a WordPress Homepage (Easily & Effectively) »

Источник

Поделиться с друзьями
КомпСовет
Adblock
detector