デザインを改善するための 7 つのベスト WordPress タイポグラフィ プラグイン

1. WPタイポグラフィー

wp-Typography は、CSS コーディングを必要とせずにテキスト内のシンボルや要素を強化できる強力なツールです。 商標や数学記号などの要素が自動的に処理され、プロセスが簡素化されます。

さらに、このプラグインは、アンパサンドや大文字の単語などのコンポーネントをスタイル設定するための CSS フックを提供します。

「スマート引用符」や圧縮省略記号の制御など、豊富なカスタマイズ オプションを備えた wp-Typography を使用すると、WordPress エディターにテキストを入力するだけで、テキストをより視覚的に魅力的でわかりやすいタイポグラフィに簡単に変換できます。

主な特徴:

• 70 以上の言語のハイフネーションのサポート
• スペースコントロール機能
• 引用符、ダッシュ、商標、数学記号などのインテリジェントな文字置換
• アンパサンド、大文字の単語、数字、最初の引用符とギルメットをスタイル設定するための CSS フック

2. 任意のフォントを使用する

[任意のフォントを使用] を使用すると、カスタム フォントを簡単にアップロードして、Web サイトにエレガントな外観を与えることができます。 フォントをすばやく変更するために CSS の知識は必要ありません。 Google Fonts を含む 23,871 を超える定義済みフォントの膨大なコレクションから選択して、独自のサーバーに保存することもできます。

Use Any Font は、WordPress Web サイトに無制限のカスタム フォントのインストールを提供することで、他のフォント埋め込みサービスとは一線を画しています。 フォントの選択肢が限られているサービスやリモート サーバー ストレージとは異なり、TTF、OTF、WOFF などの形式で任意のカスタム フォントを使用できます。 他のサーバーの稼働時間に依存する必要はありません。

1 つの形式をアップロードするだけで、プラグインがそれを圧縮 WOFF2 などの必要な形式に自動的に変換し、最新のブラウザでの読み込み時間を短縮します。

主な特徴:

• フォントを簡単に変更できる、迅速かつ簡単なセットアップ
• Edge、Firefox、Chrome、Safari、iOS、Android などを含むすべての主要なブラウザのサポート
• 定義済みの HTML タグを選択したり、カスタム CSS を使用してフォントを割り当てたりする機能
• TTF、OTF、WOFF などのフォント形式をサポート
• アップロードされたカスタム フォントを、一般的な WordPress エディターや Gutenberg、Divi Builder などのビジュアル ビルダーで使用できるようにします。
• フォントを 1 つの形式でアップロードするだけで済みます。 他の必要な形式への自動変換
• 最大 25 MB のカスタム フォント ファイルを受け入れます
• 複数のカスタムフォントの使用を許可します

3. Zeno フォントリサイザー

Zeno Font Resizer を使用すると、訪問者は数回クリックするだけで Web サイトのフォント サイズを簡単に変更でき、大きなテキストを好むユーザーのユーザー エクスペリエンスが向上します。

このプラグインは、WordPress サイドバーにフォントのサイズ変更オプションを追加するプロセスを簡素化します。 jQuery を利用しているため、訪問者はページを再読み込みせずにフォント サイズを調整できます。

このプラグインは、ユーザーのコンピュータに Cookie を保存することでカスタマイズされたエクスペリエンスを保証し、ユーザーがサイトに戻るたびに一貫性を提供します。

主な特徴:

• JavaScriptとjQueryを使用してフォントサイズを調整します
• 設定は Cookie に保存され、再訪問時のフォント サイズの一貫性が保たれます。
• コンテンツのカスタマイズ、ステップのサイズ変更、その他のオプションを利用できる管理者ページ
• クラシックなウィジェットが利用可能です
• PHP コードはテンプレート、できれば子テーマに追加できます。
• シンプルで軽量なソリューション

4. 副タイトル

Secondary Title は、投稿、ページ、カスタム投稿タイプにセカンダリ タイトルやサブタイトルを簡単に追加できる無料のプラグインです。 これにより、Web サイトの読みやすさとスキミングしやすさが向上します。

このプラグインは、プライマリ タイトルで字幕を自動的に表示したり、字幕の特定の投稿タイプやカテゴリを選択したり、ショートコードや PHP を利用してサイト上の特定のコンテンツに字幕を追加したりするための設定オプションを提供します。

主な特徴:

• 投稿タイプ、カテゴリー、特定の投稿 ID を指定できます。
• タイトルの表示形式をカスタマイズできます。
• パーマリンクでセカンダリ タイトルを使用できます
• 追加の高度な機能が利用可能です

5. ページタイトルスプリッター

Page Title Splitter は、長い投稿タイトルを 2 行に分割できる特徴的なプラグインです。 読みやすさを確保しながら、より長くてわかりやすいタイトルを使用できます。

この機能は、すべての種類の投稿、ページ、カスタム投稿タイプに適用され、デスクトップとモバイル デバイスの両方でタイトル レイアウトを完全に制御できるようになります。

主な特徴:

• HTMLを追加せずにタイトルにブレークポイントを設定します
• タイトルテキストフィールドにマーカーを配置してデスクトップレイアウトを改善します
• CSS を使用してモバイルデバイス上のブレークポイントを削除します
• 複数のマーカーを使用してタイトル内の特定の単語を強調表示できます

6. フォントプラグイン

Fonts Plugin は、Google Fonts および Adob​​e Fonts ライブラリへのアクセスを提供する無料の WordPress プラグインです。 両方のソースから 1000 を超えるフォントが選択できるため、サイトで複数のフォントを使用できます。 WordPress カスタマイザーのプラグインのライブ プレビュー機能を使用すると、さまざまなフォント オプションをテストできます。

フォント サイズ、文字間隔、行の高さなど、Web サイトのタイポグラフィをさらにカスタマイズするには、プレミアム バージョンの Fonts Plugin Pro を選択できます。

主な特徴:

• ライブカスタマイザープレビューが利用可能
• 1000 以上の Google フォントを選択可能
• あらゆる WordPress テーマと互換性があります。 コーディングは必要ありません
• 手間のかからないメンテナンスのための簡単なワンクリック更新
• WooCommerce はオンライン ストアとのシームレスな統合をサポートします
• 多言語ウェブサイトの翻訳準備完了
• SEO に配慮し、検索エンジンの可視性を向上
• 信頼性の高い互換性のために PHP 7 でテスト済み

7.素晴らしいフォント

Font Awesome は、魅力的なアイコン フォントを組み込むことで Web サイトの視覚的な魅力を高める強力なプラグインです。

Font Awesome を使用すると、ボタン、機能ボックス、ナビゲーション メニューなど、Web サイトのデザイン要素にさまざまなアイコン フォントをシームレスに統合できます。 これらのアイコン フォントは、Web ページに創造性、明瞭さ、美的魅力を加え、全体的なユーザー エクスペリエンスを向上させる、エレガントにデザインされたピクトグラムで構成されています。

主な特徴:

• プロおよび無料のアイコンの膨大なライブラリにアクセスして、Web サイトのデザインを強化します
• Font Awesome アイコンの最新バージョンまたは特定のバージョンを選択して活用する機能
• アイコンの表示に SVG または Web フォント テクノロジを使用するオプション
• Font Awesome CDN または Font Awesome キットを使用したシームレスな統合により、アイコンを効率的にロードできます。
• Font Awesome バージョン 4 構文との自動互換性
• Pro Kitsからアップロードした独自のアイコンを使用する機能

結論

WordPress Web サイトに適切なタイポグラフィ プラグインを選択すると、デザインが大幅に改善され、全体的なユーザー エクスペリエンスが向上します。 これらのプラグインを利用すると、フォントのカスタマイズ、字幕の追加、ブレークポイントの設定、およびコンテンツをより読みやすく視覚的に魅力的なものにするその他の便利な機能を利用できるようになります。

ビジネスオーナー、ブロガー、クリエイティブプロフェッショナルのいずれであっても、これらのタイポグラフィプラグインを WordPress サイトに組み込むことで、訪問者の誘致と維持に顕著な違いをもたらすことができます。 思い切って WordPress タイポグラフィー プラグインの世界を探索して、デザインを向上させ、視聴者に永続的な印象を残しましょう。