Создание пользовательской домашней страницы WordPress

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

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

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

Перейдите на страницу «Настройки» — «Чтение» и в разделе «Отображается ваша домашняя страница» выберите параметр «Статическая страница». Выберите две ранее созданные страницы в качестве домашней страницы и страницы блога и не забудьте «Сохранить изменения », когда закончите. Разве мы не говорили вам, что это не так сложно, как кажется? Одним из преимуществ использования веб-сайта WordPress является именно его простота. И теперь, когда у вас есть чистый холст в виде домашней страницы, мы можем приступить к ее настройке!

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

Когда в декабре 2018 года был запущен редактор Gutenberg, общественное мнение разделилось. Некоторые считали это большим улучшением, а другие и представить себе не могли, что перейдут на Гутенберг после столь долгой работы с классическим редактором. Независимо от того, в какую сторону медали вы верите, нельзя отрицать одно: Гутенберг позволяет легко создавать красивые страницы и посты. Редактор Gutenberg использует блоки для каждого элемента контента и максимально упрощает управление ими. У вас есть блоки, которые можно использовать в качестве медиа, текста, обложек, колонок — вы называете это.

Если вы хотите сделать редактирование еще более простым (и более увлекательным), вы можете использовать тему WordPress с поддержкой Гутенберга, например Astra. Все, что вам нужно сделать, это импортировать шаблон и дать волю своему воображению при редактировании и настройке. Конечный результат? Красивая, профессиональная и уникальная домашняя страница!

Конструкторы страниц помогут вам создать собственную домашнюю страницу WordPress.

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

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

Создание пользовательской домашней страницы WordPress вручную

Теперь здесь все усложняется. В то время как предыдущие два метода не требовали никаких навыков кодирования, этот требует. Чтобы хотя бы осмелиться попробовать этот метод, вам нужно быть знакомым с CSS, HTML, PHP и некоторыми базовыми методами кодирования. Итак, как это будет работать и как именно вам придется использовать свои навыки программирования?

Поскольку WordPress состоит из разных файлов, а некоторые из них называются шаблонами и управляют различными областями вашего веб-сайта, вам нужно найти шаблон с пометкой front-page.php. Если его нет, вам придется создать новый файл font-page.php. Этот шаблон будет использоваться для отображения вашей домашней страницы WordPress. Если вы создали новую страницу, этот шаблон будет полностью пустым. Именно тогда вы можете начать добавлять HTML-код для отображения различных элементов вашей будущей красивой домашней страницы.

Если вы решите создать домашнюю страницу вручную, мы рекомендуем использовать дочернюю тему или собственную пользовательскую тему. Изменение файлов вашей родительской темы может быть опасным, так как это может привести к тому, что ваши изменения будут переопределены, если вы обновите свою тему. А знаете ли вы, что вместо использования front-page.php вы также можете создать свой собственный шаблон и использовать его для своей домашней страницы? Вот как вы можете создать этот шаблон в дочерней или пользовательской теме.

Создайте новый файл в корне вашей темы с именем homepage.php.
Добавьте следующий код:
<?php / Имя шаблона: Домашняя страница*/ ?>*

<?php get_header(); ?>

< div id="основной" класс="контент-область">

<main id="main" class="site-main" role="main">

</main><!– .site-main –>

</div><!– .content-area –>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Создайте новую страницу в WordPress и в разделе Атрибуты страницы теперь у вас должна быть домашняя страница под шаблоном. Выберите его вместо шаблона по умолчанию. Конечно, не забудьте зайти в Настройки-> Чтение и Сделать эту страницу своей домашней. Теперь вы можете настроить свою домашнюю страницу так, как вам нравится, с помощью HTML, CSS, PHP и Javascript.

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

Какой метод будет для вас выигрышным?

Если вы новичок в мире WP, ответ довольно прост, не так ли? В данный момент написание строк кода будет для вас непосильной задачей. К счастью, у вас есть два отличных и простых метода создания пользовательской домашней страницы WordPress. В конце концов, редактор Gutenberg и различные конструкторы страниц упрощают создание уникального контента. Если, с другой стороны, вы чувствуете, что готовы бросить себе вызов, почему бы не пойти по третьему пути? Хотя с этим вам придется быть начеку. Написание строк кода никогда не бывает простой задачей. Отнюдь не. Существует много места для ошибок, и это может произойти, когда вы меньше всего этого ожидаете. Кроме того, со всеми более простыми вариантами вам действительно нужно подумать о том, стоит ли преодолевать трудности.