【AFFINGER6】ヘッダーにスマホ用検索アイコンを設置する方法

AFFINGER6で作ったブログをスマホで表示してみると…検索アイコン(検索窓)が無い!!!と困っていませんか?デフォルト機能で簡単に表示できるのですが、ちょっと分かりにくいので記事化しました!

AFFINGER6で作ったブログをスマホで表示してみると…
検索アイコン(検索窓)が無い!!!
と困っていませんか?

デフォルト機能で簡単に表示できるのですが、ちょっと分かりにくいので記事化しました!

AFFINGER6スマホ用検索窓例
AFFINGER6スマホ用検索窓例
目次

前提条件

この記事は、AFFINGER6用のカスタマイズ方法です。
AFFINGER5や他のワードプレステーマでは不可能(または動作未確認)です。
また、AFFINGER6でもバージョンにより動作や設定が異なる場合があります。

【WordPress】6.7.1
【テーマ:AFFINGER6EX】20250203

なお当ブログ自体は別のテーマを使用していますが、姉妹サイト「UEテク」はAFFINGER6で作っています。完成例としてご覧ください。

検索アイコンの表示方法

AFFINGER6スマホ用検索窓設定

デフォルト機能で簡単に表示可能です。

ダッシュボード
⇒AFFINGER管理
⇒メニュー
と進みます。

スマホスライドメニューエリアにある「スマホヘッダーに検索アイコンを追加する」にチェックを入れて保存するだけです!

一見ヘッダーに該当しそうな検索アイコンですが、設定はメニューにある点に注意が必要です!

ブロトピ参加中!

ブロトピ:ブログの更新のお知らせ
ブロトピ:ブログ記事更新!
ブロトピ:ブログを更新しました!
ブロトピ:今日のブログ更新

使いやすさ重視で広告表示を少なくしています。
その分サイト維持費用をご支援いただけると助かりますm(__)m

あなたの応援が私の原動力です!
AFFINGER6で作ったブログをスマホで表示してみると…検索アイコン(検索窓)が無い!!!と困っていませんか?デフォルト機能で簡単に表示できるのですが、ちょっと分かりにくいので記事化しました!

この記事が気に入ったら
フォローしてね!

シェア大歓迎!
  • URLをコピーしました!
  • URLをコピーしました!

コメント・ご指摘などあればこちらへ!

コメントする

目次