WordPress

【AFFINGER 5】WordPressブログのフッターに検索窓を実装する方法

どうもこんにちは。まきし(@Maxy_Ringo)です。

 
今回の記事では、WordPressの検索窓をフッターに配置する方法を備忘録として書きたいと思います。私が使用しているWordPressのテーマはAFFINGER 5を利用しております。

 

検索窓の実装イメージ

検索窓をフッターに実装しました。PC(Chrome)からとスマートフォン(Safari)からのイメージをまずご紹介します。

 

PC(Chrome)での見え方

PCからの見え方は下記のようになっております。

 

スマートフォン(Safari)での見え方

続いてスマートフォン(Safari)からの見え方はこちらのようになっています。

 

フッターへの検索窓の実装方法

ここからはWordPressのカスタムになります。まず、管理画面の左側にあるメニューの「外観」をクリックします。

 
続いて「ウィジェット」をクリックします。

 
続いて、「ヘッダー右(フッター)」のウィジェットに「検索」のウィジェットをドラッグアンドドロップします。

 
これで実装は完了です。お疲れさまでした!
 

フッターに検索窓を設置するメリット

今回フッターに検索窓を配置したのには、サイトの利便性を上げたかったためです。

 
当サイトだと700件ほど記事があるのでキーワードで検索すると効率よく記事を探せますし、記事を読み終わったユーザーが検索してくれてサイトの回遊にも繋がるかなと思い改善してみました。

 

WordPressテーマ、AFFINGER 5とは何か

当サイトでは、AFFINGER 5を利用しています。AFFINGER 5はWordPressテーマの1つでONSPEED.incが開発しているものです。カスタムの幅はかなり広いため様々なデザインが実装できます。そのため、有償のWordPressテーマでは人気のテーマが根強く、ブログやWebサイト作成を趣味としている方にはおすすめなWordPressテーマです。

WordPressテーマ「AFFINGER 5」をチェック

  • この記事を書いた人
  • 最新記事

まきし

2014年よりWebサイト「Apple Compass」を運営しています。 自動車メーカーに勤めながら大好きなApple製品を中心に記事を更新しています。レビューのご依頼や記事に関する質問はお問い合わせフォームまでお気軽に。

-WordPress
-, , ,