WordPressの見積もりブロックの使用方法

WordPress Quote Blockは、外部ソースからの見積もりを表示する簡単な方法を提供します。 引用符付きのテキストを表示し、引用を追加するためのキャプションが含まれています。 これは単純なブロックですが、コンテンツ内で使用すると、読者の注意を引き、テキストにいくらかの強調を加えることができます。

この記事では、Quote Blockを見て、何ができるかを見ていきます。 投稿やページに追加する方法、使用するためのヒントとベストプラクティス、よくある質問を見ていきます。

投稿またはページに見積もりブロックを追加する方法

見積もりブロックを追加するには、ブロックを配置する場所にあるブロックインサーターをクリックします。 左上隅のインサーターをクリックすることもできます。 見積もりを検索し、ポップアップから選択します。

または、ブロックを配置する場所に/ quoteと入力して、Enterキーを押すか、オプションから選択することもできます。

これにより、コンテンツに見積もりブロックが追加され、必要な見積もりを追加できます。

使用するには、表示するテキストを入力するか貼り付けて、「引用を追加」と表示されます。 引用の下にあなたが引用への参照を追加しますテキストラベルの追加引用の小さなラインです。 参照には、名前、タイトル、日付、発行元、リンクなどを含めることができます。

デザインは、使用しているテーマによって異なります。 Twenty Twenty-Oneテーマを使用した引用は半太字で表示され、引用は通常の重みで表示されます。

左上のインサーターアイコンを選択して既成のデザインを追加し、[パターン]を選択し、見積もりを検索して、リストに表示されるパターンから選択します。

見積もりブロックの設定とオプション

見積もりブロックには、ブロック内と右側のサイドバーに設定とオプションが含まれています。 設定とオプションの両方のタイプを詳しく見ていきます。

見積もりブロックツールバー

見積もりブロックツールバーは、ブロックの上に配置されます。 このツールバーは、ブロックを選択すると表示されます。 すべてのツールを表示するには、その下に別のブロックが必要になる場合があります。 もう少し詳しく見てみましょう。

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

段落、見出し、リスト、列、グループ、またはプルクォートなど、ブロックを変換するためのいくつかのオプションがあります。 それぞれが、コンテンツでどのように見えるかのプレビューを示しています。 また、スタイルのオプションもいくつかあります。 それらのいずれかにカーソルを合わせると、コンテンツを含むプレビューが表示されます。 背景のスタイルを設定したり、境界線を追加したり、間隔を追加したりする場合は、グループを選択することをお勧めします。 この例では、プルクォートにカーソルを合わせています。

ドラッグアンドムーブ

ドラッグアンドムーブツールを使用すると、ブロックを簡単に移動できます。 6つのドットで表されるドラッグツールを使用すると、ブロックをドラッグできます。 移動ツール（上下の矢印）は、クリックするだけでコンテンツ内をブロックを上下に移動します。

配置を変更する

配置オプションには、左、中央、および右が含まれます。 これにより、コンテンツが選択した側に揃えられます。 他のブロックとは異なり、ワイドオプションとフル幅オプションは含まれていません。また、ブロックをその下の段落でラップしていません。 ブロックをグループに変換することで、ワイドオプションとフル幅オプションを追加できます。

この例では、ブロック内のテキストと引用を中央揃えにする中央揃えを使用しています。

太字と斜体

太字と斜体は、強調表示しているテキストのスタイルを設定します。 それらを一緒にまたは個別に使用します。 この例では、引用内で独立して、引用内で独立してそれらを使用しました。

リンク

これにより、強調表示したテキストにURLが追加されます。 URLを入力すると、以前に使用したURLに基​​づいた提案が表示されます。 新しいタブでリンクを開くように設定できます。

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

より多くのオプション

その他のオプションには、クリックしたときに強調表示するテキストのスタイルを設定するための7つのオプションがあります。 上記の例では、それぞれに下線を付けて追加しました。 オプションは次のとおりです。

インラインコード–これはテキストをコードのようにスタイル設定します。 「知っている」という言葉は、インラインコードとしてフォーマットされています。

インライン画像–これによりメディアライブラリから画像が追加されます。 上の画像に瓶のグラフィックを追加しました。 画像のピクセル幅を変更できます。

キーボード入力–これはテキストをキーボードHTMLフォーマットとしてスタイル設定します。 そこにある単語は、キーボード入力スタイルでフォーマットされています。

取り消し線–テキストの上に線を追加します。 単語に取り消し線を追加しましたが、上の画像にあります。

下付き文字–これにより、テキストは人間という単語のように下付き文字になります。

上付き文字–これにより、エラーという単語のように、テキストが上付き文字になります。

テキストの色–上記の例の引用のように、テキストの色をカスタマイズします。 設定アイコンは、アクティブになるとツールバーに移動します。

事前に選択された色またはカラーピッカーからのカスタム色から選択するか、16進コード、RGBコード、またはHSLコードを入力して、色をカスタマイズします。

オプション

[オプション]ボタンには、10個の標準ブロックオプションが含まれています。

その他の設定を非表示–これにより右側のサイドバーが非表示になります。

コピー–これにより、見積もりブロックがコピーされるため、コンテンツ内の別の場所に貼り付けることができます。

複製–これにより、元の見積もりブロックの複製が追加されます。

前に挿入–これにより、見積もりブロックの前にブロック用のスペースが追加されます。

後に挿入–これにより、見積もりブロックの後にブロック用のスペースが追加されます。

移動先–これにより、青い線を配置してブロックを移動し、ブロックの移動先を示すことができます。

HTMLとして編集–これにより、HTMLを編集できるコードエディタが開きます。

再利用可能なブロックに追加–これにより、見積もりブロックが再利用可能なブロックに追加され、他のページや投稿で再利用できるようになります。

グループ–これにより、カスタマイズ可能なグループにブロックが追加されます。

ブロックの削除–これにより見積もりブロックが削除されます。

見積もりブロックサイドバー設定

サイドバーの設定には、スタイルと詳細が含まれます。 ブロックをクリックすると、サイドバーの見積もりブロックオプションの変更が開きます。 右上隅の歯車をクリックすると、サイドバーが開いたり閉じたりします。

スタイル

スタイルには、デフォルトスタイルとラージスタイルの2つのオプションがあります。 どちらも、見積もりがどのように表示されるかのプレビューを示しています。 あなたは、デフォルトのスタイルラベルのドロップダウンボックスにデフォルトのスタイルを設定することができます。 スタイルはテーマによって異なります。 上記の例は、ラージスタイルを示しています。

高度

HTMLアンカーと追加のCSSクラスを含む標準の詳細設定がここにあります。 HTMLアンカーはURLを作成するため、ブロックにリンクできます。 [追加のCSSクラス]フィールドには、使用するCSSクラスを追加します。 これには、[スタイル]オプションから選択したスタイルが含まれます。

見積もりブロックを効果的に使用するためのヒントとベストプラクティス

引用符を使用して、テキストの一部を強調したり、読者に焦点を当てる考えを残したりします。

記事内の他の場所で見つからない引用にそれらを使用してください。

大きなスタイルを選択して、引用をテキストからさらに劇的に区別します。

コンテンツと対象者に基づいて引用スタイルを選択します。

著者を引用するときは、可能であれば作品のタイトルを付けてください。

学術的な引用については、学校が推奨する引用方法を使用してください。

[グループ]を選択して、背景色または境界線を追加します。

見積もりブロックに関するよくある質問

見積もりブロックの目的は何ですか？

コンテンツ内で見栄えのする引用を提示するため。 それらは異なるフォントでコンテンツに追加され、引用符と引用のキャプションが含まれています。

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

引用は外部引用に使用され、プルクォートは配置された記事のテキストの一部を強調表示します。プルクォートブロックには色のオプションと異なるレイアウトがあります。 プルクォートは見出しとして使用できます。

このブロックを使用する利点は何ですか？

それは他のテキストから際立っているので、注目を集めます。 読者はそれが引用であることが一目でわかります。 このブロックは、プルクォートブロックよりも簡単に使用できます。

それは何に変換できますか？

段落、見出し、グループ、プルクォート、リスト、および列に変換できます。

このブロックは何に使用できますか？

引用ブロックは、推薦状、レビュー、個人的な引用、専門家または学術的な情報源からの引用、著者、有名人、インスピレーションなどを表示するための優れた方法です。 引用はコンテンツ内の他の場所にあるべきではありません。

結論

これがWordPressの見積もりブロックです。 このブロックは、他のコンテンツとは一線を画すテキストを強調するための優れた方法です。 スタイリングのオプションはあまりありませんが、エレガントに見えます。グループに変換することで背景のスタイルを設定できます。 有名人の引用、出典の引用、紹介文、インスピレーションに最適です。

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

Vector.design /shutterstock.com経由の注目の画像