雑談 エスカレーターのような斜めのスライダー？！
WordPress標準ブロックとわずか70行ほどのCSSを活用し、スライド画像が歪まないように工夫を凝らしながらCSSのみで斜め方向の無限ループスライダーを実現した制作のポイントや感想について綴っています。
2025-08
雑談 
Cocoonカスタマイズ集 今月・来月のカレンダーを表示し、未来の投稿も新着情報に含める方法
「今月と来月のカレンダーを表示する方法」を解説。今月と来月のカレンダーを2つ並べて表示する方法や、未来の投稿を新着情報に反映し、今月・来月の投稿だけに絞り込む方法、イベントやスケジュールを分かりやすく表示する仕組みを分かりやすく紹介します。
Cocoonカスタマイズ集 投稿に独自ステータスを追加する方法
「WordPressで独自の投稿ステータスを追加する方法」を解説。Gutenbergでも利用できるメタボックスから「却下」などの独自ステータスを設定する方法や、クイック編集・一括編集への対応、ステータス変更時に投稿者へ自動でメール通知する仕組みを分かりやすく紹介します。
Cocoonカスタマイズ集 キャッチフレーズを改行表示する方法
「Cocoonのキャッチフレーズを句読点で改行する方法」を解説。独自に設定したキャッチフレーズを句読点「。」で区切り、ヘッダー部分だけに改行を追加して表示する方法や、title・metaなど他の出力部分には影響させずに見た目を整える仕組みを分かりやすく紹介します。
Cocoonカスタマイズ集 「コード」ブロックに独自に行番号を追加する方法
「Cocoonのコードブロックに行番号を追加する方法」を解説。Cocoon設定に依存せず「コード」ブロックへ行番号を表示する方法や、99行を超えるコードにも対応する仕組み、CSSプロパティを使って任意の行番号から開始する方法を分かりやすく紹介します。
Cocoonカスタマイズ集 ログインユーザーのみCSS縮小化を無効にする方法
「CocoonのCSS縮小化をログインユーザーだけオフにする方法」を解説。Cocoon設定の「CSSを縮小化する」をログインユーザーのみ自動的にオフにし、Chromeのデベロッパーツールから子テーマやスキンのCSSを直接編集して保存する方法を分かりやすく紹介します。