Как сделать шрифт WordPress cufon, если не отображаются заголовки в шаблонах WordPress опубликовал Радик Алиев категория  
просмотры 12 296

Как сделать шрифт Wordpress cufon, если не отображаются заголовки в шаблонах Wordpress

Многие новые шаблоны WordPress имеют встроенные cufon шрифты, которые в основном не поддерживают русский язык. Поэтому у многих, кто не сталкивался с такими шаблонами, происходят проблемы, например в отображении заголовков статей, виджетов, а ели cufon шрифт настроен на отображение текстов статей, то и посты будут не видны. После установки WordPress и шаблона, проверьте как отображаются заголовки, если не отображаются русские символы читайте дальше. Есть ещё один момент, почему нужно использовать WordPress Cofon шрифты, если Вы делаете дизайн сайта сами или это делает дизайнер, в дизайне могут использоваться не стандартные шрифты в заголовках и в самом тексте.

Если такого шрифта нет на компьютере пользователя, который просматривает сайт, у него будет заменятся шрифт на стандартный Arial. Такой вариант нас совсем не устраивает, так как теряется сам дизайн сайта. Вот именно для таких целей используется cufon шрифт, который будет отображать любой шрифт на сайте. Не забывайте ставить хлебные крошки WordPress, а если нужна статистика, можете использовать счётчик WordPress.

Использование WordPress cufon на блоге, с помощью плагина WP-Cufon

Чтобы использовать cufon шрифты на блоге, я нашёл специальный плагин WordPress WP-Cufon (описание), с помощью которого Вам будет легче работать с добавлением шрифтов и назначать отображение новых шрифтов в разные области Вашего сайта.

Существует много плагинов, которые выполняют смену стандартных шрифтов сайта на cufon в WordPress, плагин, который я буду использовать очень простой и не требует никаких дополнительных знаний в программирование.

Для начала установите плагин WordPress на Ваш движок и активируйте. После этого Вам нужно создать папку fonts в директории wp-content/plugins, полный путь папки у Вас получится такой корень_сайта/wp-content/plugins/fonts. После этого, все cufon шрифты Вам нужно поместить в эту папку, чтобы плагин определил, как создать cufon шрифт я расскажу чуть нижу.


После того, как Вы закинете шрифты, плагин определит их и отобразит в плагин, если это произошло, значит Вы можете использовать cufon на WordPress. Теперь давайте научимся как использовать шрифты для отдельных тегов на сайте, пример кода:

Вкратце поясню, как работает данный код. Например первая строка отвечает за то, чтобы заголовки h1 и h2 заменялись на cufon шрифт, под названием Lombardina Initial One (название шрифта Вы можете увидеть, открыв js файл Вашего шрифта), в других строках видно, что заданы классы css, в которых шрифт должен заменяться на cufon. Можно использовать любые css классы, чтобы задать им тот шрифт, который Вы хотите отобразить. Количество вариантов шрифтов не ограничено, Вы можете сделать каждый блог сайта разным шрифтом, всё зависит от дизайна и от Вашей фантазии. Полный мануал как работать и какие стили cufon WordPress Вы можете использовать, смотрите Wiki.

Итак, всё выглядит достаточно просто и понятно.

Если не отображаются заголовки в шаблонах WordPress, которые работают на Cufon

Это достаточно популярная проблема, с которой сталкиваются пользователи, которые недавно начали работать с WordPress. Проблема в таких случаях решается таким же способом, который я описал Выше. Для примера я использовал шаблон TheStyle от ElegantThemes , который использует заголовки Cufon, которые не поддерживают кириллицу. В настройках темы есть возможность отключить шрифты cufon WordPress, но дизайн сильно пошатнётся и не будет таким привлекательным.

Чтобы с этим бороться, используйте плагин WP-Cufon и проделайте выше описанные действия, для использования Cufon шрифтов на Вашем блоге и на шаблонах, которые не поддерживаю cufon шрифты кириллицы. не забывайте на Ваш блог ставить кнопку google + и конечно карта сайта WordPress для поисковиков нужно делать обязательно.

Как создать свой Cufon шрифт WordPress, с поддержкой кириллицы, русского языка

Итак, как подключить шрифты cufon и как отображать их в разных местах сайта и в разных тегах мы умеем, но КАК СОЗДАТЬ CUFON ДЛЯ WORDPRESS?

Чтобы сделать свой cufon, вы должны определиться с шрифтом, который поддерживает кириллицу. После этого нужно пройти на сайт, который специально создан для того, чтобы генерировать cufon из любых шрифтов (http://cufon.shoqolate.com/generate/).

Сервис бесплатный и позволяет сгенерировать любой шрифт. Чтобы начать, Вам нужно выбрать Ваш шрифт, я для примера использую шрифт Lombardina Initial One. Зайдите на сайт генерации cufon и проделайте следующее:

  1. Выберите Ваш шрифт (формат .ttf и .otf):
  2. Добавляем glyphs:
  3. Размер файла:
  4. Соглашаемся на лицензию:
  5. После этого, нажимаем на кнопку let’s do it и скачиваем наш cufon шрифт, который поддерживает кириллицу и вставляем его в папку корень_сайта/wp-content/plugins/fonts, это мы уже знаем, описано выше.

Как Вы видите в течение 1-2 минут Вы сможете сделать шрифт и поставить себе на сайт. Cufon WordPress несомненно придаст Вашему блогу новый стиль, который не будет похож на другие блоги. Вы можете просмотреть видео материал, как правильно сгенерировать cufon.

Можете использовать для теста эти cufon для WordPress , тогда легче будет начать пользоваться плагином WP-Cufon . Читайте также как сделать слайд шоу WordPress , я описал два приемлемых варианта использования, простой и более навороченный. Если Вы хотите, чтобы Ваш сайт был многоязычным используйте плагин Gtranslate WordPress и не мало Важный момент это комментарии WordPress , которые заспамливаются, как бороться с этим я описал, а если комментарии не нужны Вы можете отключить комментарии WordPress .

Думаю пояснил достаточно понятно и Вы сможете разобраться. Если есть вопросы, можете оставлять в комментариях, сможем обсудить.

Если Вам статья Вам пригодилась, поделитесь с Друзьями!

Инфо
Теги:

3 Комментарий

Оставить комментарий
  1. perenos Февраль 25, 2012 at 4:31 пп #

    Спасибо огромное!! два дня бился с переносом строк в шрифте, а тут оказывается есть плагин, поставил и забыл про перенос )) благодарю!

  2. perenos Февраль 25, 2012 at 4:31 пп #

    привет всем, у меня ни как не получается, у меня cufon фонт adelle, активировал плагин, создал папку wp-content/plugins/fonts, открыл cufon.shoqolate.com/generate/, патом выбрал adelle фонты болд, италик …… и как сказано на картинкаx, скачал js файл и сунул в папку fonts. ни черта не работает.

    Помогите а !!!!

    Заранее спасибо

  3. Сергей Иванов Апрель 6, 2012 at 3:35 пп #

    Спасибо, очень полезная статья, замена происходит , но кириллица так и не отображается, хотя шрифт ее содержит. Буду признателен за подсказку. Спасибо.

Добавить комментарий для Сергей Иванов Click here to cancel reply.

vk_like_site