• Ищите: или site-name или site-title.
• Если тег h1 находится внутри div, то его просто удаляем.
• Если теги h1>

Вставляем тег h1 на главную страницу блога WP

На главной странице блога, которая отражает последние статьи, ситуация немного другая. Так как заголовков на главной странице несколько, то нужно чтобы они обрамлялись тегами h2, а не h1.

1. Для этого открываем в редакторе файл: index.php или loop.php;
2. Ищем код выводящий название статей на главной странице;
3. И меняем, тег h1 на тег h2. Не забываем сохраниться.

" rel="bookmark">

" rel="bookmark">

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

Здравствуйте, уважаемые друзья. Сегодня пойдёт речь о наболевшей для меня проблеме, а именно о заголовках h1. В общем, вы уже знаете, что установив тему WordPress её ещё и дорабатывать, придётся под свои нужды. И это нормально, дизайн подправить, если необходимо объединить элементы дизайна в , может, размеры шрифтов подправить, да перечислять можно долго. Так в чём проблема?

Какие проблемы с заголовками h1 были на моём блоге

Суть в том, что все эти доработки не должны слетать при обновлении темы. У меня же, как только обновил тему, так и давай всё заново настраивать. Но фишка в другом, элементы дизайна – это цветочки, а подлянка заключается в том, что у меня после этих обновлений перестали работать и постоянно меняются местами заголовки h1 и h2. А вы знаете, что поисковики не жалуют сайты, где тег h1 отсутствует или слишком часто используется.

Вот здесь расскажу немного поподробнее. Так вот, практически в каждой теме оформления для WordPress есть возможность прописать заголовок сайта и описание.

А также установить логотип.

В моей теме тоже всё это есть. Заголовок прописывается тегом h1, а описание сайта тегом h2. А если установить логотип, то он будет обозначен как заголовок и внесёт в тег h1.

И вроде бы всё хорошо – на главной странице заголовок сайта имеет тег h1, а заголовки статей h2. А вот в статьях и страницах тоже изначально было так. Причём это не в одной моей теме, во многих темах WordPress заголовки статей и страниц прописаны в теге h2 – что по правилам SEO неверно.

Я этот момент подправил – в статьях и страницах заголовки изменил на h1, а заголовок сайта на h2.

Но вот прошло обновление, визуально я заметил только проблемы с дизайном. Исправил и не о чём не волнуюсь. Через какое-то время прошло ещё обновление и вдобавок к дизайну перестали работать древовидные комментарии. Ну, это то, что я заметил визуально.

Всё, решил больше тему не обновлять, а заменить полностью. Но пока нет времени. А пока я этого не сделаю, нужно разбираться с моей текущей темой.

Но после последнего обновления на самом деле всё оказалось хуже – произошла подмена тегов h1 и h2. А точнее, изображение, которое я использовал в качестве логотипа, и которое было заключено в тег h1, — тег просто исчез (на главной странице). Так на главной странице вообще не осталось тега h1. Зато в статьях и страницах заголовок сайта обрёл тег h1. И соответственно заголовок сайта, и заголовок статьи были обозначены тегом h1. Перебор!

А ещё эта путаница повлияла на – пропал заголовок сайта.

И поэтому для устранения этих недочётов я решил, что необходимо выводить заголовок сайта с тегом h1 в зависимости от того какая страница открывается. И сделать это надо миную функции темы.

Как изменить тег заголовка h1 в зависимости от условий

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

Если открывается статья или отдельная страница, — заголовок сайта должен обозначаться тегом h2.

Итак, приступаем к реализации задуманного.

Как известно, практически во всех темах шаблон состоит из нескольких блоков и такие блоки, как шапка (header.php), подвал (footer.php), сайтбар (sidebar.php) подключаются как отдельные элементы к основной странице (index.php), статьям (single.php), страницам (page.php).

Следовательно, заголовок и описание сайта находятся в шапке (header.php ). И нужно лишь прописать условие, которое будет менять тег h1 в зависимости от того какая страница открывается.

А для этого открываем административную панель WP – «Внешний вид» — «Редактор» — «Заголовок (header.php)» .

Нужно найти строчку кода с тегом h1, в некоторых случаях это может быть и тег h2. Во всяком случае, нужно обращать внимание на содержимое этих строк. Изначально в моей теме было так.

Заголовок сайта.

">

Описание сайта.

Вот это и нужно будет подправить. В описание сайта можно только добавить код микроразметки, а вот с заголовком сайта поработаем.

Итак, перед строкой кода с заголовком h1 вставляем вот этот код:

Это условие обозначает: Если (if) открыта «не» (!) статья (is_single) и (&&) «не» (!) страница (is_page) – заголовок сайта будет обозначен тегом h1.

А после строки с кодом h1 нужно закрыть условие, этим кодом:

В итоге у вас должно получиться вот так:

">

А теперь по аналогии добавляем ещё одно условие, сразу после первого:

">

Это условие обозначает: Если (if) открыта статья (is_single) или (||) страница (is_page) – заголовок сайта будет обозначен тегом h2.

Обратите внимание, я изменил тег заголовка во втором условии с h1 на h2. Так же можно заменить h1 на абзац (р) или блоки div, span. Это важно!

Сохраняем файл и проверяем.

Как должно быть после внедрения условий

На главной странице, рубриках, поиске и так далее заголовок сайта должен быть обозначен тегом h1, а все заголовки статей и так далее h2, h3…

При открытии статьи или отдельной страницы, заголовок сайта меняется на h2. Если вы изменили на предыдущем шаге h2 на p, div, span — значит и изменения у вас будут соответствующие. Только не забудьте прописать стили для этих элементов.

Здесь очень важно проверить в файлах single.php и page.php чтобы заголовки статей и страниц обозначались тегом h1. Если у вас не так, откройте эти файлы и исправьте циферку.

Подведение итогов

Этим решением я избавился от конфликта с тегами заголовков h1 и h2 и восстановил работоспособность микроразметки. Всего-то пару строк кода, а какое удобство.

Друзья, у кого подобная ситуация берите на вооружение.

И в завершение видеоурок по теме. Я покажу на своём блоге, как этот метод работает.

А у меня на этом сегодня всё. Всем желаю хорошего настроения и до встречи в новых статьях и видеоуроках.

В большинстве тем WordPress заголовки h1-h6 внутри статей по умолчанию такие большие, что портят весь вид. В таких случаях возникает необходимость уменьшить размер заголовка в статье блога. И здесь часто возникает такая путаница, что не все даже понимают, о чем речь. Давайте разберемся.

Виды заголовков, которые можно изменить

Обычно правильно написанная статья в блоге имеет несколько заголовков. На видно, что есть:

• название статьи — как правило, это H1
• заголовок h2
• заголовок h3

Эта статья предназначена для тех, кому нужно уменьшить размер заголовков h2-h6 — то есть заголовков внутри статьи. По хорошему, на каждой страничке сайта должен быть один заголовок — тегом H1. И это — название статьи. Именно поэтому, когда мы прописываем заголовки ВНУТРИ статьи, то начинаем с тега h2, ведь h1 у нас уже есть.

И вот часто даже этот заголовок h2 имеет слишком большой размер, что приносит некоторые неудобство вебмастеру и он перестает им пользоваться, используя h3 или h4. Если вы столкнулись с этой проблемой, то изменить это достаточно просто.

Как уменьшить размер заголовка в статье

Для тех, кто в теме, сообщаю путь: pablic_html → ваш домен → wp-content → themes → ваша тема → css → screen.css. А для тех, кто пока не уверен, подготовлено подробное видео.

В видео показано, что меняется значение «em». Если размер по-прежнему не устраивает, попробуйте вместо значения «em» подставлять пиксели (например, вместо 2em — 20px) — в некоторых темах это корректнее.

Это была статья о том, как изменить размер шрифта заголовков в статье блога, а вот если вам нужно изменить само название статьи, то вам

Сегодня в одном из комментариев прозвучал вопрос: Как изменить размер заголовка статьи

WordPress ? Вариантов ответов на данный вопрос может быть несколько. Чтобы сильно не вдаваться в подробности написания кода html и не рассказывать про css, а также про подсоединение файлов со стилями для единого форматирования страниц, расскажу самое главное и основное, что нужно знать, и чем мы будем пользоваться, чтобы изменить размер заголовка статьи WordPress :

Первый вариант. Заголовки статьи необходимо задавать тегом H1 или H2 или … H6.

• Где взять простому пользователю эти теги?
• Как ими пользоваться?
• Куда вставлять эти H1 или H2 или … H6 в Worpress ?

Все очень просто. Эти теги заголовков находятся в списке Формат на дополнительной панели кнопок (у кого нет этой панели нажмите комбинацию клавиш Alt+Shift+Z).

Выбирая каждый вид из пункта Формат – Заголовок 1, Заголовок 2, и т.д. можете подоб рать тот вид заголовка, который вам подходит. Сразу оговорюсь, что чем менше цифра заголовка, тем менше «размер» текста.

ВНИМАНИЕ: в тексте обязательно должен быть один заголовок, чтобы поисковикам было легче оптимизировать страницу.

Если Вы хотите просмотреть коды html, которые используются для создания заголовков, то перейдите пожалуйста на вкладку HTML. Убедились, что это один из вариантов H1 или H2 или … H6? Отлично. Поехали дальше.

Второй вариант. Можно пользоваться тегом < font >. У этого тега есть несколько атрибутов. Тот, который нас интересует называется size. Этот атрибут может принимать значения от 1 до 7. Например, Шрифт размера 2

Можно выделять все слово целиком, а можно выделить первую букву. Таким образом можно добиться эффекта буквица.

Осень пришла

Как этим пользоваться?

1. Открываете статью в ПУА сайтом.
2. Записываете текст как обычно.
3. Переходите в просмотр html-кодов.
4. Находите слова, шрифт которых хотите изменить.
5. Обрамляете эти слова тегом ( слово ) как показано выше.

У тега есть еще атрибут color , который задает цвет шрифта. Принимает значения этот атрибут:

Как видно из примера значение цвета можно писать

• или названием цвета (кстати, в таблице перечислены основные цвета, а их на самом деле значительно больше)
• или задавать в коде RGB (для подбора других цветов можно использовать фотошоп, выбираете цвет и смотрите значение в RGB, далее записываете в код html и получаете результат. Но будьте аккуратными, не все цвета рекомендуется использовать в Интернет, есть таблица, так называемая, «безопасных цветов». Вот ею и нужно пользоваться!!!)

Еще у тега есть атрибут FACE. Можно указывать шрифт по названию (Arial, Tahoma, Verdana) или типу(например, monospace).

Например,

Золотая осень