Как изменить заголовок в WordPress. Как изменить шрифт заголовка в WordPress.

26.12.2018 0 Автор Редакция

Как изменить заголовок в WordPress. Как изменить шрифт заголовка WordPress. Как изменить заголовок страницы в html.

Заголовок заполняется в стандартных настройках темы. Заходим в КонсольНастройкиОбщие. И прописываем заголовок сайта и краткое описание сайта, там же указываем адрес сайта и прочее.

или

КонсольВнешний видНастроитьИзображение заголовкаЦвета…

или

КонсольВнешний видЗаголовок

Также можно задать одно или несколько изображений(будут показываться в случайном порядке).

В некоторых темах кроме как поменять цвет заголовка — функций по размеру шрифта и виду шрифта нет.

В таком случае придется это делать через Редактор файлов WordPress.

редактор заголовка страницы

В более ранних версиях тем WordPress изменения вносились в этот файл — header.php. Но на снимке мы видим, что он нам мало чем может помочь. Будем изменять класс стиля заголовка (style.css).

Для этого посмотрим, где он находится. Нажатие кнопок (горячих клавиш) ctrl+shirt+C или ctrl+shift+I или ctrl+U или F12 сотворит с нашей страницей вот такое преображение:

Щелкнув мышкой на интересующее нас изображение или текст — элементы страницы сайта — справа, при наведении мышкой, всплывают подсказки и мы видим, где прячутся коды элементов — адреса

заголовок html

Можно внести изменения по стандартной схеме в папку темы через файловый менеджер. Можно это сделать и через панель управления/консоль нашего сайта.

КонсольВнешний видРедакторТаблица стилей

заголовок html

строчки 656-664 определяют стиль заголовка. Их и будем менять.

margin: 0;
padding: 0;
font-size: 60px;
line-height: 70px;
word-wrap: break-word;
font-weight: 700;
color: #000;
letter-spacing: -.02em;
text-transform: uppercase;

изменен размер шрифта с 60 на 50 и добавлены строки 665-667

text-shadow:3px 3px 11px rgba(0, 0, 255, 0.62);
font-family: «Garamond», Serif, Georgia, Times New Roman;
font-style: oblique;

добавлена размытая синяя тень, изменено семейство шрифтов и сделан стиль шрифта наклонным.

Обновляем/сохраняем файл с внесенными изменениями. Смотрим на результат:

таким же образом меняем краткое описание сайта, чтобы из колеи не выбивалось. С помощью нажатия кнопок (горячих клавиш) ctrl+shirt+C или ctrl+shift+I или ctrl+U или F12 ищем класс (style.css) написания краткого описания сайта по той же схеме, которая была описана выше.

Напоминаю, что можно внести изменения в соответствующую папку в файловом менеджере. Но мы изменим здесь. И опять

Консоль — Внешний вид — Редактор — Таблица стилей (style.css)

Строки 670-674

font-size: 23px;
line-height: 28px;
margin: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;

Добавляем то же самое, что и при изменении заголовка на строки 674-677

text-shadow:3px 3px 11px rgba(0, 0, 255, 0.62);
font-family: «Garamond», Serif, Georgia, Times New Roman;
font-style: oblique;

и изменяю кегль(размер)font-size — шрифта с 23 на 50

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

Совсем другое дело. Изменю, пожалуй краткое описание сайта.

Консоль — Настройки — Общие

Интернет Издание — мне более нравится, как Искусственный Интеллект.

Можно было бы сделать и совсем проще: в программах по редактированию изображений наложить текст, какой вам заблагорассудится и всю эту картинку загнать в изображение заголовка. Но не все темы дают возможность иметь заголовок и краткое описание сайта скрыто, и тогда название сайта и его описание не будет выводиться во вкладках сайта и в результатах выдачи поисковых систем — поисковых строчках. Поэтому приходится извращаться.

Меняя тип шрифта — будьте аккуратны, поскольку не все устройства вывода(монитор, принтер) их могут отобразить. Во избежание получения неясных квадратиков используйте основные шрифты, и другие для подстраховки:

font-family: «Garamond», Serif, Georgia, Times New Roman;

в кавычках — предпочтительный вариант у меня указан, а через запятую — альтернативные, то есть те, которые выведут устройства в случае неопознанности шрифта. С тенью и цветов — простора для фантазии — больше. Если вы не знаете кодов преобразования цвета, стиля, типа шрифта, можете воспользоваться онлайн-генераторами, их в интернете полно.

Если сохраненные изменения в редакторе файлов не отображаются сразу, перезайдите в браузер или чистите кеш.