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 впадають у повний ступор, коли мова заходить про створення головної сторінки сайту або інтернет магазину, наприклад. Чому так відбувається?

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

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

Створюємо головну сторінку WordPress сайту

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

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

Пам'ятаємо ще й те, що тепер на головній станиці вашого сайту не буде звичної стрічки записів. Для неї вам необхідно відразу створити ще одну сторінку, наприклад, Блог або Новини. Створюємо за аналогією з головною. Ще варіант взагалі відмовитися від загальної стрічки постів і виводити їх виключно за рубриками.

Тепер переходимо в розділ Установки — Читання, переключаємося на - Статичну сторінкуі в списках вибираємо створені раніше сторінки для головної і для записів.

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

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

Будівельники сторінок

Найпопулярніший нині спосіб створення унікальних сторінок це різні візуальні композери. «Цар гори» тут безсумнівно — знаменитий Visual Composer із цілим «виводком» своїх і сторонніх доповнень. Докладніше про цей чудовий плагін ви можете прочитати в .

https://vimeo.com/92033601

У популярного плагіна - конструктора постійно з'являється все більше послідовників, як преміум, так і безкоштовних. Про деякі з них ви можете прочитати, наприклад, ось . Суть роботи з такими плагінами полягає у візуальному перетягуванні та налаштуванні блоків з різними заздалегідь заготовленими елементами та вашим контентом. Причому останнім часом такі будівельники вміють працювати не тільки з адмінки (back-end), але й front end, тобто ви можете коштувати свою сторінку прямо із зовнішнього боку сайту. Дуже зручно та наочно – ви одразу бачите всі результати своєї творчості.

Шорткоди

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

або ось ще непоганий плагін - Easy Responsive Shortcodes.

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

Є плагіни універсальні, з великим набором різних шорткодів і є більш вузькоспеціалізовані. Наприклад, лише організації та виведення контенту рівними стовпцями — Column Shortcodes . Цілком можливо, вам буде достатньо такого функціоналу.

Виведення записів та портфоліо

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

Інший, схожий варіант - плагін. Він правда, більшою мірою орієнтований на виведення галерей та портфоліо.

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

Для найбільш економних знайдуться і безкоштовні плагіни або Gridster. Можливостей у них не так багато як у преміум, але для своїх цілей цілком підійдуть.

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

Чи використовуєте ви, шановні читачі, на своєму блозі чи сайті головну сторінку?

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

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

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

Динамічна чи статична головна сторінка блогу?

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

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

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

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

Як зробити головну сторінку WordPress

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

Створити статичну сторінку можна на панелі керування за адресою: Сторінки – Додати нову.

Закріпити її на головній блозі за адресою: Налаштування – Читання.

Тепер головна сторінка блогу буде більш SEO-оптимізованою, що прискорить її просування пошуковими запитами.

За промовчанням головна сторінка блогу на 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()обидві перевіряють перебування на головній сторінці.