Отримайте свій тег заголовка з ...

1. Рішення - видаліть h1 з заголовка блогу та покладіть назву повідомлення в h1 на окремі повідомлення...
2. Крок 2 - Видалити тег h1 з назви блогу на окремих публікаціях & сторінках:
3. Крок 3 - Створіть новий ідентифікатор #blogTitle і нові теги h1
4. Пояснення змін
5. Новий план документа

В ідеалі, ваш найважливіший заголовок для кожної сторінки повинен бути загорнутий у тег h1, наступний найважливіший заголовок у h2 і так далі. WordPress робить велику роботу в цьому з коробки для домашньої сторінки, упаковки вашого імені блогу з тегом H1 і всі ваші окремі посади на головній сторінці в тезі h2. На жаль, це не робить хорошу роботу з окремими сторінками повідомлення.

За замовчуванням окремі повідомлення мають такий же формат контуру, як і домашня сторінка… Заголовок блогу, загорнутий у h1 і заголовок посади, загорнутий у h2. Але хіба ви не хочете, щоб назва вашої посади, принаймні на окремих сторінках листа, вважалася найважливішою на цій сторінці? Звичайно, ви…

Налаштування структури за замовчуванням на головній сторінці WordPress (добре) ...

Структура тегів заголовка домашньої сторінки WordPress хороша

І WordPress за замовчуванням один пост контур установки (погано) ...

Структура заголовків за промовчанням на окремих повідомленнях погана

Рішення - видаліть h1 з заголовка блогу та покладіть назву повідомлення в h1 на окремі повідомлення & сторінки:

Знайдіть наступний код у файлі single.php:

<div class = "post" id = "post - <? php the_ID ();?&gt;"> <h2> <a href="<?php echo get_permalink() ?&gt; "rel =" bookmark "title =" Постійний Посилання: <? Php the_title_attribute ();?&gt; "> <? Php the_title (); ?> </a> </h2>

… І змінити теги h2 на теги h1 так:

<div class = "post" id = "post - <? php the_ID ();?&gt;"> <h1> <a href="<?php echo get_permalink() ?&gt; "rel =" bookmark "title =" Постійний Посилання: <? Php the_title_attribute ();?&gt; "> <? Php the_title (); ?> </a> </h1>

Крок 2 - Видалити тег h1 з назви блогу на окремих публікаціях & сторінках:

Завдяки читачеві Брайан Брандт WordPress-Themes.dk за те, що ця посада спочатку не рекомендувала видаляти тег h1 з назви блогу на окремих сторінках, залишивши 2 h1 теги на кожній окремій сторінці / сторінці. Ось кроки, щоб видалити тег h1 на будь-якій сторінці, крім домашньої сторінки.

Відкрийте header.php і знайдіть наступний рядок:

<h1> <a href="<?php echo get_option('home'); ?&gt; "> <? php bloginfo (" ім'я "); ?> </a> </h1>

Потім змініть його на це:

<? php if (is_home ()):?> <h1> <a href="<?php echo get_option('home'); ?&gt; "> <? php bloginfo (" ім'я "); ?> </a> </h1> <? php else:?> <span id = "blogTitle"> <a href="<?php echo get_option('home'); ?&gt; "> <? 'name'); ?> </a> </span> <? php endif; ?>

Крок 3 - Створіть новий ідентифікатор #blogTitle і нові теги h1

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

span # blogTitle {display: block; розмір шрифту: 4em; text-align: center; верхній шар: 70px; font-weight: bold; сімейство шрифтів: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; } span # blogTitle a {колір: білий; текст-прикраса: немає; } span # blogTitle a: hover {text-decoration: none; } .post h1 {color: # 333333; текст-прикраса: немає; розмір шрифту: 1.6em; text-align: left; прокладок: 0; }

Пояснення змін

В основному, те, що ми зробили в кроці 2 вище, ми взяли оригінальний код, який відображає заголовок блогу і загорнув його за допомогою оператора if. Перша частина цього if-твердження говорить: "якщо поточно відображена сторінка є домашньою сторінкою, тоді покажіть заголовок блогу, загорнутий у теги h1, інакше (якщо поточна сторінка не є домашньою сторінкою, виведіть назву блогу, але оберніть його в тегах.

Якщо ми залишимо його на цьому, то втратимо стиль назви блогу на що-небудь, крім домашньої сторінки, а стилі нашої посади / назви сторінок на одних посадах і сторінках не будуть правильними, оскільки ми змінили її з h2 до h1, ми в кінцевому підсумку з посади та сторінки назви виглядають так само, як наш заголовок блогу на головній сторінці ... замість цього ми хочемо, щоб ці назви були стилізовані так само, як h2 пост / назви сторінок на домашній сторінці.

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

По-друге, ми створюємо новий стиль для .post h1, як показано на кроці 3 вище. Знову ж таки, наведені вище стилі спрямовані на тему WordPress за замовчуванням ... якщо ви використовуєте іншу тему, вам доведеться трохи налаштувати ці стилі.

Тепер ваш план виглядає більше, як це повинно, і пошукові системи будуть краще підготовлені, щоб зрозуміти, що всі ваші повідомлення про. І, нарешті…

Новий план документа

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

Іншим варіантом, який ви можете розглянути, є видалення тегів h3, які ви бачите нижче, до "One Response ..." і "Leave a Reply", тому що, на мій погляд, вони дійсно нічого не роблять.

Тим не менш, для більшості ситуацій, поки ваші теги h1 є в порядку, інші не такі важливі.

Тепер структура тега заголовка одного повідомлення трохи краще