レスポンシブテキストブロック

デスクトップとモバイルデバイスのテキストスタイルを別々にカスタマイズする

私たちは、最新の多目的 Citadela WordPress テーマとそのプラグインに継続的に取り組んでいます。最近、WordPress Gutenberg ユーザー向けに素晴らしい機能を追加しました。新しいブロックは、目を引くセクションの作成に役立ちます。無料でアップデートを入手して、完璧なウェブサイトを作成してください。

タイポグラフィは、Web サイトを構築する際に重要な要素です。フォントの種類、サイズ、間隔によって読みやすさが決まります。見栄えの良いプロフェッショナルな Web サイトは、訪問者の読書の邪魔をしません。標準的なフォントを使用することをお勧めします。

レスポンシブ テキスト ブロックを使用すると、デスクトップとモバイル デバイス向けに異なる方法でテキスト ブロックをカスタマイズできます。制御できる設定は数多くあります。デスクトップとモバイルデバイスのディスプレイ用に分けられています。モバイル幅のブレークポイント、テキストの配置、フォント サイズ、色、間隔などを設定できます。 Google Fontsの完全なライブラリのおかげで、派手なテキストを表示できます。

レスポンシブ テキスト ブロックは、ページ、ポスト、または Citadela スペシャル ページで使用できます。このレスポンシブ テキスト ブロックをページ タイトルとして使用できます。 Gutenberg インスペクター領域のドキュメント設定を通じて、事前定義されたページ タイトルを非表示にします。

レスポンシブ テキスト ブロックには次のオプションがあります。

• 表示テキストのGoogleフォント
• テキストの HTML タグを選択します。利用可能な段落タグと見出しタグ 1 ～ 6
• デスクトップとモバイル画面で異なるテキストの配置
• デスクトップ画面とモバイル画面で異なる単位で異なるフォント サイズ
• デスクトップ画面とモバイル画面で異なる行の高さ
• テキストの文字間隔
• デフォルトのマージンを無効にして、テキストの周囲にカスタムのスペースを作成します
• テキストと背景色
• 斜体のフォントスタイル
• テキストの下線と取り消し線の装飾

Web サイトのタイポグラフィを設定する

通常、WordPress とテーマのインストール後の最初のステップの 1 つはカスタマイズです。多くの Google フォントから選択できます。 WordPress のタイポグラフィ設定は、「外観」→「カスタマイズ」→「外観」→「タイポグラフィ」にあります。タイトルと本文のフォントを選択します。タイトルのフォントの太さも選択できます。訪問者をできるだけ長く滞在させるためには、ウェブサイト全体が快適な環境である必要があることに留意してください。したがって、いくつかの基準に従う必要があります。

本文に派手なフォントを使用する必要はありません。 WordPress テーマのフォント サイズは、Web サイト全体、各セクション、サブページを通して読みやすいように設計されています。

ファンシーなテキストエリア

ただし、目を引く特別なセクションを作成したい場合もよくあります。トレンディなフォントを使って美しく派手な領域を作成するにはどうすればよいでしょうか?これが、レスポンシブ テキスト ブロックを作成した理由です。操作は簡単です。

レスポンシブ テキスト ブロックは、タイポグラフィーを扱う完璧な方法をもたらします。特定のフォント、サイズ、間隔を使用してカスタマイズできるタイトルまたはテキストは 1 つだけです。さらに、デスクトップとモバイル デバイスに異なる方法でこのブロックを設定できます。テキストが完璧に見えるようにし、どのデバイスでも最適化します。 Cluster などの他のブロックと組み合わせると、Web サイトのデザインの可能性がさらに広がります。

このブロックを選択したサブページに追加します。標準ブロックと同様に、Gutenberg Inspector の右側にメニューと設定があります。このブロックは、標準のページ、投稿、または Citadela ディレクトリ プラグインとともに特別なページでも使用できます。

このブロックでは HTML タグを使用してタイトルを設定できます。フォントサイズの単位をpx、em、vwから決めて、フォントサイズ、行の高さ、間隔を設定します。いろいろ試して、完璧な Goole Font を選択してください。テキストがどのように表示されるかをすぐに確認できます。このブロックでは、テキストの配置と色の設定も利用できます。

レスポンシブ設定

[応答性の高いオプションを使用する] を指定すると、デスクトップとモバイルの重要なパラメーターを個別に設定できます。テキストの配置、フォント サイズの単位、フォント サイズ、行の高さ、文字間隔。さらに、モバイル幅のブレークポイント サイズを制御できます。

全て Gutenberg エディターの AitThemes ブロックは Citadela Blocks プラグインの一部です。このプラグインは、見栄えの良い Web サイトのデザインにとって重要なコンポーネントです。標準の WordPress Gutenberg エディターをすべて使用して、軽量で高速に実行される Web サイトを構築できます。 最新の Citadela Blocks プラグインをダウンロードしてください。