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

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

2026/02/15更新リンクボタンのスタイルを修正しました。Cocoonでサイト型トップページは作れる?結論から言うと、Cocoonでもサイト型トップページは...
アフィリエイト

ポチップでAmazon商品を検索する方法|PA-API・Pochipp Assist・もしもアフィリエイトの違いを比較

ポチップを使ってAmazonの商品を検索したいけれど、最初に戸惑いやすいのが「PA-APIって何?」「Assistって必要なの?」という点ではないでしょうか。結...
Cocoon

【Cocoon】CTAボックスの作り方と活用法|アフィリエイトリンクを効果的に配置

CocoonでCTAボックスを作りたいけれど、ボタンを複数設置したいレイアウトを自由に組みたいCSSでデザインを調整したいと感じる場面もあります。Cocoonに...
CSSの基礎

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

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

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

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

Cocoonアイコンボックスのカスタマイズ方法|デザイン切替・色変更も完全対応

更新情報(2026/02/17)ボックスやアイコンのカラーを固定値から変更し、すべてCSS変数で管理できる設計にリニューアルしました。こんなことが簡単にできるよ...
CSSの基礎

ChromeデベロッパーツールでCSSセレクタを調べる方法|初心者向けに解説【大事】

CSSでカスタマイズしてみたいけど、「どの要素を指定すればいいのかわからない…」「書いたCSSが思った通りに反映されない…」そんな経験はあると思います。実は、ほ...
Cocoon

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

ラベルボックスは便利ですが、デフォルトのままだと少し物足りなく感じることがあります。余白が窮屈ラベル後ろの線が気になるもっと見栄えをよくしたいそんなときは、CS...
Cocoon

【Cocoon】FAQブロックの質問を見出し(H3)に変更するカスタマイズ|SEO・可読性・回遊率UP

Cocoonの「FAQブロック」は、よくある質問を分かりやすく整理できる便利なブロックです。ただしデフォルトのままだと、質問文は見出しタグではなく通常のdiv要...
Cocoon

Cocoon人気記事ランキング|表示方法とラベルの色・スタイルを変更するカスタマイズ

更新情報2026/01/26 ラベルスタイル例に左上三角デザインを追加Cocoonテーマには独自のアクセス集計機能が搭載されており、そのデータを使って人気記事ラ...
Cocoon

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

Cocoonで特定の記事をピックアップ表示する方法は主に2つあります。new_list(ordered_posts)で記事カード表示する方法ナビカードでカード型...
テーマ共通

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

毎回、同じ装飾ボックスやCTAを手作業で作っていませんか?WordPressの「パターン」機能を使えば、よく使うブロックやレイアウトを登録して、他の投稿やページ...
Cocoon

Cocoonタイムライン(ステップ)ブロックをおしゃれにカスタマイズ|6種類をワンクリック切替【コピペOK】

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

カラム固定を解消!Cocoonボックスメニューの列数を2〜6列に自由変更【コピペOK】

Cocoonのボックスメニューは、アイコン付きのメニューを簡単に設置できる便利な機能。サイトの回遊性を高め、読者を目的のページへスムーズに導く効果があります。し...
Cocoon

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

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

ブログ初心者必見!Googleアドセンス審査に通る条件と合格のコツ

Googleアドセンスの仕組みと審査合格のポイントを解説。必要な準備や注意点、不合格時の対処法もまとめています。
テーマ共通

動きで魅せる!ホバーアニメーションボタン・おしゃれな矢印リンク&下線スライド(CSS付き)

他のサイトで見かける「このリンクデザインおしゃれ!」や「ボタンの動きがいいな」といった演出。どうやって作られているの?実は、CSSだけで簡単に再現できるデザイン...
Cocoon

Cocoon新着・人気記事・ナビカードを横並び表示|カラム数をワンクリックで切替

Cocoonの新着記事・人気記事・ナビカードを横並びに表示する方法を解説。PC3列・スマホ2列などカラム数もワンクリックで切り替え可能。コピペで簡単導入できます。
サイト設定

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

ブログを運営していると、「もうひとつ作りたい」と思う瞬間が出てくるはず。別ジャンルに挑戦したいときや、雑記ブログから伸びているテーマだけを切り分けたいときなど、...
テーマ共通

CSSコピペOK!見出しをカスタマイズ|おしゃれデザインサンプル集【Cocoon対応】

更新情報2026/02/08 _ 一部CSSを微調整しました見出しデザインを変えるだけで、記事の読みやすさや視認性は大きく変わりサイト全体の印象もアップします。...
スポンサーリンク