サイドバーの検索ボックス内に「サイト内検索」など任意の文字を初期表示させる方法

本ブログのリンクには広告が含まれます。
目次

問題点

ヴィジェットの検索ボックスではボックス内に初期表示する文字を変更できない。

HTMLのplaceholderが変更できない、とも言うかも。

環境:WordPress 6.1.1、テーマ:SWELL

解決法:ヴィジェット「ブロック」を使う

※SWELLの専用ブロック、ヴィジェットは使っていないと思うが、SWELL以外での動作は確認していないのでご了承を。

1. 投稿画面で検索ブロックを用意

新規投稿を作成して、検索ブロックを生成。

初期文字、ラベルの有無、ボタンの位置などを好きなようにカスタマイズする

2.コードを取得する

投稿編集画面の右上の・・・をクリックして、コードエディタに変更して、

表示されたコードをコピー

例)

<!-- wp:search {"label":"","showLabel":false,"placeholder":"サイト内検索","buttonText":"検索","buttonUseIcon":true} /-->

3. 検索ボックスを入れたい場所に「ブロック」を追加する

ここからは、「カスタマイズ」や「ヴィジェット」のページに移り操作。

ヴィジェットの種類に「ブロック」というものがあるので、それを検索ボックスを入れたい場所に追加する。

4. コードを入力

「ブロック」の入力欄にコードを入力。保存。

実際のサイトを見て正しく表示されていればOK。

シェア
目次