サイト型トップページの作り方を公開しています!Check

ブログカスタマイズ

テーマ共通

WordPressパターン機能でラクラク時短!再利用ブロックの使い方と同期・非同期の違い

WordPressの「パターン」機能、使ったことはありますか?これは、特定のブロックやブロックグループを登録して他の投稿やページでも簡単に再利用できる便利な機能...
テーマ共通

箇条書きリストデザイン|CSSで点の色を変える3つの方法

2025.9.22 掲載コードを変更しました。箇条書き(番号なしリスト)では、先頭に「・」のような黒い点(マーカー)が表示されます。このマーカーを自分好みにカス...
CSSの基礎

CSSで中央寄せする方法まとめ|テキスト・画像・バナー・ボックスを真ん中に配置

中央に揃えるというレイアウトは、Webデザインで最もよく使う基本テクニックのひとつ。ただし、要素の種類(テキスト・画像・ブロック要素)や揃え方(横だけ・縦横両方...
Cocoon

【Cocoon】WordPressのカラーパレットを自由に変更・追加する方法

WordPressのブロックエディタ(Gutenberg)では、文字色や背景色の変更に便利な「カラーパレット」が用意されています。しかし、標準で用意されている色...
テーマ共通

CSSでなめらかに点滅させる方法(コピペOK)

要素を「点滅」させるアニメーションは、注意を引きたいときセールやキャンペーンの強調警告や注意メッセージの表示などに効果的です。この記事では、「ゆっくり、なめらか...
テーマ共通

CSS・SVGで作る境界線と背景デザイン|波、三角形、斜めラインを使ったおしゃれな装飾テクニック

Webデザインでは、ちょっとした工夫で見た目の印象を大きく変えることができます。その中でもおすすめなのが「境界線」や「背景スタイル」のデザイン。線や背景にアクセ...
Cocoon

Cocoon|テーブル(表)に記号○△✕を表示するカスタマイズ

お知らせこのカスタマイズはCocoon 2.7.1以降標準機能として実装されました。そのため、この記事の内容は基本的に不要ですが備忘録として公開しておきます。【...
Cocoon

【Cocoon】ボタンやキャプションの文字を変更|『新着記事』『もっと見る』『次ページ』のカスタマイズ

WordPressの人気無料テーマ「Cocoon」を使っていると、「新着記事」「もっと見る」「次のページ」などのボタンやキャプションのテキストを自分好みに変更し...
Cocoon

Cocoonサイドバー目次を固定して垂直スクロールバーを設置する方法

Cocoonでサイドバーの目次追従したときに見切れてしまうときの対策をご紹介。
Cocoon

Cocoonテーブル(表)の中にリンクボタンを置く方法|簡単・視認性アップでクリック率も向上

比較表・料金表・アフィリエイト表などを、もっと見やすく・わかりやすくしたい!そんなときに便利なのが「表の中にリンクボタンを設置する方法」です。WordPress...
スポンサーリンク