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

Cocoon見出しボックスをカスタマイズ|リストマーカー(点)の自動配色とデザイン切り替え実装

Cocoonの「見出しボックス」をもっとおしゃれに、もっと便利にカスタマイズしたい方へ。この記事では、ボックス内のリストマーカー(点)の色をボーダー色と自動で揃...
Cocoon

Cocoonタイムライン(ステップブロック)おしゃれ化カスタマイズ|最大6種類のデザイン切り替え

Cocoonの「タイムライン」ブロックは、手順解説や申し込みフローの表示にぴったりな便利機能です。しかし、デフォルトのままだと「見た目がシンプルすぎる」「ブロッ...
Cocoon

Cocoon通知エリア|スライド表示(流れる文字)&ボタン追加でアピールする方法

Cocoonの「通知エリア」は、サイト全体にメッセージを表示したり特定のページへ誘導したりできる便利な機能です。ただし、デフォルトデザインはとてもシンプル。キャ...
Cocoon

Cocoonアコーディオン(トグル)をカスタマイズ!10種類のデザインでスッキリ魅せる

WordPressテーマ「Cocoon」のアコーディオン、使っていますか?情報量が多いページでも、クリックひとつで内容を折りたためるとても便利なブロックです。た...
Cocoon

Cocoonラベルボックスをシンプル&おしゃれにカスタマイズ!使い方・デザイン例・CSSコードまとめ

Cocoonの「ラベルボックス」は、注意書きや補足情報をシンプルに強調できる便利な装飾ブロックです。一方で、余白の窮屈さが気になるラベルの後ろに線が少し残ってし...
Cocoon

【Cocoon】白抜きボックスをワンクリックで切り替え!15種デザイン拡張カスタマイズ

Cocoonには「段落ブロック」など便利な装飾スタイルがありますが、リストや画像など複数のブロック要素を入れられないため、記事の表現や運用の自由度に不便を感じる...
テーマ共通

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

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

Cocoonナビカードの設定と使い方|記事ピックアップ・レイアウト調整・リボンカスタマイズ

Cocoonテーマには、特定の記事を目立たせたいときに便利な 「ナビカード」 機能が標準で搭載されています。新着記事や人気記事のような自動表示とは違い、「読んで...
Cocoon

Cocoonで全幅(フルワイド)デザイン!幅いっぱいにする仕組みとおしゃれに仕上げるポイントを解説

Cocoonでも、有料テーマSWELLのようなフルワイド(全幅)デザインは再現できます。「SWELLのように幅いっぱいに表示したい」「でもCocoonだと余白調...
Cocoon

Cocoonアピールエリア|画面いっぱいのフルスクリーン+スクロール矢印・ズーム演出するカスタマイズ

Cocoonの「アピールエリア」はサイトの第一印象を決める重要なパーツ。ここを整えるだけでトップページの見栄え・ブランド感・読者の滞在率が大きく変わります。この...
アフィリエイト

Pochipp Pro(ポチッププロ)|無料版との違い・価格・導入手順を詳しく紹介

アフィリエイト収益を効率よく伸ばしたい方にとって、Pochipp Pro(ポチッププロ)は非常に相性の良いプラグインです。無料版でもおしゃれな商品リンクを簡単に...
テーマ共通

スクロールアニメーションの作り方|CSSとIntersectionObserver(交差監視)でふわっと表示

Webサイトでよく見かける、スクロールに合わせて要素がふわっと表示されるフェードインやスライドアニメーション。「自分のサイトでも導入したいけど難しそう…」と思う...
サイト設定

Googleアドセンス審査用コードの貼り方|WordPress・Cocoon対応ガイド

Googleアドセンスに申請するときには、審査用のコードを自分のサイトの <head> 内に貼り付ける必要があります。このコードを正しく設置できないと審査が始ま...
Cocoon

Cocoonブログカードの表示要素を編集画面で切替|クリック率が上がる12スタイル(コピペOK)

更新情報2026/1/7 テキストリンクスタイル:アイコン・フォントの微調整2025/12/20 縦型スタイルを1種類追加、掲載コードを全修正Cocoonのブロ...
Cocoon

Cocoonサイト型トップページの作り方|シンプル&おしゃれデザイン【HTML・CSSコピペOK】

トップページの第一印象が平凡で、他サイトと似てしまう……そんなお悩みありませんか?この記事では、Cocoonの固定ページとHTML・CSSで作る「サイト型トップ...
サイト設定

エックスサーバー|サブドメイン設定で2つめのブログ(複数サイト)を作る方法

もうひとつブログを作りたいな~と思うことはありませんか?今のブログとは別のジャンルに挑戦したいときや、雑記ブログから人気のジャンルだけを切り分けたいときなど、運...
アフィリエイト

ポチップの使い方と機能まとめ|商品リンク・セール表示・インラインの活用法を解説

ポチップは、Amazon・楽天市場・Yahoo!に加えて、メルカリやカスタムリンクもまとめて扱える物販アフィリエイト向けプラグインです。「商品リンクの作り方が分...
CSSの基礎

CSS・PHP・JavaScriptのバックアップ方法まとめ|WordPressカスタマイズ前に必須!

WordPressを使っていると、デザイン調整や機能追加のために CSS・PHP・JavaScriptを少しだけ編集したくなる瞬間はよくあります。「余白を調整し...
テーマ共通

【コピペOK】おしゃれなボックスデザイン!ブログを彩るCSS囲み枠集

ブログで使えるボックスデザイン(囲み枠)を厳選してご紹介します。コードはコピペ対応で簡単!!
アフィリエイト

【ポチップ対応】物販ASPの選び方・設定方法|Amazon・楽天・Yahoo提携サービス比較

見出し2025.11.28_PA-API(Amazon)利用についての内容を一部更新しました。アフィリエイトを始めたときにまず迷うのが、「どのASP(アフィリエ...
スポンサーリンク