検索ブロック

ブロック一覧へ戻る

検索ブロックを使えば、検索ウィジェットを固定ページや投稿に配置できます。

検索ブロックを追加するには、ブロックを追加アイコンをクリックしてウィジェットセクションから検索を選びます。

空のブロックへ /search と入力して Enter キーを押す方法でも、簡単に追加できます。

ブロック追加の詳しい方法はこちらをご覧ください。

ブロックツールバー

各ブロックにはそれ固有のツールバーアイコンとコントロールがあり、エディター内でブロックを操作できます。

検索ブロックには標準で10個のボタンがあります。

• 変換
• 移動用ハンドル
• 配置を変更
• 検索ラベルを切り替え
• ボタンの位置を変更
• アイコン付きのボタンを使用
• 太字
• イタリック
• 他のテキスト編集オプション
• 他のオプション

プレースホルダーテキストの追加

検索ブロックを追加した後、プレースホルダーのテキストを追加できます。プレースホルダーは、検索文字列を入力するまで検索フィールドに表示されます。

変換

検索ブロックはグループ、またはカラムへ変換できます。グループへ変換するとブロックの周りの背景色を変更できます。

移動用ハンドル

上下の矢印を使って、ドキュメント内でブロックを上下に移動できます。

エディター内でブロックを移動する詳しい方法はこちらをご覧ください。

配置を変更

• 左寄せ – ブロックを左に配置します。
• 中央寄せ – ブロックを中央に配置します。
• 右寄せ – ブロックを右に配置します。

検索ラベルを切り替え

検索フィールドの上にあるラベルを隠すことができます。

ボタンの位置を変更

検索ボタンの位置を変更できます。3種類のオプションがあります。

• ボタン外側 — これがデフォルトです。

• ボタンなし — 検索ボタンを無くします。検索テキストフィールドだけがページに表示されます。

• ボタン内側 — 検索ボタンが検索テキストフィールドの一部になります。

テキスト編集オプション

注意: 太字、イタリック、他のテキスト編集オプションは、検索ラベルが表示されている時だけ利用できます。

太字とイタリック

とても頻繁に使われるので、太字とイタリックの専用ボタンがツールバーにあります。ショートカットは CTRL+b (または Command+B)が太字、CTRL+i (または Command+i)がイタリックです。

他のテキスト編集オプション

インラインコード

テキストが短いコンピューターのコードであることを示すには「インラインコード」が使えます。

インライン画像

リスト項目に画像を入れるには「インライン画像」が使えます。

キーボード入力

HTML の <kbd> 要素を適用するには「キーボード入力」が使えます。

テキスト色

テキストの色を指定するには「テキスト色」が使えます。

例: 検索, 段落, 画像

上付き

文字を普通より少し上にするには「上付き」が使えます。

例: 検索^ブロック

下付き

文字を普通より少し下にするには「下付き」が使えます。

例: 検索_ブロック

打ち消し線

選択したテキストの真ん中に水平線を引くには「打ち消し線」が使えます。

例: 検索ブロック

他のオプション

追加設定を非表示

追加設定を非表示オプションを使うと、エディターのサイドバーにある「ブロック設定」パネルを隠す(または表示する)ことができます。

コピー

コピーを使うと、選択したブロックをコピーしてエディター内の好きな位置へ貼り付けできます。

複製

複製を使うと、選択したブロックを複製できます。

前に挿入

新しいブロックを選択したブロックの前へ挿入します。

後に挿入

新しいブロックを選択したブロックの後へ挿入します。

移動

移動を選ぶと、コンテンツ内に青い線が現れます。その後、矢印を使って線を上下に移動し、選択したブロックの移動先を指定できます。最後にキーボードの Enter を押すとブロックがそこへ移動します。

再利用ブロックに追加

再利用ブロックに追加オプションを使うと、選択したブロックを再利用ブロックのリストへ追加できます。すると他の投稿や固定ページでそのブロックを利用できます。 

グループ化

ブロックをまとめて一つの単位として扱いたい場合、グループ化オプションを選択します。例えば共通の背景色や他のブロックをグループへ追加できます。 

ブロックを削除

ブロックを削除オプションを使うと、選択したブロックをコンテンツから削除できます。

ブロック設定

どのブロックも、ブロックツールバーにあるオプションに加えて、固有のオプションがエディターのサイドバーにあります。もしサイドバーが見当たらなければ、公開ボタンの隣にある「歯車」ボタンをクリックしてください。

表示の設定

検索ブロックの幅を変更できます。

高度な設定

追加 CSS クラスはブロックへ CSS クラスを追加できます。その後、カスタム CSS を書いてブロックに好みのスタイルを付けることができます。