WordPress【 Cocoon 】簡単な使い方！ブログ内の検索窓を設定する方法！【副業ブログ】

Blog

2023.09.172021.09.17

そろそろ記事が増えてきたから、検索窓を設定したいなあー！でも、どうすればいいか知りたいな！

✅この記事の内容

WordPressのCocoon の検索窓の設定方法

✅この記事を書いているのは？

のんおんです。平凡なOLの私が、英会話についてブログを書きたくてWordpress を始めました！

この記事は、

✅Cocoonユーザの方

✅ブログ初心者の方

✅検索窓の設定方法が知りたい方

向けです。

>>ブログは何を書けばいい？【 Cocoon 】の使い方のまとめ！簡単なブログ書き方

✅おすすめアフィリエイトサイトはこちら

>>A8.netの申し込みページはこちら

>>もしもアフィリエイトトップへのリンク

>>バリューコマース

【 Cocoon】簡単な使い方！ブログ内の検索窓を設定する方法！
1. 検索窓とは？
2. 検索窓の設定方法
まとめ

【 Cocoon】簡単な使い方！ブログ内の検索窓を設定する方法！

Cocoon についてはインターネット検索をすれば、わいひらさんを始め、色々な方々ブログに書いて、みんなに発信して下さっています。

ですが、私みたいな素人には理解しづらい内容もあり、私はなるべくわかりやすく書いて頂いている方の記事を探します。

なので、私はみなさんがわかりやすい記事を書きたいと思います！

もうアフィリエイトサイトは登録済みですか？まだの方はこちらの記事にまとめました。

>>A8.netの申し込みページはこちら

>>もしもアフィリエイトトップへのリンク

>>バリューコマース

【Cocoonでブログの収益化】初心者におすすめアフィリエイトサイト3選！

というわけで、Cocoonの検索窓の設定方法について調べました！実は自分も検索窓を使いたかったというのもあります！

検索窓とは？

検索窓とは、上記のとおりブログ内の検索ができるものです。

記事が多くなってきたら、設定されることをおすすめします！とても便利です！

検索窓の設定方法

①まず↓のように外観→テーマエディターをクリックします。

②下記のコードをコピーします。

必ず元のデータはメモ帳に貼るなどして、バックアップしておきましょう。

コピーしたコードを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>',
    ));
}