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

ブログ
スポンサーリンク
のんおん
のんおん

そろそろ記事が増えてきたから、検索窓を設定したいなあー!

というわけで、Cocoonの検索窓の設定方法について調べました!

実は自分も検索窓を使いたかったというのもあります!

この記事は、

✔️Cocoonユーザの方

✔️ブログ初心者の方

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

向けです

Cocoon についてはインターネット検索をすれば、わいひらさんを始め、色々な方々ブログに書いて、みんなに発信して下さっていますが、素人には理解しづらい内容もあり、私はなるべくわかりやすく書いて頂いている方の記事を探します。

なので、私もわかりやすい記事を書きたいと思います。

もうアフィリエイトサイトは登録済みですか?

まだの方はこちらから

おすすめアフィリエイトサイト

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

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

バリューコマース

 

【ブログの収益化】おすすめアフィリエイトサイトは3つです!まず、登録しましょう。

検索窓とは?

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

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

検索窓の設定方法

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

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

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

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

まとめ

無料テーマのCocoonですが、色々カスタマイズできます!どんどん使って、見やすいようにチェンジしていきましょう!

関連記事:【初心者向け】ブログを数回投稿した次のステップ!3つの登録すべきサイトはこちらです。

おすすめアフィリエイトサイト

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

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

バリューコマース

 

 

Cocoonカスタマイズ

記事にまとめていますので、チェックしてみてください!

関連記事:【Cocoon】の使い方!ブログの簡単な書き方の手順とは?ルーティーン化して漏れのないようにしましょう!初心者の方向けです。

タイトルとURLをコピーしました