Cocoon Cocoon「タブ見出しボックス」を自由にデザイン｜コピペで使えるカスタムスタイル8種
更新情報2026/02/15 見出しテキストの省略処理、CSS微修正WordPressテーマ「Cocoon」のタブ見出しボックスは、記事内で見出しやコンテンツを...
Cocoon 
CSSの基礎 CSSで中央寄せする方法まとめ｜テキスト・画像・バナー・ボックスを迷わず真ん中に配置
中央に揃えるというレイアウトは、Webデザインで最もよく使う基本テクニックのひとつ。ただし、要素の種類（テキスト・画像・ブロック要素）や揃え方（横だけ・縦横両方...
サイト設定 ブログ初心者必見！Googleアドセンス審査に通る条件と合格のコツ
Googleアドセンスの仕組みと審査合格のポイントを解説。必要な準備や注意点、不合格時の対処法もまとめています。
Cocoon Cocoonナビカードの設定と使い方｜記事ピックアップ・レイアウト調整・リボンカスタマイズ
Cocoonで特定の記事をピックアップ表示する方法は主に2つあります。new_list（ordered_posts）で記事カード表示する方法ナビカードでカード型...
Cocoon Cocoonブログカードの表示要素を編集画面で切替｜クリック率が上がる12スタイル（コピペOK）
更新情報2026/02/01 カードの余白調整2025/12/20 縦型スタイルを1種類追加、掲載コードを全修正記事内リンクとしてよく使うCocoonのブログカ...
Cocoon Cocoonサイト型トップページの作り方｜シンプル＆おしゃれデザイン【HTML・CSSコピペOK】
2026/02/15更新リンクボタンのスタイルを修正しました。トップページの第一印象が平凡で、他サイトと似てしまう……ある程度記事が増えてくると、そう感じる人は...
CSSの基礎 CSSアニメーションの基本と使い方【初心者向け】@keyframes・実例・軽くするコツ
Webサイトに動きを加えたいなら、まず覚えておきたいのが CSSアニメーション（@keyframes と animation） です。この2つを理解すれば、Ja...
テーマ共通 動きで魅せる！ホバーアニメーションボタン・おしゃれな矢印リンク＆下線スライド（CSS付き）
他のサイトで見かける「このリンクデザインおしゃれ！」や「ボタンの動きがいいな」といった演出。どうやって作られているの？実は、CSSだけで簡単に再現できるデザイン...
Cocoon Cocoon新着・人気記事・ナビカードを横並び表示｜カラム数をワンクリックで切替
Cocoonの新着記事・人気記事・ナビカードを横並びに表示する方法を解説。PC3列・スマホ2列などカラム数もワンクリックで切り替え可能。コピペで簡単導入できます。
CSSの基礎 【CSS】transitionの使い方｜hoverアニメーション・主要プロパティ一覧・動かない原因まで解説
更新情報2026/2/15 transition｜実用サンプル集を追加しました。（計７種類）サイトにほんの少し動きを加えるだけで、UIの印象や操作感が変わります...
Cocoon 超簡単！Cocoonブロック機能でサイト型トップページを作る方法｜コード最小限・初心者向け
Cocoonでオリジナルのトップページを作りたいけど、どこから始めればいいの？そんなふうに迷っている方も多いですよね。そこでこの記事では、WordPressテー...
Cocoon Cocoon通知エリアのカスタマイズ方法｜流れる文字（スライド表示）とボタン追加
Cocoon通知エリアをカスタマイズすると、視線導線を活かしてクリック率を底上げできます。重要なお知らせを確実に見せたいキャンペーン導線を強化したいデザインをワ...
サイト設定 エックスサーバー｜サブドメイン設定で２つめのブログ（複数サイト）を作る方法
ブログを運営していると、「もうひとつ作りたい」と思う瞬間が出てくるはず。別ジャンルに挑戦したいときや、雑記ブログから伸びているテーマだけを切り分けたいときなど、...
Cocoon Cocoonタイムライン（ステップ）ブロックをおしゃれにカスタマイズ｜6種類のデザイン切替
Cocoonの「タイムライン」ブロックは、手順解説や申し込みフローなどの時系列表示にぴったりな便利機能です。しかし、デフォルトのままだと「見た目がシンプル」「ブ...
テーマ共通 CSSコピペOK！見出しをカスタマイズ｜おしゃれデザインサンプル集【Cocoon対応】
更新情報2026/02/08 _ 一部CSSを微調整しました見出しデザインを変えるだけで、記事の読みやすさや視認性は大きく変わりサイト全体の印象もアップします。...
アフィリエイト 【ポチップ対応】物販ASPの選び方・設定方法｜Amazon・楽天・Yahoo提携サービス比較
2025.11.28_PA-API（Amazon）利用についての内容を一部更新しました。物販アフィリエイトを始めたときにまず迷うのが、「どのASP（アフィリエイ...
テーマ共通 【コピペOK】おしゃれなボックスデザイン！ブログを彩るCSS囲み枠集
ブログで使えるボックスデザイン（囲み枠）を厳選してご紹介します。コードはコピペ対応で簡単！！
テーマ共通 スクロールアニメーションの作り方｜CSSとIntersectionObserver（交差監視）でふわっと表示
Webサイトでよく見かける、スクロールに合わせて要素がふわっと表示されるフェードインやスライドアニメーション。「自分のサイトでも導入したいけど難しそう…」と思う...
テーマ共通 CSSでなめらかに点滅させる方法（コピペＯＫ）
要素を「点滅」させるアニメーションは、注意を引きたいときセールやキャンペーンの強調警告や注意メッセージの表示などに効果的です。この記事では、「ゆっくり、なめらか...
Cocoon 【Cocoon】SNSでURLをシェアしたときの画像、ちゃんと設定できてる？OGP設定方法
SNSでサイトや記事をシェアしたときにOGP画像を表示する方法をご紹介します。意外と設定していないデフォルトの方が多いのでは？イメージを伝えて読者に訪れてもらえるようなサイトにしましょう。