![](https://overseastravel-english-mile.com/wp-content/uploads/2022/03/D5698893-F036-45E2-BE00-8E2333434FAD-150x150.jpeg)
そろそろ記事が増えてきたから、検索窓を設定したいなあー!でも、どうすればいいか知りたいな!
✅この記事の内容
- WordPressのCocoon の検索窓の設定方法
✅この記事を書いているのは?
![](https://overseastravel-english-mile.com/wp-content/uploads/2022/02/732347DB-3821-4427-B341-45D3E102655A-150x150.jpeg)
のんおんです。平凡なOLの私が、英会話についてブログを書きたくてWordpress を始めました!
この記事は、
✅Cocoonユーザの方
✅ブログ初心者の方
✅検索窓の設定方法が知りたい方
向けです。
>>ブログは何を書けばいい?【 Cocoon 】の使い方のまとめ!簡単なブログ書き方
✅おすすめアフィリエイトサイトはこちら
【 Cocoon】簡単な使い方!ブログ内の検索窓を設定する方法!
Cocoon についてはインターネット検索をすれば、わいひらさんを始め、色々な方々ブログに書いて、みんなに発信して下さっています。
ですが、私みたいな素人には理解しづらい内容もあり、私はなるべくわかりやすく書いて頂いている方の記事を探します。
なので、私はみなさんがわかりやすい記事を書きたいと思います!
もうアフィリエイトサイトは登録済みですか?まだの方はこちらの記事にまとめました。
というわけで、Cocoonの検索窓の設定方法について調べました!実は自分も検索窓を使いたかったというのもあります!
検索窓とは?
![](https://overseastravel-english-mile.com/wp-content/uploads/2021/09/ED6D1A04-ECE0-4509-A11A-F77AF5551E58-738x1024.jpeg)
検索窓とは、上記のとおりブログ内の検索ができるものです。
記事が多くなってきたら、設定されることをおすすめします!とても便利です!
検索窓の設定方法
①まず↓のように外観→テーマエディターをクリックします。
![](https://overseastravel-english-mile.com/wp-content/uploads/2021/09/1EB4DC09-83D5-41C0-B64B-FA2808DD0E23-473x1024.jpeg)
②下記のコードをコピーします。
必ず元のデータはメモ帳に貼るなどして、バックアップしておきましょう。
コピーしたコードをcocoon Childのスタイルシート(style.css)にペーストします。
そして保存を押してください。
これだけでOKです!
//ヘッダーロゴの下に出力をする//
add_filter('wp_header_logo_after_open', 'add_header_contents');
function add_header_contents() {
dynamic_sidebar('add-header-contents');
}
// アナウンス枠エリアウィジェット//
if (function_exists('register_sidebar')) {
register_sidebar(array(
'name' => 'ヘッダー領域追加コンテンツ',
'id' => 'add-header-contents',
'description' => 'ヘッダー領域に追加コンテンツを表示するウィジェットです。',
'before_widget' => '<div class="add-header-contents">',
'after_widget' => '</div>',
));
}
まとめ
![](https://overseastravel-english-mile.com/wp-content/uploads/2022/02/86367774-65D1-4F54-BA4C-E2236783137B.jpeg)
この記事は無料テーマのCocoonで検索窓を設定する方法について説明しました。無料でもカスタマイズできます!どんどん使って、見やすいようにチェンジしていきましょう!
関連記事:【初心者向け】ブログを数回投稿した次のステップ!3つの登録すべきサイトはこちらです。
✅おすすめアフィリエイトサイトはこちら
>>【Cocoon】の使い方!ブログの簡単な書き方の手順とは?ルーティーン化して漏れのないようにしましょう!初心者の方向けです。
初心者のマーケティングの勉強におすすめ>>
Cocoonでも検索上位は取れます!詳しくはこちらの記事をどうぞ!
>>WordPress【Cocoon】SEO対策の方法。無料テーマでも検索上位は取れる