Cocoon Cocoonのカテゴリーウィジェットのカスタマイズ
WordPressテーマのCocoonで使用できるカテゴリーウィジェットのデザインをより良くするカスタマイズを紹介しています。コピペで簡単に、style.cssにCSSコードを軽く付け加えるだけで行うことができます。
カスタマイズ
Cocoon 
全般 サイト内検索のとき「タイトル」のみで探すようにするカスタマイズ
WordPressでサイト内検索を行うとき、検索ワードを調べる範囲を記事タイトルに限定する方法を紹介しています。本文や抜粋まで拾われて検索した単語とは関係性が薄い記事が表示されることに困っている人にはおすすめのカスタマイズです。
全般 サイト内検索で濁音・半濁音アリナシの区別がつかない問題を解決する
WordPressのサイト内検索機能で、濁音や半濁音、大文字と小文字、ひらがなとカタカナの区別が付いていない問題を解決する方法を紹介しています。また、なぜ区別が付かないようになっているのかの理由も解説しています。
全般 空欄検索・スペース検索を無効化する方法
WordPressの検索フォームで空欄のまま、もしくは半角スペースだけで検索をかけた時に、検索結果にすべての記事が表示される現象を防ぐ方法を紹介します。また、全角スペースのみの検索にも対応する方法も併せて紹介しています。
全般 サイト内検索の結果から特定の記事を除外する方法
WordPressのサイト内検索の結果を制御する方法を紹介します。カテゴリ・タグ・個々の記事をそれぞれ除外したり、固定ページを結果に表示しない方法を解説しています。プラグイン要らず、PHPの簡単な編集で行えます。
Cocoon Cocoonの検索ボックスのカスタマイズ
WordPressテーマのCocoonに存在する検索ボックスのカスタマイズを紹介します。検索ボックス自体のデザインや検索ボタンの配置のレイアウトなどを変えたいときに参考になるかと思います。
JavaScript マウスホイールで左右のスクロールを動かせるようにするJavaScriptの作り方
水平方向にスクロールする要素をスクロールバーを掴まずマウスのホイールで動かせるようにするJavaScriptの紹介です。横に並べてスクロールする要素を作ったけどスクロールバーで動かすのは面倒だと感じたる人におすすめのカスタマイズです。
Cocoon Cocoonの関連記事をスクロール化するカスタマイズ
WordPressテーマのCocoonの関連記事をスクロール表示にするカスタマイズの紹介です。CSSコードのみでカスタマイズ可能、どんな表示数にも柔軟に対応した作りとなっています。スマホからでも見やすく、また関連記事カードもスクロールがわかりやすいデザインとなっています。
CSS 「overflow: scroll」要素の内部の右側のmarginを空ける方法
overflowで表示するスクロール要素内部の最後のコンテンツの右側の間隔を空ける方法を紹介します。marginが効かず困っている人におすすめの記事です。また、正しく行っているはずなのにうまくいかないときの原因も説明しています。