WordPress用の12の最高のタイポグラフィプラグイン
公開: 2017-09-08タイポグラフィは、WordPressテーマに常に任せているものかもしれません。 デザイナーがフォントと、デザインのさまざまなテキスト領域でフォントがどのように連携するかを慎重に検討したテーマで作業している場合は、すばらしいでしょう。
ただし、テーマのタイポグラフィ設定が、コンテンツやWebサイトの全体的なビジョンに完全に適合しない場合があります。 最高のWordPressテーマの多くは、フォントの操作に関していくつかのオプションを提供しますが、常にそうであるとは限りません。
ありがたいことに、フォントやテキストプレゼンテーションをよりクリエイティブに操作するのに役立つと同時に、Webサイトにいくつかの便利な新機能を追加できる、優れたWordPressタイポグラフィプラグインがいくつかあります。
最高のWordPressタイポグラフィプラグイン
コードに触れることなくサイトのフォントを簡単に変更できるようにすることから、ドロップキャップやプルクォートなど、WordPressにはデフォルトではない活版印刷機能を追加することまで、これらの12個のプラグインはすべての範囲を実行します。 それらすべてを一度にインストールすることはお勧めしませんが(機能が重複しているため)、Webサイトを強化し、タイポグラフィをより効果的に使用するのに役立つプラグインがおそらくここにあります。
それらすべてを一度にインストールすることはお勧めしませんが(機能が重複しているため)、Webサイトを強化し、タイポグラフィをより効果的に使用するのに役立つプラグインがおそらくここにあります。
WordPress用の12の最高のタイポグラフィプラグインを見つけるために読み続けてください。
1.wp-タイポグラフィ

wp-タイポグラフィは、WordPressに多くのタイポグラフィの機能強化をもたらします。 ハイフンをenまたはemダッシュに置き換えることから、対応する番号と一緒にユニットラベルを保持することまで、このプラグインはブログ投稿をよりユーザーフレンドリーでスキャンしやすくします。
主な機能:
- 50以上の言語での行末ハイフネーション。
- 長いURLと電子メールアドレスの自動ワードラップ。
- 数学記号と分数のサポート。
- 引用符、省略記号、ダッシュ、および著作権記号の処理が改善されました。
- アンパサンド、数字などをスタイリングするためのCSSフック。
- PHP5.4.0以降が必要です。
価格:無料| 詳しくは
2.スタイルガイド

Styleguideプラグインは、WordPressカスタマイザーの機能を拡張します。 サイトのタイトル、ウィジェット、メニューを変更するだけでなく、フォントを変更するためのオプションを追加します。 これにより、フォントを公開する前に、フォントへの変更をプレビューできます。
主な機能:
- 45種類のGoogleFontsから選択するオプション。
- ヘッダーのフォントと本文のフォントを選択します。
- 一部のテーマには、フォントの色を変更する機能が含まれています。
- 変更をライブで行う前に、フォントの選択がどのように見えるかを確認してください。
- 使いやすい。
価格:無料| 詳しくは
3.簡単なGoogleFonts

以前のプラグインには45のGoogleFontsが豊富に用意されており、ヘッダーと本文のフォントを選択するだけで物事をシンプルに保つことができました。 このプラグインには多くの同じ機能がありますが、フォントが多く、特定の見出しや間隔などをより細かく制御できます。
最後のプラグインと同様に、WordPress Customizerに統合されているため、変更が公開される前に変更を確認できます。 テキストプレゼンテーションをより細かく制御したい場合は、多くのオプションや設定に簡単に圧倒されないようにする必要があります。これはあなたにぴったりです。
主な機能:
- 600を超えるGoogleFontsとデフォルトのシステムフォントから選択します。
- 特定の見出しまたは本文のフォントを変更します。
- フォントの太さ、テキストの装飾、行の高さ、間隔を制御するオプション。
- 見出しまたは本文の色を変更します。
- WordPressカスタマイザーで変更を公開する前にプレビューします。
価格:無料| 詳しくは
4.WordPress用のTypekitフォント

必要なフォントがGoogleFontsライブラリで見つからない場合は、AdobeTypekitのWebフォントライブラリで見つかる可能性があります。 この無料のプラグインを使用すると、コードを編集せずにTypekitフォントを埋め込むことができます。 また、追加のスタイルシートをアップロードしなくても、CSSを使用してフォントをカスタマイズできます。
主な機能:
- テーマを編集せずにTypekitWebフォントを埋め込みます。
- CSSを使用してフォントの表示場所をカスタマイズします。
- 編集するCSSコードの例を含む詳細なヘルプページが含まれています。
価格:無料| 詳しくは
5.フォントリス(非公式)

リストにもう1つのフォントコレクションを追加するために、この非公式プラグインはFont Squirrel APIを使用して、Webサイトにフォントを簡単にインストールできるようにします。
主な機能:
- FontSquirrelからフォントをサイトに自動的にインストールします。
- WordPress内から利用可能なフォントをプレビューします。
- WordPressエディターにドロップダウンメニューを追加して、投稿内のテキストのフォントを変更します。
価格:無料| 詳しくは
6.シンプルなドロップキャップ

名前が示すように、このプラグインは、テキストにドロップキャップを追加する簡単な方法を提供します。 プラグインをインストールしてアクティブ化し、設定を編集するだけです。 単語をショートコードでラップすることにより、好きな場所に手動でドロップキャップを追加することもできます。
主な機能:

- 投稿とページの最初の文字を自動的にドロップキャップにします。
- 埋め込みコードを使用して手動でドロップキャップを追加します。
価格:無料| 詳しくは
7.完璧なプルクォート

引用符は、ブログの投稿を強調したり、魅力的な方法で引用符を表示したりするのに最適な方法です。 このプラグインを使用すると、左揃え、右揃え、および全幅のプルクォートを作成できます。 ショートコードを使用して、色付きのバーなどをカスタマイズすることもできます。
主な機能:
- コンテンツから際立つ美しいプルクォートを作成します。
- WordPressエディターにドロップダウンを追加して、プルクォートを簡単に追加します。
- ショートコード属性またはCSSを使用して、プルクォートをさらにカスタマイズします。
価格:無料| 詳しくは
8.巻末注

書いている投稿に脚注を追加したいと思ったことはありませんか? これで、Endnotesプラグインを使用できます。 脚注は、記事の流れを中断することなく、追加情報、接線、または引用を追加するのに役立ちます。
このプラグインはすばやく簡単に使用できます。 数字、ピリオド、スペースで始まる角括弧内にコメントを入力するだけです。 脚注には、画像やビデオなどのメディアへのリンクから何でも含めることができます。 それらは投稿の最後に自動的に表示され、参照した投稿内の場所にリンクします。
主な機能:
- 投稿の本文内に脚注をすばやく簡単に追加できます。
- 脚注に自動的に番号を付け、テキストの関連領域にリンクします。
- 脚注には、リンクや画像などを含めることができます。
- デフォルトではテーマからスタイルを継承しますが、カスタムスタイルに使用できる固有のCSSクラスが含まれています。
価格:無料| 詳しくは
9.Olevmediaショートコード

このプラグインには、ショートコードのコレクションが含まれています。 色付きのボタンからアラートバナー、価格表まで、これらのショートコードは、WordPressの投稿内のテキストやその他の情報を整理するための新しい方法を提供します。 私のお気に入りの機能のいくつかは、アコーディオンスタイルのテキストボックス(最小化可能なFAQページを作成するのに最適)と、リストにカスタムの箇条書きアイコンを追加するオプションです。
主な機能:
- 20を超える新しいショートコードをWordPressに追加し、それらを作成するためのメニューを追加します。
- ショートコードジェネレーターでいくつかのスタイリングオプションを提供します。
- レスポンシブデザインはモバイルで見栄えがします。
価格:無料| 詳しくは
10. CodeColorer

ブログでコードスニペットを共有しようとしたことがあれば、それらがいかに素朴に見えるかをご存知でしょう。 このプラグインは、ほとんどの言語での構文の強調表示と行番号付けなどのユーザーフレンドリーな追加でそれを変更します。
また、いくつかのプリセットカラーテーマが付属しており、変更を加えたい場合はCSSを介してさらにカスタマイズできます。 全体として、CodeColorerは、ブログにコードスニペットを公開する場合に最適なオプションです。
主な機能:
- CSSを介して利用可能な9つのプリセットカラーテーマと追加のカスタマイズ。
- 自動行番号付け。
- ほとんどの言語でのコードの構文の強調表示。
- インラインコードスニペットを追加する機能。
価格:無料| 詳しくは
11. Zeno Font Resizer

あなたはウェブサイトに行って、「私は年を取っているに違いない。 このテキストは私には小さすぎます」? Zeno Font Resizerを使用して、訪問者にそのような感覚を与えることは避けてください。 このシンプルで超軽量のプラグインは、1つのことを非常にうまく行います。それは、訪問者がWebサイトに表示するテキストのサイズを決定できるようにすることです。
主な機能:
- 訪問者が理想的なフォントサイズを決定できるようにします。
- 選択したフォントサイズをCookieで設定して、訪問者が再訪したときに同じサイズが表示されるようにします。
- ウィジェットを使用するか、テーマのコードを介してサイズセレクターを挿入します。
価格:無料| 詳しくは
12.WordPress用のWPエディターの調整

WordPressのデフォルトのエディターフォントを長期間見づらいと思ったことがある場合は、このプラグインが最適です。 WP Editor Tweaksは、[ビジュアル]タブと[テキスト]タブの両方のフォントを、見やすいフォントに切り替えます。 公開後のコンテンツの外観には影響しませんが、サンセリフフォントを使用すると投稿の下書きが簡単になります。
主な機能:
- WordPressエディターのフォントをサンセリフが見やすいように変更します。
価格:無料| 詳しくは
最終的な考え
上記のプラグインにはさまざまな目的がありますが、すべてに共通点があります。 WordPressサイトの活版印刷オプションを改善または拡張します。
上記のタイポグラフィプラグインの一部を使用すると、Google Fonts、Adobe Typekit、またはFontSquirrelから新しいフォントを選択できます。 ドロップキャップ、文末脚注、プルクォートなどの活版印刷機能をサイトに追加するものもあります。 他の人はあなたの訪問者とあなた自身の両方のためにあなたのWordPressサイトの読みやすさを改善します。
WordPressサイトのタイポグラフィを改善するためにどのプラグインを使用しますか? 以下のコメントでお知らせください。
miri019 /shutterstock.comによる記事のサムネイル画像
