Поддержка → Проблемы и решения → Как поменять шрифт в WordPress?

Как поменять шрифт в WordPress?

  • Решено Zakonoposlushniy

    (@zakonoposlushniy)


    7 лет, 2 месяца назад

    Добрый день!
    Есть ли какой-нибудь плагин для WordPress, который меняет шрифты ?

    Понимаю, звучит глупо, так-как сейчас куча подобных плагинов, но у меня немного ситуация иная.
    Я видел — «Easy Google Fonts», но он меняет шрифт сразу на всём сайте.
    Мне нужно, чтобы можно было поменять шрифт в каждой записи или в каждой строчке отдельно.
    Например : написал я какой-нибудь текст, потом выделил его и выбрал какой нужно применить шрифт, конкретно к этому участку текста.

    У меня стояла одна тема, так там была реализована подобная функция. Прям в текстовом редакторе вордпреса, была колонка «Семейство шрифтов». Выделяешь нужный текст и применяешь к нему шрифт.
    Картинка
    Благодарю за ответы!

    • Тема изменена 7 лет, 2 месяца назад пользователем Zakonoposlushniy.
Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Модератор Yui

    (@fierevere)

    永子

    7 лет, 2 месяца назад

    https://ru.wordpress.org/plugins/tinymce-advanced/

    SeVlad

    (@sevlad)

    7 лет, 2 месяца назад

    Вообще это плохая идея — применять подобное форматирование в редакторе. Лучше (и правильнее) использовать стили. И указывать не просто один конкретный шрифт, а доп альтернативы + семейство.

    • Ответ изменён 7 лет, 2 месяца назад пользователем SeVlad.
    Автор Zakonoposlushniy

    (@zakonoposlushniy)

    7 лет, 2 месяца назад

    Спасибо за плагин — то что нужно!
    А есть возможность как-то увеличить список предлагаемых плагином шрифтов?

    Модератор Yui

    (@fierevere)

    永子

    7 лет, 2 месяца назад

    http://stackoverflow.com/questions/24105575/how-to-add-new-font-to-tinymce-advanced
    добавить в список

    add_filter( 'tiny_mce_before_init', 'wpex_mce_google_fonts_array' );
function wpex_mce_google_fonts_array( $initArray ) {
    //$initArray['font_formats'] = 'Lato=Lato;Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats';
    $theme_advanced_fonts = 'Aclonica=Aclonica;';
    $theme_advanced_fonts .= 'Lato=Lato;';
    $theme_advanced_fonts .= 'Michroma=Michroma;';
    $theme_advanced_fonts .= 'Paytone One=Paytone One';
    $initArray['font_formats'] = $theme_advanced_fonts;
    return $initArray;
}

    добавить гуглофонты в загрузку на сайт

    add_action( 'admin_init', 'wpex_mce_google_fonts_styles' );
function wpex_mce_google_fonts_styles() {
   $font1 = 'http://fonts.googleapis.com/css?family=Aclonica:300,400,700';
   add_editor_style( str_replace( ',', '%2C', $font1 ) );
   $font2 = 'http://fonts.googleapis.com/css?family=Lato:300,400,700';
   add_editor_style( str_replace( ',', '%2C', $font2 ) );
   $font3 = 'http://fonts.googleapis.com/css?family=Michroma:300,400,700';
   add_editor_style( str_replace( ',', '%2C', $font3 ) );
   $font4 = 'http://fonts.googleapis.com/css?family=Paytone+One:300,400,700';
   add_editor_style( str_replace( ',', '%2C', $font4 ) );
}
    add_action('admin_head-post.php', function() {
    ?>
    <style>
    @import url(http://fonts.googleapis.com/css?family=Aclonica);
    @import url(http://fonts.googleapis.com/css?family=Lato);
    @import url(http://fonts.googleapis.com/css?family=Michroma);
    @import url(http://fonts.googleapis.com/css?family=Paytone+One); 
    </style>
    <?php
});

    ЗЫ или плагин https://wordpress.org/plugins/kv-tinymce-editor-fonts/

    • Ответ изменён 7 лет, 2 месяца назад пользователем Yui.
    Автор Zakonoposlushniy

    (@zakonoposlushniy)

    7 лет, 2 месяца назад

    Спасибо )))
    Шрифты подключились и всё работает.

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

    Что я сделал не так? Вот как я добавил :

    $theme_advanced_fonts .= 'Play';

    $font5 = 'https://fonts.googleapis.com/css?family=Play:300,400,700';
   add_editor_style( str_replace( ',', '%2C', $font5 ) );

    @import url(http://fonts.googleapis.com/css?family=Play);

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    7 лет, 2 месяца назад

    $theme_advanced_fonts .= 'Play';

    Судя по коду выше, не хватает второй части и точки с запятой:

    
$theme_advanced_fonts .= 'Play=Play;';
    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    7 лет, 2 месяца назад

    Там, кстати, и в последнем пункте тоже нет точки с запятой внутри кавычек — видимо, должно быть так:

    
$theme_advanced_fonts = 'Aclonica=Aclonica;';
$theme_advanced_fonts .= 'Lato=Lato;';
$theme_advanced_fonts .= 'Michroma=Michroma;';
$theme_advanced_fonts .= 'Paytone One=Paytone One;';
$theme_advanced_fonts .= 'Play=Play';
$initArray['font_formats'] = $theme_advanced_fonts;
return $initArray;
    Автор Zakonoposlushniy

    (@zakonoposlushniy)

    7 лет, 1 месяц назад

    Ура, шрифт подключился!
    Да, видимо не хватало второй части вот здесь :
    $theme_advanced_fonts .= 'Play=Play;';

    Всем большое спасибо за помощь!

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Тема «Как поменять шрифт в WordPress?» закрыта для новых ответов.

Просмотр