Как изменить заголовок сайта в WordPress. Как изменить шрифт заголовка в WordPress.
Как изменить заголовок в WordPress. Как изменить шрифт заголовка WordPress. Как изменить заголовок страницы в html.
Заголовок заполняется в стандартных настройках темы. Заходим в Консоль - Настройки - Общие. И прописываем заголовок сайта и краткое описание сайта, там же указываем адрес сайта и прочее.
или
Консоль - Внешний вид - Настроить - Изображение заголовка - Цвета...
или
Консоль - Внешний вид - Заголовок...
Также можно задать одно или несколько изображений(будут показываться в случайном порядке).
В некоторых темах кроме как поменять цвет заголовка - функций по размеру шрифта и виду шрифта нет.
В таком случае придется это делать через Редактор файлов WordPress.
В более ранних версиях тем WordPress изменения вносились в этот файл - header.php. Но на снимке мы видим, что он нам мало чем может помочь. Будем изменять класс стиля заголовка (style.css).
Для этого посмотрим, где он находится. Нажатие кнопок (горячих клавиш) ctrl+shirt+C или ctrl+shift+I или ctrl+U или F12 сотворит с нашей страницей вот такое преображение:
Щелкнув мышкой на интересующее нас изображение или текст - элементы страницы сайта - справа, при наведении мышкой, всплывают подсказки и мы видим, где прячутся коды элементов - адреса
Можно внести изменения по стандартной схеме в папку темы через файловый менеджер. Можно это сделать и через панель управления/консоль нашего сайта.
Консоль - Внешний вид - Редактор - Таблица стилей
строчки 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;
в кавычках - предпочтительный вариант у меня указан, а через запятую - альтернативные, то есть те, которые выведут устройства в случае неопознанности шрифта. С тенью и цветов - простора для фантазии - больше. Если вы не знаете кодов преобразования цвета, стиля, типа шрифта, можете воспользоваться онлайн-генераторами, их в интернете полно.
Если сохраненные изменения в редакторе файлов не отображаются сразу, перезайдите в браузер или чистите кеш.