<Быстро! Продающие сайты без тех. знаний

Рубрики

Как в теме изменить шрифт wordpress — блога

Как в теме изменить  шрифт wordpress - блогаХочу рассмотреть изменение шрифта WordPress-блога, установленного по дефолту.

Для этого заходим в «Админ. панель» блога , находим в меню «Внешний вид», нажимаем на «Редактор» и попадаем на страницу шаблонов и стилей.

Здесь по умолчанию приведены стили style.css,
находим в нем близкое к:

body{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif; Luciada
font-size:11px;
background:#0e0e0e;
color:#737373;
text-shadow: none;
}

Рассмотрим строчку

font-family: Arial, Helvetica, sans-serif;

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

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

Забиваем body в текстовый поисковик браузера и ищем его. Вставляем нужный шрифт.

Что делать, если в body не нашлась строчка со шрифтами? Шрифты могут прописываться не только в body, но и в различных классах, которые могут выражены любыми словам :

.content
{
Font-family:
}

.post {
{Font-family:
}

а также .entry{ }, .postentry ,

но не факт, что эти классы будут и не факт, что там нйдется строчка со шрифтами.

Но лучше всего, если шрифты не находятся в body {...}, перейти на сайт и поискать класс  , переведя страницу с каким либо Вашим текстом в кодовый режим, с помощью CTR U. У меня класс нашелся немного выше текста, сразу перед упоминания  твитnера:

Приведу вариант из моего блога:
Это найденный класс
<div class="art-postcontent"> <!-- article-content -->
<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a class="tm_button" rel="&amp;source= DiskWin &amp;style=normal&amp;b=2" href="http://referral-money.ru/zarabotok-v-internete/kak-sozdat-prinosshhie-pribyil-video"></a></div>

<p>Приветствую всех зашедших ко мне!</p>
<p>Хочу поговорить о <strong>Camtasia уроках</strong> &#8212; качественных удерживающих посетителей и приносящих прибыль видео.<p>
Строчки я для удобства чтения раздвинул.

Когда класс найден, проделайте все, что делали для тега body, т.е вернитесь на страницу со стилями и ищите в текстовом поисковике браузера класс, например в моем случае я забил в поисковик art-postcontent.

Класс может записываться как

.art-content { } , для всех элементов
с атрибутом class, например:

<img class=".art-content"> т. е. атрибуты тега <img> (изображения} описываются через класс:
<a href="http="" class=".art-content">

или так, для определенных тегов: абзаца, изображения, гиперссылки и т. д.

p {}, img {}, a {}

Так же теги могут описываться следующим образом:

.art-content p, a, img {}

Атрибуты элементов могут описываться и так:

#content {} — в этом случае параметры элемента определяются не классом, а идентификатором, например:

<img id="content">

Если в классе мы могли записать <img><img>...
То здесь id може принадлежать только по одному элементу с разными названиями <img id=1><a id=1>

Теперь вернемся к нашим делам. Когда я нашел выбранный класс в таблице style.css art-postcontent, обнаружил, что он прописан для различных тегов в различных блоках, например:

.art-postcontent a, img {font-family:Arial}

.art-postcontent h1, h2, h3 {font-family:Arial}

.art-postcontent p {font-family:Arial}

Т.е тут нужно думать менять ли везде или только у тега <p>, так как основная часть статьи заключена в теги <p> они в текстовом редакторе в режиме html не видны, так как на WordPress они являются служебными. Их можно увидеть только в браузере нажав CTR U

В моем случае дело оказалось еще хуже, я не нашел никаких упоминаний шрифта для тега <p>

Благо в начале страницы стилей стоял

#art-main-content, tabie {font-family:Arial, Helvetica, sans-serif;}

Тут через запятую перечислены идентификатор и класс.
Первый наверное не подходит, так как он может определяться только для одного тега <p>, а их немеренно, поэтому остается <table>, но искать этот тег в коде , я из любопытства не стал за недостатком времени, просто вставил первым другой шрифт и проверил — удачно.
Потом убрал, нужно еще подобрать нужный шрифт.

Теперь резюме — если находите font-family в body, то все обстоит очень удачно, если нет,- работа может затянуться, что требует большого терпения. На сегодня все. Уф, замаялся я с этим » изменить шрифт  WordPress-блога«.

Желаю успехов. Жду Ваших сообщений.

Подпишись на обновление сайта! Получай новые статьи на почту:

Понравилась статья? Расскажите друзьям
Общайтесь со мной:

No related posts.

64 комментариев к записи Как в теме изменить шрифт wordpress — блога

Добавить комментарий

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

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Start Up
Ваш e-mail: *
Ваше имя: *
Подписчиков:

Хостинг для Wordpress сайтов