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

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

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

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

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

    (@fierevere)

    ゆい

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

    • Ответ изменён 4 года, 11 месяцев назад пользователем SeVlad.

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

    Модератор Yui

    (@fierevere)

    ゆい

    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/

    • Ответ изменён 4 года, 11 месяцев назад пользователем Yui.

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

    Возник вопрос, а как добавить другой шрифт из гугл шрифтов ?
    Взяв за пример ваш код, я к нему попытался подключить шрифт «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

    $theme_advanced_fonts .= 'Play';

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

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

    (@sergeybiryukov)

    Live and Learn

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

    
    $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;
    

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

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

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