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

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

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

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

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

ポチップ対応ASPはどれがいい?初心者〜中級者向けおすすめ比較と選び方【設定方法まで解説】

更新日:2026年2月19日※PA-API条件変更(2025年11月)対応済み物販アフィリエイトを始めると、まず迷うのが「ポチップはどのASPと組み合わせるべき...
アフィリエイト

ポチップの使い方まとめガイド|導入・ASP・Amazon設定・Pro・もしも比較まで解説

ポチップは、Amazon・楽天・Yahooなどの商品リンクを簡単に作成できるWordPressプラグインです。とはいえ、ポチップって何ができるの?ASPやAma...
アフィリエイト

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

ポチップは、Amazon・楽天・Yahooなどの商品リンクをおしゃれに作成できるWordPressプラグインです。しかし実際に使い始めると、商品リンクはどうやっ...
アフィリエイト

ポチップとかんたんリンク(もしも)比較|どっちがいい?違い・収益性・おすすめを解説

Amazonや楽天の商品をブログで紹介したいとき、「ポチップともしも、結局どっちがいいの?」と悩んでいる方へ。結論から言うと、 手軽さ重視なら「もしもアフィリエ...
アフィリエイト

ポチップでAmazon商品リンクを作る方法|PA-API・Assist・もしも対応の違いと設定手順

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

Pochipp Pro(ポチッププロ)は必要?無料版との違い・料金・導入手順を徹底解説

アフィリエイト収益を効率よく伸ばしたい方にとって、Pochipp Pro(ポチッププロ)は便利な商品リンク強化プラグインです。無料版でもおしゃれな商品リンクは作...
サイト設定

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

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

タブ切り替えをHTMLとCSSで実装(JavaScriptなし)

通常タブ切り替えはJavaScriptを使って実装するケースが多いですが、実は CSSだけ でも作れます。この記事では、:checked 疑似クラスや :has...
Webカスタマイズ

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

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

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

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

見出しデザインをおしゃれにカスタマイズ【Cocoon対応・CSSサンプル付き】

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

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

Webデザインでは、ちょっとした工夫で見た目の印象が変わります。その中でもおすすめなのが「境界線」や「背景スタイル」のデザイン。線や背景にアクセントを入れるだけ...
Webカスタマイズ

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

ブログで使えるボックスデザイン(囲み枠)を厳選してご紹介します。コードはコピペ対応で簡単!!
Cocoonカスタマイズ

Cocoonでフルワイド(幅いっぱい)にする方法|全幅表示+背景デザインの作り方

背景が端まで広がらない余白が消えない横スクロールが出てしまうCocoonでフルワイド(全幅)デザインを作ろうとすると、このあたりでつまずく方が非常に多いです。設...
Cocoonカスタマイズ

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

更新情報(2026/02/05)レイアウト、スクロール矢印のCSSを修正デモページ公開Cocoonの「アピールエリア」はサイトの第一印象を決める重要なパーツ。こ...
サイト設定

【Cocoon】OGP設定方法|SNSシェア画像を変更する手順と反映されない対処法

SNSでサイトや記事をシェアしたときにOGP画像を表示する方法をご紹介します。意外と設定していないデフォルトの方が多いのでは?イメージを伝えて読者に訪れてもらえるようなサイトにしましょう。
Cocoonカスタマイズ

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

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

Cocoon『もっと見る』『次のページ』『新着記事』のテキスト変更カスタマイズ

Cocoonを使っていると、「もっと見る」「次のページ」「新着記事」などの表記が、サイトの雰囲気に合わないと感じることがあります。英語表記にしたいクリックを促し...
スポンサーリンク