このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。

Easy Google Fonts

説明

Our new WordPress theme is almost ready! Want to know when we launch? Awesome! Visit our website and enter your details and we will e-mail you as soon as we are ready 🙂

View Plugin Demo Here

Follow us on twitter!

このプラグインが便利であると感じた場合は、こちらから寄付をお願いします。

A simple and easy way to add custom google fonts to any WordPress theme without coding. This plugin integrates with the WordPress Customizer so you can preview google fonts on your site in realtime. It’s compatible with any theme.

It also allows you to create custom theme specific font controls in the admin settings area to control particular css selectors. Once created, these custom font controls are instantly available in the customizer no coding required!

What does this plugin do?

  • This plugin allows you to take full control of your theme’s typography in any WordPress theme (no coding required).
  • It allows you to choose from over 600+ google fonts and font variants to insert into your website without coding.
  • Allows you to preview font changes on your website in realtime using the WordPress Customizer.
  • 無制限のカスタムフォントコントロールを作成する:管理画面で、カスタマイザーですぐに使用できるカスタムフォントコントロールを作成します。
  • Allows you to preview what your theme will look like with the new google fonts before you save any changes.
  • Allows you to create your own font controls and rules in the admin area (no coding required).
  • Allows you to easily change the look of your website with the click of a button.
  • Automatically enqueues all stylesheets for your chosen google fonts.
  • Allows you to add google fonts to your theme without editing the themes main stylesheet which allows you to update your theme without losing your custom google fonts.

Plugin Features

  • Live Customizer Preview: Preview google fonts without refreshing the page in real time right in the WordPress Customizer.
  • Over 600+ Google Fonts to choose from as well as a list of default system fonts.
  • Works with any WordPress Theme. No coding required.
  • Automatic Background Updates: Updates the google fonts list with the latest fonts automatically once.
  • Translation Ready: MO and PO files are included.
  • Seamless WordPress Integration: Uses the WordPress customizer for the live preview and has a white label admin area that looks like it is a part of WordPress.
  • Custom WordPress Customizer Control: One of a kind control only available with this plugin.

Who is this Plugin ideal for?

  • Anyone who is looking for an easy way to use google fonts in their theme without coding.
  • Theme Authors: you can use this plugin to add custom google webfonts to your theme.
  • Great for use on client projects or for use on existing websites.
  • テーマに満足しているが、タイポグラフィを簡単に変更できる方法を求めている方。
  • Anyone with basic knowledge of CSS Selectors (in order to add custom font rules).

Developer Features

Please note: We are currently working on producing in-depth documentation for theme developers which will be available shortly.

  • Cross Browser and Backwards Browser Compatible (Tested in all major browsers).
  • アクションフックとフィルタを使用:高度な統合のため。
  • Seamless WordPress Integration: Live preview is integrated into the WordPress Customizer and the settings page follows core WordPress design guidelines.
  • WordPress Options APIを使用して、オプションを保存および取得します。
  • Highly Secure: Checks user permissions, uses nonces and the WordPress Security API.
  • Uses the REST API for an enhanced admin experience.
  • 強固なユーザビリティテストを行っています。
  • Enhanced Performance: Will only make a single request to google to fetch all fonts.

クレジットと寄付

  • WordPress Components. (Used in the admin settings page)
  • Otherwise, this plugin has been entirely written from scratch by Titanium Themes.

このプラグインが便利であると感じた場合は、こちらから寄付をお願いします。

スクリーンショット

  • Before: The page before we have used the plugin to change the font.
  • After: The page after we have used the plugin to change the heading 1 font.
  • Live Customizer Font Control Preview: Choose from over 600+ Google Fonts and preview them instantly without refreshing the page.
  • Font Style Tab: Customize all styles of the font including the color, background, font size, line height etc.
  • Font Position Tab: Customize all position properties of the font including the margin, padding, border, display etc.
  • Create Screen: Create your own font controls for your theme.
  • Edit Screen: Manage any existing font controls for your theme.
  • Your custom control is instantly available for real time preview in the customizer. No coding required!
  • View and manage all of your custom controls in the admin area.
  • Plugin Settings: If you enter a valid google fonts api key then this plugin will update itself with the latest fonts automatically.

インストール

このセクションでは、プラグインをインストールして機能させる方法について説明します。

例:

  1. From your WordPress Admin Dashboard go to: Plugins > Add New
  2. “Easy Google Fonts”を検索する
  3. Titanium Themesの「Easy Google Fonts」プラグインを探し、「今すぐインストール」ボタンをクリックします。
  4. “Easy Google Fonts”を有効化します。
  5. 完了しました !

FAQ

For a quick video demo please view the youtube screencast.

評価

2024年2月28日
Unfortunatelty it does not work on version 6.4.3 (LTS). The advertised “Typography” section does not appear… After installation I cannot access any new options to add fonts.
2024年1月26日
This plugin made it easy to add specific Google fonts to different levels of text on my website, and done globally which is easy
2022年2月22日
AVG and Avast anti-virus both detect Trojan error in wp-content/plugins/easy-google-fonts/src/dist/preview.js Easy Google Fonts team need to fix this issue, until then, I don’t recommend this plugin to anyone.
2021年7月31日 1 reply
Totally new to wordpress and this plug in was super easy to use and allowed me to change fonts with no problem. The support also gave me CSS selector (I have NO knowledge of CSS…) to change the navigation font. Huge thank you!
2021年7月14日 1 reply
Works well. Some issues with a recent upgrade, but support was excellent and problem is now resolved.
218件のレビューをすべて表示

貢献者と開発者

Easy Google Fonts はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Easy Google Fonts” は8ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“Easy Google Fonts” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

2.0.4 JS API

  • Added fallback for sanitization functions when no font key is selected.

2.0.3 Bugfix and Backwards Compatibilty

  • Bugfix: Tuples needed to be sorted in the google fonts url when the stylesheet url was being generated.
  • Added complete support for the old tabs based api.

2.0.2

  • Backwards Compatibilty: Added backwards compatibility for old theme integrations.

2.0.1

  • Bugfix: Google stylesheet url requires font weights to be sorted in ascending order.

2.0.0

  • Complete plugin codebase rewrite.
  • Font controls/styles now support media queries.
  • New Admin UI.
  • New Customizer UI (now uses react js components).
  • Live customizer preview has been rewritten to be more performant (by handling subsettings for each font control individually).
  • Frontend query for font controls has been optimised for performance.
  • Removed unnessary WordPress filters.

1.4.4 – WordPress 5.0 compatibility update

  • Updated webfonts.json with the latest google fonts.
  • Last minor update before major rewrite.

1.4.3 – WordPress 4.8 compatibility update

  • Updated webfonts.json with the latest google fonts.
  • Updated includes class-egf-frontend.php to only output styles if there is a selector.

1.4.2 – WordPress 4.7 compatibility update

  • Fixed issue where the font controls weren’t saving in WordPress 4.7.
  • Updated the font list.

1.4.1 – Urgent update

  • Fixed issue where the plugin wasn’t taking effect for screen sizes under 700px

1.4.0 – Plugin update

  • Now automatically removes white spaces added to the api key on the settings page.
  • Started rewriting part of the code for eventual media query support.

1.3.9 – Stylesheet Update

  • Updated the appearance in the customizer for the new changes in WordPress 3.4

1.3.7 – Important Update

  • Addressed potential security issue on the plugin admin page – Hardened security and escaped any attributes passed via the URL throughout the plugin.
  • Now added support for arabic and telegu and devangari subsets.
  • Updated JSON decode when parsing fonts for servers running an older version of PHP.

1.3.6 – Updated Stylesheet Enqueue

  • Addressed issue on certain servers where a 400 error was being returned when making a http request to google.

1.3.5 – Changed Stylesheet Enqueue

  • Removed esc_url_raw() as it was causing a 404 error when fetching the stylesheet from google.

1.3.4 – Customizer js API Update

  • Implemented font search to make it easier to browse google fonts (using the chosen js plugin).
  • Implemented border controls.
  • Implemented border radius controls.
  • Completely rewritten the control javascript to utilise the new customizer js api (using backbone and underscore templates).
  • Preview performance enhancement: Completely rewritten the preview javascript to utilise the new customizer js api.
  • Performance update: Each font control now only registers one setting per control.
  • Performance update: The functionality for each font control is lazy loaded to increase the customizer load speed.
  • All settings for each font controls are handled by json objects (removed any hidden inputs and json2 library dependancy).

1.3.3 – WordPress 4.1+ Update

  • Added patch for WordPress 4.1
  • The code is going to be rewritten in Backbone for future releases.

1.3.2 – Big Update

  • Now combining all of the font requests from google fonts in a single http request.
  • Introducing Panels: A new customizer feature in WordPress 4.0 that makes it easier to manage alot of font controls. Our plugin creates a new panel called Typography.
  • Google fonts are now separated into the following categories to make them easier to navigate: Serif, Sans Serif, Display, Handwriting, Monospace.
  • Now the plugin keeps font state when user switches page in customizer.
  • Now there is a separate section for default and custom font controls.
  • Improved the help tab in the admin area to help people obtain a google api key.
  • Synchronised Force Styles between the Manage Font Controls and the Edit Font Controls Screen
  • Fixed issue with the font weights not showing up for the customizer control.
  • The plugin now checks and handles occurances where theme developers have removed all default controls.

1.3.1

  • Changed order of style outputs
  • Futher UI Improvements

1.3

  • Critical Update: Made the plugin WordPress 3.9 compatible
  • Performance tuned the plugin
  • Removed recursion during runtime.
  • Updated local font list

1.2.5

  • Performance enhancement for older browsers implemented. Safe to upgrade.

1.2

  • Big Update: Complete Rewrite of Plugin
  • New controls: Background Color, Margin, Padding and Display.
  • Added Subset support.
  • Introduced a large amount of actions and filters for theme developers.
  • Big performance enhancement. The old version used to register 32 settings per control, this is now down to 3.
  • Lightning fast customizer loading times, under 1 second.
  • Rewrote the plugin into classes and views to make it more managable for future development.
  • Rewrote the plugin into classes.
  • MO/PO language files now included.

= 1.1.1=
* 3.8 Admin integration

1.1

  • Full google fonts transient integration.

1.0

  • First plugin release.