Как изменить размер заголовка статьи WordPress?

23

Posted by Виктория Павловна Дончик | Posted in О блоге | Posted on 28-10-2011

Метки: , ,

Заголовок 2 для текста
Как изменить размер заголовка статьи WordPress?

Сегодня в одном из комментариев прозвучал вопрос: Как изменить размер заголовка статьи

WordPress? Вариантов ответов на данный вопрос может быть несколько. Чтобы сильно не вдаваться в подробности написания кода html и не рассказывать про css, а также про подсоединение файлов со стилями для единого форматирования страниц, расскажу самое главное и основное, что нужно знать, и чем мы будем пользоваться, чтобы изменить размер заголовка статьи WordPress:

Первый вариант. Заголовки статьи необходимо задавать тегом H1 или H2  или … H6.

  • Где взять простому пользователю эти теги?
  • Как ими пользоваться?
  • Куда вставлять эти H1 или H2  или … H6 в Worpress?

Все очень просто. Эти теги заголовков находятся в списке Формат на дополнительной панели кнопок ( у кого нет этой панели нажмите комбинацию клавиш Alt+Shift+Z).

Заголовок 2 для текста

Выбирая каждый вид из пункта Формат – Заголовок 1, Заголовок 2, и т.д. можете подоб рать тот  вид заголовка, который вам подходит. Сразу оговорюсь, что чем менше цифра заголовка, тем менше «размер» текста.

ВНИМАНИЕ: в тексте обязательно должен быть один заголовок, чтобы поисковикам было легче оптимизировать страницу.

Если Вы хотите просмотреть коды html, которые используются для создания заголовков, то перейдите пожалуйста на вкладку HTML. Убедились, что это один из вариантов H1 или H2  или … H6? Отлично. Поехали дальше.

Второй вариант. Можно пользоваться тегом < font >. У этого тега есть несколько атрибутов. Тот, который нас интересует называется size. Этот атрибут может принимать значения от 1 до 7. Например, <font size="2">Шрифт размера 2</font>

Можно выделять все слово целиком, а можно выделить первую букву. Таким образом можно добиться эффекта буквица.

<p> <font size="+2">О</font>сень пришла </p>

<font size="1">Шрифт текста 1</font> Шрифт текста 1
<font size="2">Шрифт текста 2</font> Шрифт текста 2
<font size="3">Шрифт текста 3</font> Шрифт текста 3
<font size="4">Шрифт текста 4</font> Шрифт текста 4
<font size="5">Шрифт текста 5</font> Шрифт текста 5
<font size="6">Шрифт текста 6</font> Шрифт текста 6
<font size="7">Шрифт текста 7</font> Шрифт текста 7

Как этим пользоваться?

  1. Открываете статью в ПУА сайтом.
  2. Записываете текст как обычно.
  3. Переходите в просмотр html-кодов.
  4. Находите слова, шрифт которых хотите изменить.
  5. Обрамляете эти слова тегом (<font size="+2"> слово </font>) как показано выше.

Изменение размера шрифта

У тега есть еще атрибут color, который задает цвет шрифта. Принимает значения этот атрибут:

aqua        #00FFFF

black       #000000

blue         #0000FF

fuchsia   #FF00FF

gray        #808080

green      #008000

lime        #00FF00

maroon  #800000

navy      #000080

olive      #808000

purple   #800080

red         #FF0000

silver    #C0C0C0

teal        #008080

white    #FFFFFF

yellow  #FFFF00

Например,

html-код Результат
<p><font color="##0000FF">Синий цвет</font></p> Синий цвет
<p><font color="blue">Синий цвет</font></p> Синий цвет

Как видно из примера значение цвета можно писать

  • или названием цвета (кстати, в таблице перечислены основные цвета, а их на самом деле значительно больше)
  • или задавать в коде RGB (для подбора других цветов можно использовать фотошоп, выбираете цвет и смотрите значение в RGB, далее записываете в код html и получаете результат. Но будьте аккуратными, не все цвета рекомендуется использовать в Интернет, есть таблица, так называемая, «безопасных цветов». Вот ею и нужно пользоваться!!! )

Еще у тега есть атрибут FACE. Можно указывать шрифт по названию (Arial, Tahoma, Verdana) или типу(например, monospace).

Например, <p><font face="Courier New, Times New Roman">Золотая осень</p>


ВНИМАНИЕ: прошу не путать заголовок статьи в смысле заголовочный текст (теги H1 или H2  или … H6) и размер шрифта (тег <font>). Если Вы оптимизируете статью, то используйте заголовочный тег H1 или H2  или … H6, если в статье Вам нужно, что-то выделить, то пользуйтесь тегом <font>.

Подведем итог:

  • для заголовков используются теги H1 или H2  или … H6;
  • для изменения шрифта используется тег <font> с атрибутом   size.

Вернуться на главную.

Comments (23)

Спасибо, информация очень пригодится новичку

Хорошее описание, думаю у новичка не возникнет вопросов!

Я рада, что Вам понравилось. Приятно иметь дело с профессионалами, которые могут оценить работу. Я Вам БЛАГОДАРНА за комментарий.

Доступно и понятно. Спасибо!

Как в статье менять заголовки и текст понятно. А как изменить размер и цвет заголовка (названия) статьи на главной в теге H1 и в самой статье, где он уже в теге H2. Понимаю, что это надо править в файле style.css, только где их искать?

НЕ НАДО ПРАВИТЬ style.css. Достаточно исправить html-код СВОЕЙ СТРАНИЦЫ!!!!! Смотрите в моем примере в табличках написан слева html-код а справа в этой же табличке результат этого кода на странице Вашего сайта.

Поэтому, если нужно исправить вид текста на конкретной странице, то достаточно сделать все, что написано в примерах. Пробуйте у вас получится!!!

В style.cs прописаны настройки для всего сайта!!! Поэтому разобраться там Вам будет сложновато, хотя возможно. Если очень нужно и хочется, то всего можно добиться!

Спасибо за информацию. Ещё бы видеоуроки Вам делать для нас чайников. Но в принципе всё понятно. Удачи Вам!

Я как раз и имею ввиду изменить заголовки для всего сайта. Вот что я хочу. Сайт http://vseozvezdax.ru. На главной заголовки статей меня устраивают. При открытии самой статьи, заголовок меняет цвет на черный. Я хочу, чтобы он был таким же как на главной. Пробовал менять в style.css, но там прописано правило сразу ко всем тегам H1-H6 на странице. Меняю цвет и меняются и все цвета всех заголовков внутри текста страницы, а мне надо изменить цвет только в названии статьи. Ну вот как-то так, надеюсь понятно?

Очень доступно написано, спасибо!

Спасибо за подробное объяснение, Как изменить размер заголовка статьи WordPress. Хотя бы элементарные знания HTML должен знать каждый, кто работает над сайтом.

Абсолютно с Вами согласна. Спасибо за комментарий.

Я пока в эти дебри не ходок. С остальным бы успеть разобраться. За информацию спасибо.

Очень актуальная статья, ведь Вордпресс сейчас очень популярен

Хорошая добротная статья об изменении размера шрифта. По вашим инструкциям с этой задачей справлюсь даже я, новичок!

Спасибо за интересную статью!Только сегодня наткнулась на это Н1,Н2…Теперь хоть знаю с чем его едят :)

Ну, теперь со статьёй понятно. А как изменить цвет и величину заголовка самого сайта?

Скоро и по этому поводу напишу. Взяла вопрос на заметку. Проработаю.

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

Подскажите, пожалуйста, если в статьях уже использовала Н3 вместо с атрибутом size. Нужно исправлять. Как это скажется на уже проиндексированных статьях?
А можно ли как-то изменить размер шрифта и цвет внизу страницы в строке “Предыдущая страница” – у меня маленькими красными буквами почти не видно.
Заранее спасибо.

Большое Вам спасибо! Я как раз с этим пытаюсь разобраться. Очень вовремя зашла.

А я вас в закладочки поместила- нужны вы бываете частенько!

Спасибо. Буду стараться оправдывать ваши надежды.

Ура! Теперь и я знаю, как изменить размер заголовка статьи WordPress. Все так понятно написано – благодарю!Пригодится на будущее:).

Полезная информация. У меня тоже возникал такой вопрос о размере заголовка. Теперь буду знать как изменить и размер, и цвет. Спасибо.

Write a comment