—»     —»   Wordpress-плагин с бесплатными веб-шрифтами Google
  Раздел: Wordpress   Комментариев: 2  

Wordpress-плагин с бесплатными веб-шрифтами Google



Wordpress-плагин с бесплатными веб-шрифтами Google

Google Fonts представляет собой невероятное дополнение к арсеналу любого дизайнера, и предлагает базовую библиотеку шрифтов, достаточных для реализации практически любого требования. Но если вы когда-либо пробовали использовать этот инструмент в шаблоне Wordpress, то наверняка знаете о том, что без расширенных знаний в области веб-разработки тут не обойтись.

К счастью, веб-дизайнер Eric Alli определил данную проблему и выпустил великолепный плагин для Wordpress, который позволяет любому использовать библиотеку шрифтов от Google.

Google Typography – это бесплатное решение, и самое лучшее свойство данного плагина заключается в том, что им невероятно просто пользоваться. Как только вы установите его, просто пройдите в настройках Wordpress в Appearance > Typography, кликните по Add New, чтобы добавить новый шрифт и оформить ваш текст при помощи предварительного просмотра в режиме реального времени. Как только вы установите шрифт, все, что вам осталось сделать, это ввести CSS-селектор, который будет использован для применения стилизации, а затем нажать Save.


Кроме того, Alli предусмотрел функцию register_typography, которая позволяет разработчикам шаблонов быстро добавлять Google-шрифты в шаблоны. Это сильно облегчает задачу:

if(function_exists('register_typography')) { 
register_typography(array(
'page_titles' => array(
'preview_text' => 'Page Titles',
'preview_color' => 'light',
'font_family' => 'Lato',
'font_variant' => '300',
'font_size' => '45px',
'font_color' => '#252525',
'css_selectors' => '.page_title'
)
}
}

Правда, здесь стоит указать на некоторые недостатки: отсутствует возможность указывать line-height, к примеру, что просто необходимо для стилизации текста тела или заголовков. Тем не менее, плагин пока что находится в стадии разработки и была выпущена всего 1-я версия.

Мы хотели бы рекомендовать плагин Google Typography каждому, чтобы хотя бы просто попробовать его в деле – он простой, интуитивно понятен, и позволяет использовать Google-шрифты в шаблонах Wordpress.

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

Может быть вы уже использовали Google Typography? Какие опции вам хотелось бы видеть в данном плагине? Пожалуйста, расскажите нам в комментариях.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: Wordpress, Google Fonts, шрифты
Опубликовал Design FactoRy   Прочитано (раз): 5401   |   Оставлено комментариев: 2
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 13 августа 2013 @ 22:31
Написал: krapan88 — группа: Читатели  
На сайте с: 31.01.2010   |   Публикаций: 0   |   Комментариев: 59
ICQ: --- не указано ---
Решил попробовать этот плагин. Я обычно для своих проектов использую стандартный способ подключения шрифта, который предлагает Гугл Фонтс.

1. Локальная машина (win8 + xampp)

после активации плагина выскочило сообщение
"The plugin generated 168 characters of unexpected output during activation. If you notice “headers already sent” messages, problems with syndication feeds or other issues, try deactivating or removing this plugin"

и потом в админке повисло сообщение
"Something went wrong: SSL certificate problem, verify that the CA cert is OK. Details: error:14090086:SSL routines:SSL3_GET_SERVER_CERTIFICATE:certificate verify failed
Warning: Invalid argument supplied for foreach() in C:\xampp\htdocs\wplog\wp-content\plugins\google-typography\google-typogra

phy.php on line 254"

font-family не выбирается не через поиск ни в выпадающем списке

2. реальный сайт

Алертов при установке и активации не было))) Но и страница плагина ничего не показала (на локалке хоть промо было видно) и кнопка "добавить" не работает

2. реальный сайт - вторая попытка на другом сайте

алертов нет, рюшечки появились, все добавляется, меняется, но...
На Гугл Фонтс есть возможность отсортировать все кириллические шрифты и потом, когда уже получаешь код, отметить галочку "кириллица" и получить корректно работающий шрифт. Тут же 600 не кириллических шрифтов, толку от которых на наших сайтах нет. Это очень непрактично. Разработчикам стоило бы это учесть. У меня часть шрифтов подтянулась к нормальному отображению,но только по той причине, что они были установлены на компьютер

Вобщем как-то так.
Комментарий #2: 14 августа 2013 @ 13:11
Написал: Design FactoRy — группа: Администраторы  
На сайте с: 21.07.2009   |   Публикаций: 3300   |   Комментариев: 500
ICQ: --- не указано ---
krapan88, спасибо за расширенный комментарий! Думаю, пользователям, использующим Wordpress, он послужит "пищей" для размышлений.
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц December по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Май 2017    »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031