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

Наконец, добрались руки, как изменить шрифт заголовка сайта. Не люблю сложных вещей, поэтому всегда все упрощаю, насколько возможно. Предлагаю Вам простой, быстрый и не требующий глубоких знаний html способ изменить шрифт, размер и цвет заголовка Вашего сайта.

nazvanie_saita

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

Меры предосторожности для тех, кто не уверен

  • Для начала определимся? что речь идет о темах (шаблонах) WordPress. Если тема блога установлена на этот движок, то это статья для Вас.
  • Если Вы не уверены в своих силах, лучше сначала поэкспериментировать на  тестовом поддомене. Убедившись в своей дееспособности, можно перенести навык на основной сайт. Впрочем, действия, которые требуются для того, чтобы изменить шрифт заголовка сайта, настолько просты, что напортачить там сложно. Лично я все всегда сначала делаю на тестовом. Чуть больше времени, но надежнее.
  • В случае, если сайт все-таки сломался, читайте, Что делать, если сломался сайт>>. Но,  если все делать аккуратно, никаких катастроф не произойдет.

Как поменять шрифт заголовка сайта

В разных шаблонах строчка кода может выглядеть по-разному. Чтобы уточнить, как в вашем шаблоне, изучите статью, как найти код html. Там есть подробное видео, как найти любую строчку кода, — после чего вы сможете вносить практически любые изменения в шаблон своего сайта. Навык освободит вас от необходимости рыться в кодах и развяжет руки.

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

Инструкция по смене шрифта в заголовке сайта

А если времени разбираться нет, но хочется быстрее На все про все нам понадобится наш сайт и программа word (для подбора шрифта).

  1. Входим в админпанель своего сайта. Далее, в левом сайдбаре находим Консоль — Внешний вид — Редактор.
  2. В правой части находим Список стилей (style.css) и открываем его.
  3. Заголовок сайта — это header h1. Находится ближе к началу. Чтобы не искать глазами, можно нажать Ctrl+F — появится строка поиска. Наберите в поиске. У меня эта часть выглядит так:
kak_izmenit_shrift_v_zagolovke

Верхний квадрат: строка изменения шрифта.

Нижний квадрат: строка изменения размера шрифта.

Позже мы еще поменяем размер и цвет шрифта, если есть такая необходимость.

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

  1. Теперь открываем чистый документ Word, копируем на главной странице сайта название и переносим его в вордовский документ, выделяем и начинаем играться с разными шрифтами. Находятся они на верхней панели в левом углу. Почему удобно делать именно в этой программе — потому что сразу видны все изменения шрифта в Вашем названии. Выбирайте шрифт, который будет сочетаться с названием Вашего сайта. Шрифт, который Вам безусловно понравится. Когда выберите, скопируйте в Worde название шрифта.
  2. Возвращаемся в админпанель сайта. В строку изменения шрифта (на рис. — верхний синий квадрат) вносим название выбранного шрифта вместо того, что стоит по умолчанию.
  3. Внизу страницы нажимаем «Обновить файл».
  4. Переходим на сайт и смотрим, хорошо ли встал шрифт в общем контексте. Если нет, возвращаемся в Word и выбираем другой. Все.

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

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

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

Делается это там же. Находится строчка в следующем блоке за тем, где мы меняли сам шрифт и его размер. Выглядит примерно таким образом:

izmenit_cvet

Чтобы подобрать цвет, можно использовать одну из опций темы: Консоль — Внешний вид — Фон. В строке «Цвет фона» можно выбрать цвет, скопировать его буквенно-числовое значение и вставить вместо того, что был (в моем случае #11006а). Изменения сохранить. Переходим на сайт и любуемся.

Итак, чтобы изменить шрифт, цвет и размер, нужно внести изменения всего в 3 строчки редактора. При небольшом навыке занимает очень мало времени.

Красивый, хорошо читаемый заголовок,

сочетающийся с общим духом темы,

сделает Ваш блог более привлекательным и запоминающимся.

Экспериментируйте, выбирайте то, что Вам по душе!

P.S. Когда я вношу даже незначительные изменения в файлы редактора темы, то на всякий случай копирую измененный текст целиком в блокнот — в папку, где хранится zip установленной на моем сайте темы. В том случае, если  сайт вдруг сломается и придет необходимость переустанавливать тему, у меня сохранены все измененные на мой вкус файлы. Останется только при переустановке wordpress или темы перенести файлы в соответствующие папки на хостинге.

В следующих статьях, по ходу преобразования моего  блога, мы будем так же легко менять цвет фона, шрифты заголовков в рубриках, статьях, цвет ссылок — словом, любых элементов сайта на WordPress.
Предлагаю вашему вниманию видео, «как изменить шрифт заголовка» и не только:

ВАЖНОЕ ДОПОЛНЕНИЕ. Когда вы работаете с html и вносите изменения, часто возникает такая проблема: вы переходите на свой блог и видите, что все осталось по-прежнему. Прежде чем паниковать, очистите кэш своего браузера. Если пользуетесь Google Chrome, то подробное объяснение, как это сделать, в статье «Как очистить кэш в google chrome»

Что еще можно изменить:

Заголовок поста

Home на Главную 

Тег «Читать далее» 

90 комментариев

  1. Наталья
    • НеоБлоггер
      • Светлана
  2. Ксения
    • НеоБлоггер
  3. Фаниса
    • НеоБлоггер
  4. Фаниса
    • НеоБлоггер
      • Фаниса
        • НеоБлоггер
  5. Руслан
    • НеоБлоггер
  6. Елена
    • НеоБлоггер
  7. андрей
    • НеоБлоггер
      • андрей
        • НеоБлоггер
  8. андрей
    • Лариса
    • НеоБлоггер
      • андрей
        • Лариса
  9. андрей
  10. НеоБлоггер
  11. Эля
    • НеоБлоггер
  12. Эля
    • НеоБлоггер
  13. Белла
    • НеоБлоггер
  14. Галина
    • НеоБлоггер
      • Галина
        • Лариса
  15. Светлана
    • НеоБлоггер
  16. Валентина
    • Необлоггер
      • Валентина
  17. Снежана
  18. Артем
    • Александр Хрипунов
      • Артем
        • Александр Хрипунов
          • Артем
  19. Александр Хрипунов
    • Артем
      • Александр Хрипунов
        • Артем
          • Александр Хрипунов
          • Артем
  20. Ирина
    • Артем
    • Артем
      • Александр Хрипунов
        • Артем
          • Александр Хрипунов
          • Александр Хрипунов
          • Артем
          • Александр Хрипунов
          • Артем
    • Александр Хрипунов
  21. Вера
    • Александр Хрипунов
      • Артем
  22. Вера
    • Александр Хрипунов
  23. Николай
    • Александр Хрипунов
      • Артем
        • Александр Хрипунов
    • Артем
      • Николай
        • Артем
  24. Алекс
    • Александр Хрипунов
  25. Алекс
  26. Александр Хрипунов
  27. Александр
    • Александр Хрипунов
      • Александр
        • Александр Хрипунов
        • Артем
  28. Ольга Черныш
  29. Наталья
  30. Артем
  31. Александр Ризун
  32. Алекса

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *