Як створити власну домашню сторінку в WordPress

Часто користувачі запитують нас, чи можна створити власну домашню сторінку в WordPress.


За замовчуванням WordPress показує ваші публікації в блозі на домашній сторінці. Однак, як бізнес-веб-сайт, ви можете створити більш привабливу домашню сторінку, яка допоможе користувачам знайти те, що їм потрібно, та підвищити конверсію продажів.

У цій статті ми покажемо вам, як легко створити власну домашню сторінку в WordPress. Ми покажемо кілька методів, і ви можете вибрати той, який вам простіше.

Створення власної домашньої сторінки в WordPress

Що таке домашня сторінка?

Домашня сторінка – це вступна сторінка за замовчуванням або головна сторінка веб-сайту. Ця сторінка з’являється, коли хтось вводить доменне ім’я вашого веб-сайту в адресному рядку свого веб-переглядача.

Приклад домашньої сторінки

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

За замовчуванням WordPress відображає ваші останні публікації в блозі на домашній сторінці. Це не добре, оскільки це показує лише деякі ваші поточні статті.

Якщо ви запускаєте веб-сайт компанії, то домашня сторінка за замовчуванням не повідомляє користувачів про ваш бізнес, продукти чи послуги. Він також не дає користувачам способу зв’язатися з вами.

Хороша новина полягає в тому, що WordPress вже має вбудований функціонал для створення власної домашньої сторінки.

Вибір користувацької сторінки для використання в якості WordPress як домашньої сторінки

WordPress дозволяє легко використовувати будь-яку сторінку вашого веб-сайту як домашню сторінку. Можна просто піти Сторінки »Додати нове сторінки в адміністраторній області WordPress, щоб створити нову сторінку.

Дамо цій сторінці назву “Домашня сторінка” та опублікуємо її. Ви будете використовувати цю сторінку як свою власну домашню сторінку.

На даний момент не хвилюйтеся щодо планування чи дизайну. Ми покажемо вам, як створити домашню сторінку пізніше в цій статті.

Тепер, якщо ви хочете вести блог на своєму сайті, вам потрібно створити окрему сторінку блогу для відображення своїх публікацій.

Ще раз переходьте до Сторінки »Додати нове і створіть сторінку під назвою “Блог”. Вперед і опублікуйте порожню сторінку.

Створивши сторінки, вам потрібно відвідати Налаштування »Читання сторінки у вашому адміністраторі WordPress. Тут виберіть параметр “Статична сторінка” у розділі “Відображення домашньої сторінки”.

Виберіть домашню сторінку та сторінку блогу

Далі потрібно вибрати домашню сторінку та сторінки блогу, які ви створили раніше.

Не забудьте натиснути кнопку “Зберегти зміни”, щоб зберегти свої налаштування.

Тепер, коли ви налаштували сторінку, яка буде використовуватися як ваша домашня сторінка, давайте почнемо розробляти власну домашню сторінку для вашого сайту WordPress.

Спосіб 1. Створіть власну домашню сторінку в WordPress за допомогою Гутенберга

У грудні 2018 року WordPress представив нового редактора на основі блоків під назвою Gutenberg. Цей новий редактор дозволяє користувачам не просто писати контент, а й створювати прекрасні макети.

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

WordPress включає блоки, які можна використовувати для дизайнерських цілей, таких як зображення обкладинки, стовпці, таблиці, текст та засоби масової інформації, галереї тощо.

Редагування власного макета домашньої сторінки за допомогою Гутенберга

Кожен блок оснащений власними налаштуваннями, що дозволяє налаштувати його зовнішній вигляд відповідно до вимог дизайну.

Ви можете розширити доступні блоки за допомогою плагінів блоків Гутенберга, щоб додати більше блоків у свій арсенал. Ці плагіни дозволяють використовувати передові елементи, такі як відгуки, повзунки, послуги та інші загальні функції дизайну.

Використання розширених модулів бібліотеки блоків для створення макета домашньої сторінки

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

Ми рекомендуємо використовувати Astra, вона постачається з шаблонами веб-сайтів Gutenberg, які ви можете встановити, використовуючи їх плагін Astra Starter Sites.

Після імпорту шаблону ви можете його відредагувати за допомогою типового редактора WordPress та створити домашню сторінку високопрофесійного вигляду для свого веб-сайту.

Спосіб 2. Створіть власну домашню сторінку в WordPress за допомогою Builders сторінки

Цей метод дуже простий і не вимагає ніяких навичок кодування чи дизайну. Для цього методу ви будете використовувати плагін для конструктора сторінок WordPress.

Плагін для створення веб-сторінок дозволяє легко створювати власні макети сторінок за допомогою простого інтерфейсу перетягування.

Ми рекомендуємо використовувати Beaver Builder, оскільки це найзручніший для початківців плагін для створення сторінок на ринку. Він постачається з десятками власних шаблонів домашніх сторінок, які можна встановити одним натисканням кнопки.

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

Створення власної домашньої сторінки за допомогою програми Beaver Builder

Beaver Builder також надає вам доступ до Beaver Themer, який дозволяє вам створити власну власну тему WordPress без написання коду.

Детальніше дивіться в нашому посібнику про те, як легко створити власні макети WordPress за допомогою програми Beaver Builder.

В якості альтернативи ви також можете спробувати Elementor. Це також надзвичайно популярний плагін для конструктора сторінок WordPress. Він також постачається з шаблонами перетягування та зручним інтерфейсом.

Створення макета домашньої сторінки за допомогою Elementor

Детальніше дивіться в нашому підручнику зі створення користувацьких макетів сторінок за допомогою Elementor.

Спосіб 3. Створіть власну домашню сторінку в WordPress (потрібно кодування)

Цей спосіб не рекомендується для початківців, оскільки вимагає кодування. Вам потрібно ознайомитись із практикою кодування WordPress, PHP, HTML та CSS, щоб використовувати цей метод.

Подивимося, як це працює.

Ваша тема WordPress складається з різних файлів. Деякі з цих файлів називаються шаблонами і контролюють показ певних областей вашого веб-сайту. Докладнішу інформацію див. У нашому шаблоні ієрархії шаблону WordPress.

Один із таких шаблонів називається front-page.php. Якщо у вашої теми є цей шаблон, то WordPress автоматично використовуватиме його для відображення вашої власної домашньої сторінки.

front-page.php шаблон

Однак якщо у вашої теми її немає, ви можете створити її для себе /

Просто створіть порожній файл і збережіть його як front-page.php. Після цього вам потрібно завантажити його в папку поточної теми у вашому обліковому записі хостингу WordPress за допомогою FTP.

Як тільки ви завантажите цей файл, WordPress почне використовувати його для відображення вашої домашньої сторінки. Однак, оскільки цей файл повністю порожній, ви побачите порожню білу сторінку.

Щоб виправити це, ви можете почати додавати свій HTML-код для відображення вмісту власної домашньої сторінки. Простішим підходом є використання наявного коду та шаблонів у вашій темі WordPress.

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

Ось зразок коду, з якого ми видалили вміст і бічні панелі, зберігаючи шапки та шаблони навігації з теми.

<?php / *
Ця сторінка використовується для відображення статичної титульної сторінки.
* /

// Вибрати шаблон заголовка теми
get_header (); ?>
>

Тут ви перебуваєте на власному коді домашньої сторінки


// Отримати шаблон нижнього колонтитулу теми
<?php get_footer (); ?>

Поради щодо створення ефективної спеціальної домашньої сторінки в WordPress

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

Ми рекомендуємо зберігати дизайн своєї домашньої сторінки якомога простіше. На власних веб-сайтах ми дізналися, що наші користувачі вважають простіші макети кориснішими.

Намагайтеся уникати безладу, але не ховайте важливу інформацію, яку хотіли б бачити ваші користувачі на домашній сторінці. Вам також потрібно визначити, який вміст з’являється першим у вашій макетці.

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

Для більшості підприємств та блогів метою номер один є перетворення відвідувачів веб-сайтів у клієнтів. Для цього вам знадобиться OptinMonster.

Це найкраще програмне забезпечення для спливаючих вікон WordPress та програмного забезпечення для покоління. Це допомагає вам конвертувати відвідувачів веб-сайтів у передплатників та платників.

Далі ви хочете відстежити, як працює ваша власна домашня сторінка. Для цього вам потрібно встановити Google Analytics на своєму веб-сайті. Це допомагає вам побачити, звідки беруться ваші користувачі та що вони роблять на вашому веб-сайті.

Ви також хочете, щоб ваші користувачі спростили зв’язок з вами. Для цього вам знадобиться плагін WPForms, який є найкращим плагіном WordPress форми на ринку.

Ви також можете додати кнопку натискання кнопки для виклику свого веб-сайту, щоб люди могли легко телефонувати на ваш діловий телефон.

Нарешті, ми рекомендуємо оглянути ваших конкурентів та інших популярних сайтів у вашій галузі / ніші. Ми не просимо вас скопіювати їх дизайн, а вивчити їх найкращі практики та застосувати його на власному макеті домашньої сторінки.

Ми сподіваємося, що ця стаття допомогла вам легко створити власну домашню сторінку в WordPress. Ви також можете побачити наші перевірені поради щодо збільшення трафіку вашого блогу.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me