Донецкий техникум промышленной автоматики

Використовуємо нестандартні шрифти в WordPress Wordpress блог

  1. установка
  2. Ложка дьогтю

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

На зображенні можна побачити приклад, заголовки постів зроблені за допомогою цього плагіна.

Плагін заснований на методі під назвою sIFR, докладніше про нього російською , англійською .

Коротко про те як працює метод:

  1. Після завантаження сторінки javascript визначає, чи встановлений flash плагін у користувача.
  2. Якщо flash плагін не встановлено, користувач побачить звичайну html сторінку, без флеш, без пропозиції встановити flash плеєр, весь текст буде видно відповідно до css стилями.
  3. Якщо flash плагін встановлений, js замінює стандартний текст у необхідних елементів на флеш-вставку, з тим же текстом, але з встановленим вами шрифтом і параметрами тексту налаштованими вами в плагіні.
    Цей спосіб вважається одним з кращих способів використання нестандартних шрифтів на сайті і повністю відповідає стандартам W3C .

Переваги даного методу:

  • Користувач побачить текст не залежно від того, працює у нього js і flash чи ні.
  • Пошуковики бачать звичайний <h2> Заголовок </ h2> текст, можна назвати цей спосіб seo-орієнтованим.

недоліки:

  • sIFR, непредназначен для заміни великих обсягів тексту.
установка

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

Для початку нам потрібно завантажити і встановити плагін WP sIFR .

Наступний крок, вибираємо сподобався російський TTF шрифт і переводимо його в flash формат, TTF шрифти можна легко знайти в інтернеті. На зображенні вище використовується шрифт Calibri Bold (CALIBRIB.TTF) який йде разом з Windows XP.

Шрифт обраний, тепер необхідно переробити його в swf формат, зрозумілий плагіну. Для цього є спеціальний сайт-генератор swf шрифтів sifrgenerator.com . Закачуємо свій шрифт, для того, що б успішно працювали російські літери, настройки генерації шрфітов слід робити як показано на картинках.

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

Викачуємо вийшов swf файл, кладемо його в папку fonts використовуваної вами теми, наприклад /wp-content/themes/default/fonts/calibrib.swf

Заходимо в настройки плагіна "Параметри -> WP sIFR

Заходимо в настройки плагіна Параметри -> WP sIFR

У списку повинен з'явиться доданий шрифт. Ставимо навпроти нього галочку "Activate this font", в "Settings" вказуємо до яких елементів застосовувати цей шрифт. Для заголовків постів досить залишити "h2", загловок блогу зазвичай "h1". Можна використовувати css-селектори по типу "div # sidebar h2, li" і т.п. Там же указиавем розмір, колір і інші параметри нашого flash-тексту.

Натискає "Save changes" і йдемо милуватися, тим, що у нас вийшло.

Ложка дьогтю

сайт sifrgenerator.com заточений під англомовні шрифти, при генерації російськомовних шрифтів розмір файлу шрифту з 15-20кб для англомовного шрифту розпухає до 50-200кб для шрифту з "Full character set", тобто з підтримкою всіх символів включаючи російські літери. Рішення в пошуку.

Схожі пости:

  1. Правильний RSS в WordPress з BetterFeed
  2. Майбутні пости 2.0
  3. Огляд цікавих плагінів для WordPress
  4. Перевірка сумісності плагінів з WordPress 2.8
  5. "Поділися" в Вконтаке для WordPress