トム

Cocoon

Cocoonの検索ボックスのカスタマイズ

WordPressテーマのCocoonに存在する検索ボックスのカスタマイズを紹介します。検索ボックス自体のデザインや検索ボタンの配置のレイアウトなどを変えたいときに参考になるかと思います。
JavaScript

マウスホイールで左右のスクロールを動かせるようにするJavaScriptの作り方

水平方向にスクロールする要素をスクロールバーを掴まずマウスのホイールで動かせるようにするJavaScriptの紹介です。横に並べてスクロールする要素を作ったけどスクロールバーで動かすのは面倒だと感じたる人におすすめのカスタマイズです。
Cocoon

Cocoonの関連記事をスクロール化するカスタマイズ

WordPressテーマのCocoonの関連記事をスクロール表示にするカスタマイズの紹介です。CSSコードのみでカスタマイズ可能、どんな表示数にも柔軟に対応した作りとなっています。スマホからでも見やすく、また関連記事カードもスクロールがわかりやすいデザインとなっています。
スポンサーリンク
CSS

「overflow: scroll」要素の内部の右側のmarginを空ける方法

overflowで表示するスクロール要素内部の最後のコンテンツの右側の間隔を空ける方法を紹介します。marginが効かず困っている人におすすめの記事です。また、正しく行っているはずなのにうまくいかないときの原因も説明しています。
CSS

CSSのoverflowプロパティの値「auto」の使い方と使いどころ

CSSのoverflowプロパティの値のひとつであるautoについて紹介している記事です。使いかたと書きかた、そして使いどころについても説明しています。
CSS

「display: flex;」内の複数の要素を横にはみ出させる方法

「display: flex;」内に存在する複数の要素を横並びではみ出させる方法を紹介します。スクロール表示のブロックを作りたいのに親要素からコンテンツがあふれてくれない問題を手っ取り早く解決します。
CSS

CSSの「calc()」が効いてないときに確認したいこと

CSSの関数「calc()」がうまく使えなくて困っているときに読んでほしい記事です。正しいはずなのにおかしい、利かないといったトラブルの解決方法を紹介しています。
Cocoon

Cocoonの目次のカスタマイズ

WordPressテーマのCocoonに用意されている目次のカスタマイズを解説します。デフォルトの設定やCSSコードの内容を解説し、コピペで簡単にカスタマイズする方法をご紹介。
全般

山積するリビジョンを整理する方法

WordPressに溜まったリビジョンを削除し、生成されるリビジョンの制限やオートセーブの間隔、リビジョンの無効化などの方法を解説する記事です。