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

Наконец, добрались руки, как изменить шрифт заголовка сайта. Не люблю сложных вещей, поэтому всегда все упрощаю, насколько возможно. Предлагаю Вам простой, быстрый и не требующий глубоких знаний 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. Наталья 06.09.2012
    • НеоБлоггер 06.09.2012
      • Светлана 30.10.2014
  2. Ксения 11.09.2012
    • НеоБлоггер 11.09.2012
  3. Фаниса 16.11.2012
    • НеоБлоггер 16.11.2012
  4. Фаниса 16.11.2012
    • НеоБлоггер 16.11.2012
      • Фаниса 17.11.2012
        • НеоБлоггер 17.11.2012
  5. Руслан 26.11.2012
    • НеоБлоггер 26.11.2012
  6. Елена 28.11.2012
    • НеоБлоггер 28.11.2012
  7. андрей 16.01.2013
    • НеоБлоггер 16.01.2013
      • андрей 16.01.2013
        • НеоБлоггер 16.01.2013
  8. андрей 17.01.2013
    • Лариса 17.01.2013
    • НеоБлоггер 17.01.2013
      • андрей 18.01.2013
        • Лариса 18.01.2013
  9. андрей 19.01.2013
  10. НеоБлоггер 20.01.2013
  11. Эля 24.02.2013
    • НеоБлоггер 25.02.2013
  12. Эля 25.02.2013
    • НеоБлоггер 25.02.2013
  13. Белла 28.05.2013
    • НеоБлоггер 04.06.2013
  14. Галина 03.06.2013
    • НеоБлоггер 04.06.2013
      • Галина 08.06.2013
        • Лариса 09.06.2013
  15. Светлана 11.06.2013
    • НеоБлоггер 12.06.2013
  16. Валентина 29.08.2013
    • Необлоггер 30.08.2013
      • Валентина 30.08.2013
  17. Снежана 07.10.2013
  18. Артем 06.11.2013
    • Александр Хрипунов 06.11.2013
      • Артем 06.11.2013
        • Александр Хрипунов 07.11.2013
          • Артем 07.11.2013
  19. Александр Хрипунов 07.11.2013
    • Артем 07.11.2013
      • Александр Хрипунов 08.11.2013
        • Артем 08.11.2013
          • Александр Хрипунов 09.11.2013
          • Артем 14.11.2013
  20. Ирина 14.11.2013
    • Артем 14.11.2013
    • Артем 14.11.2013
      • Александр Хрипунов 15.11.2013
        • Артем 15.11.2013
          • Александр Хрипунов 15.11.2013
          • Александр Хрипунов 15.11.2013
          • Артем 16.11.2013
          • Александр Хрипунов 17.11.2013
          • Артем 17.11.2013
    • Александр Хрипунов 15.11.2013
  21. Вера 17.11.2013
    • Александр Хрипунов 17.11.2013
      • Артем 17.11.2013
  22. Вера 21.11.2013
    • Александр Хрипунов 21.11.2013
  23. Николай 31.12.2013
    • Александр Хрипунов 03.01.2014
      • Артем 03.01.2014
        • Александр Хрипунов 03.01.2014
    • Артем 03.01.2014
      • Николай 04.01.2014
        • Артем 04.01.2014
  24. Алекс 16.02.2014
    • Александр Хрипунов 16.02.2014
  25. Алекс 17.02.2014
  26. Александр Хрипунов 17.02.2014
  27. Александр 03.03.2014
    • Александр Хрипунов 03.03.2014
      • Александр 03.03.2014
        • Александр Хрипунов 03.03.2014
        • Артем 03.03.2014
  28. Ольга Черныш 28.06.2014
  29. Наталья 11.07.2014
  30. Артем 26.11.2014
  31. Александр Ризун 14.03.2015
  32. Алекса 14.01.2017

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

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