WordPressプルクォートブロックの使用方法

プルクォートは、注目を集める記事の小さな抜粋です。 テキストに強調を加えたり、フレーズを強調したりするのに最適です。 それは読者に視覚的な援助を提供します。 WordPressには、この目的のために特別に設計されたプルクォートブロックがあります。

この記事では、プルクォートブロックを見て、投稿やページに追加する方法、使用するためのヒントとベストプラクティス、よくある質問を確認します。

プルクォートブロックを投稿またはページに追加する方法

プルクォートブロックを追加するには、ブロックを配置する場所または左上隅にあるブロックインサーターをクリックします。 Pullquoteを検索して選択します。 または、 / pullquoteと入力して、ブロックを配置する場所にEnterキーを押します。

プルクォートブロックがコンテンツに追加され、記事から引用を追加できます。

使用するには、「見積もりを追加」と表示されている場所に表示するテキストを入力するだけです。 この下には、引用する人の名前を追加する「引用の追加」というラベルの付いた別のテキスト行があります。これは、引用の場合は記事の著者です。 引用はプルクォートの場合はオプションです。

見積もりは2本の水平線の間に表示され、その上に引用符が含まれます。 デフォルト設定では、引用は大きくて太いフォントで表示されますが、引用は小さいフォントで通常の太さで表示されます。

プルクォートブロックの設定とオプション

Pullquoteブロックには、ブロック自体と右側のサイドバー内の設定とオプションが含まれています。

プルクォートブロックツールバー

プルクォートブロックツールバーは、ブロックの上に配置されます。 ブロックを選択すると表示されます。 もう少し詳しく見てみましょう。

ブロックタイプまたはスタイルの変更

ブロックを他のブロック、スタイルなどに変換するためのいくつかのオプションがあります。段落、列、グループ、見出し、引用符、またはリストに変換します。 それぞれが、コンテンツを使用してどのように見えるかをプレビューします。 スタイルのオプションもあります。 選択肢にカーソルを合わせると、コンテンツでどのように表示されるかをプレビューできます。 この例では、[スタイル]の下の[単色]オプションにカーソルを合わせています。

ドラッグアンドムーブ

ドラッグツールは6つのドットで表されます。 ドットをつかみ、ブロックを好きな場所にドラッグします。 移動ツールは上下の矢印です。 それらをクリックして、コンテンツ内でブロックを上下に移動します。

配置を変更する

配置オプションには、左、右、広い幅、および全幅が含まれます。 ワイド幅とフル幅のオプションは、テーマがそれらをサポートしている場合にのみ使用できます。 左または右を選択すると、画面のその側に配置されます。 オプションの選択を解除して、中央にあるデフォルトに戻します。 段落ブロックで機能します。

たとえば、左または右に揃えるように設定すると、その下の段落がプルクォートブロック内に配置されます。 この例では、Leftに設定し、次の段落のテキストが折り返されています。

太字と斜体

太字と斜体のオプションは、強調表示するテキストに影響します。 それらは一緒にまたは独立して使用することができます。 この例では、引用内でそれらを個別に使用し、引用のために一緒に使用しました。

リンク

強調表示したテキストへのリンクを追加します。 URLを入力すると、以前に使用したものに基づいた提案が表示されます。 新しいタブでリンクを開くオプションも表示されます。

この例では、引用へのリンクを追加しました。 テキストに下線を付けて、リンクであることを示します。

より多くのオプション

[その他のオプション]をクリックすると、テキストのスタイルを設定するための7つのオプションを含むドロップダウンボックスが開きます。 上記の例でそれぞれを追加しました。 これらはすべて、クリックしたときに強調表示しているテキストに影響します。 それらが含まれます：

インラインコード–テキストをコードのようにスタイル設定し、コードが実行されないようにします。 これはインラインコードとしてフォーマットされています。

インライン画像–メディアライブラリからマウスカーソルの位置に画像を追加します。

キーボード入力–キーボードのHTML形式でテキストのスタイルを設定します。 引用という単語は、キーボード入力スタイルでスタイル設定されています。

取り消し線–上の画像の「素晴らしい」という単語のように、テキストに線を引きます。

添字は、 -上記の引用の文字Rのように、残りの部分よりもテキストが低いと小さくなります。

上付き文字–上記の引用の文字Aのように、テキストを他のテキストよりも高くしたり小さくしたりします。

テキストの色–上記の引用のブラウンという単語のように、テキストの色を変更できます。 設定アイコンは、アクティブになるとツールバーに変わります。

色のオプションについては、事前に選択した色から選択するか、カスタム色を作成します。 カラーピッカーからカスタムカラーを選択するか、16進コード、RGBコード、またはHSLコードを入力します。

オプション

すべての標準オプションが含まれています：

[その他の設定を非表示] –右側のサイドバーを非表示にします。

コピー–プルクォートブロックをコピーして、コンテンツ内のどこにでも貼り付けることができます。

複製–オリジナルの下にプルクォートブロックの複製を追加します。

前に挿入–ブロックを追加できるプルクォートブロックの前にスペースを追加します。

後に挿入–プルクォートブロックの後に、ブロックを追加できるスペースを追加します。

移動先–プルクォートブロックを移動する場所に移動できる青い線をコンテンツ内に配置し、ブロックを簡単に移動できるようにします。

HTMLとして編集–HTMLを編集できるコードエディタを開きます。

再利用可能なブロックに追加–プルクォートブロックを再利用可能なブロックに追加して、再利用を容易にします。

グループ–単一のユニットとして調整できるグループにブロックを追加します。

ブロックの削除–プルクォートブロックを削除します。

プルクォートブロックサイドバー設定

サイドバーの設定には、スタイル、色、および詳細が含まれます。 右上隅の歯車をクリックして、サイドバーを開いたり閉じたりします。 ブロックをクリックすると、サイドバーがプルクォートブロックオプションに変わります。

スタイル

スタイルには、デフォルトスタイルと単色スタイルの2つのオプションが表示されます。 スタイルは、プルクォートがどのように見えるかのプレビューを示します。 [デフォルトスタイル]というラベルの付いたドロップダウンボックスをクリックして、デフォルトスタイルを設定できます。

色

色のオプションには、メインの色とテキストの色が含まれます。 デフォルトではいくつかの色を使用できますが、カスタム色を選択することもできます。 カスタムカラーの場合は、カラーピッカーから選択するか、必要なカラーを16進数、RGB、またはHSLとして入力します。

メインカラーは、最初のスタイルの見積もりの​​上下の行に影響します。

2番目のスタイルでは、メインカラーが背景に影響します。 背景に暗い色を選択すると、明るいテキストに変わります。 読みにくい配色を選んだ場合はお知らせします。

テキストの色は、引用符、引用符、引用に影響します。 ツールバー設定で設定されたテキストの色は上書きされません。

テキストの色設定を使用して引用符を調整してから、ツールバーの色設定を使用してテキストを個別に調整できます。

高度

詳細設定には、HTMLアンカーと追加のCSSクラスが含まれます。 アンカーはURLを提供するため、ブロックに直接リンクできます。 CSSクラスフィールドには、選択したスタイルが含まれています。必要に応じて、他のクラスを追加できます。

プルクォートブロックを効果的に使用するためのヒントとベストプラクティス

• 記事自体のテキストを使用してください。
• 慎重に使用してください。
• キャプションを使わなくても大丈夫です。
• 右揃えまたは左揃えを使用して、プルクォートでテキストを折り返します。
• ワイドスクリーンとフルスクリーンの配置オプションを使用して、興味深い見出しを作成します。
• デフォルトとソリッドの両方のスタイルを試して、どちらがコンテンツに最適かを確認してください。 単色を使用し、背景色を変更して目立たせます。
• 色を使用して、プルクォートをさらに目立たせます。

プルクォートブロックに関するよくある質問

プルクォートブロックとクォートブロックの違いは何ですか？

見積もりには、外部見積もりが表示されます。 プルクォートは、配置された記事のテキストの一部を強調表示します。プルクォートブロックには、より多くの配置オプションが含まれ、スタイルが異なります。

プルクォートブロックを使用する利点は何ですか？

これにより、テキストがよりグラフィカルに表示され、目立つようになります。 また、テキストの行を強調表示して、注意を引き付けます。

それらを見積もりブロックに変換できますか？

はい、段落ブロック、列、グループ、見出し、またはリスト。

それらは他の何かに使用できますか？

はい、短いチュートリアル、脚注、見出しなど。

結論

これがWordPressプルクォートブロックの見方です。 プルクォートは、テキストに視覚的な強調を加えるための優れた方法であり、プルクォートブロックはそれをうまく実行します。 このブロックは使いやすく、目立つユニークな外観を作成するのに十分なオプションを提供します。 そのレイアウトオプションはテキストでうまく機能し、テキストを分割したり、テキストで折り返したり、ヘッダーとして使用したりすることができます。

我々はあなたから聞きたい。 プルクォートブロックを使用していますか？ コメントであなたがそれについてどう思うか教えてください。

girafchik /shutterstock.com経由の注目の画像