<
  • Главная
Статьи

Як змінити шрифт заголовка сайту

  1. Інструкція по зміні шрифту в заголовку сайту
  2. Як змінити шрифт заголовка сайту
  3. Як змінити колір шрифту заголовка сайту
  4. Що ще можна змінити:

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

Всього три рядки в редакторі, і Ви отримаєте справжнє задоволення від власної творчості на сайті. До того ж, якщо Ви використовуєте безкоштовний шаблон, сайт почне набувати індивідуальні риси.
Всього три рядки в редакторі, і Ви отримаєте справжнє задоволення від власної творчості на сайті
Запобіжні заходи для тих, хто не впевнений

  • Для початку визначимося? що мова йде про теми (шаблонах) WordPress. Якщо тема блогу встановлена ​​на цей движок, то це стаття для Вас.
  • Якщо Ви не впевнені в своїх силах, краще спочатку поекспериментувати на тестовому піддомені. Переконавшись у своїй дієздатності, можна перенести навик на основний сайт. Втім, дії, які потрібні для того, щоб змінити шрифт заголовка сайту, настільки прості, що напартачив там складно. Особисто я все завжди спочатку роблю на тестовому. Трохи більше часу, але надійніше.
  • У разі, якщо сайт все-таки зламався, читайте, Що робити, якщо зламався сайт >>. Але, якщо все робити акуратно, ніяких катастроф не відбудеться.

У різних шаблонах рядок коду може виглядати по-різному. Щоб уточнити, як у вашому шаблоні, вивчіть статтю, як знайти код html . Там є докладний відео, як знайти будь-який рядок коду, - після чого ви зможете вносити практично будь-які зміни в шаблон свого сайту. Навик звільнить вас від необхідності ритися в кодах і розв'яже руки.

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

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

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

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

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

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

Пізніше ми ще поміняємо розмір і колір шрифту, якщо є така необхідність.

Як змінити шрифт заголовка сайту

  1. Тепер відкриваємо чистий документ Word, копіюємо на головній сторінці сайту назву і переносимо його в вордовскій документ, виділяємо і починаємо гратися з різними шрифтами. Знаходяться вони на верхній панелі в лівому кутку. Чому зручно робити саме в цій програмі - тому що відразу видно всі зміни шрифту в Вашому назві. Вибирайте шрифт, який буде поєднуватися з назвою Вашого сайту. Шрифт, який Вам безумовно сподобається. Коли виберіть, скопіюйте в Worde назва шрифту.
  2. Повертаємося в адмінпанель сайту. У рядок зміни шрифту (на рис. - верхній синій квадрат) вносимо назву обраного шрифту замість того, що стоїть за умовчанням.
  3. Внизу сторінки натискаємо «Оновити файл».
  4. Переходимо на сайт і дивимося, чи добре встав шрифт в загальному контексті. Якщо немає, повертаємося в Word і вибираємо інший. Усе.

Як змінити розмір шрифту заголовка сайту

Це робиться в тому ж шаблоні редактора. На зображенні вище - другий синій квадрат. Все, що там потрібно зробити, це поставити інші цифри - шрифт стане більше або менше в залежності від того, який Вам потрібен. Зберігаємо зміни, переходимо на сайт і дивимося, чи всі нас влаштовує.

Як змінити колір шрифту заголовка сайту

Робиться це там же. Знаходиться рядок в наступному блоці за тим, де ми міняли сам шрифт і його розмір. Виглядає приблизно таким чином:

Щоб підібрати колір, можна використовувати одну з опцій теми: Консоль - Зовнішній вигляд - Фон. У рядку «Колір фону» можна вибрати колір, скопіювати його буквено-числове значення і вставити замість того, що був (в моєму випадку # 11006а). Зміни зберегти. Переходимо на сайт і милуємося.

Отже, щоб змінити шрифт, колір і розмір, потрібно внести зміни всього в 3 рядки редактора. При невеликому навичці займає дуже мало часу.

Гарний, добре читається заголовок,

поєднується із загальним духом теми,

зробить Ваш блог більш привабливим і незабутнім.

Експериментуйте, вибирайте те, що Вам до душі!

PS Коли я вношу навіть незначні зміни в файли редактора теми, то на всякий випадок копіюю змінений текст цілком в блокнот - в папку, де зберігається zip встановленої на моєму сайті теми. У тому випадку, якщо сайт раптом зламається і прийде необхідність заново тему, у мене збережені всі змінені на мій смак файли. Залишиться тільки при перевстановлення wordpress або теми перенести файли у відповідні папки на хостингу.

У наступних статтях, по ходу перетворення мого блогу, ми будемо так само легко міняти колір фону, шрифти заголовків в рубриках, статтях, колір посилань - словом, будь-яких елементів сайту на WordPress .
Пропоную вашій увазі відео, «як змінити шрифт заголовка» і не тільки:

httpv: //www.youtube.com/watch? v = ps21mlQW8Xs

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

Що ще можна змінити:

Тема поста

Home на Головну

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

Com/watch?


Новости
  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью