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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Cocoon目次が見切れる原因と解決方法|サイドバー追従目次をスクロール対応にするCSS

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

WordPressブログの始め方と初期設定|Cocoonで安全に運営する完全ガイド

WordPressを始めたばかりの初心者必見!後悔しないための初期設定を優先度別に解説。サーバー選びからSEO対策まで、最初に整えておきたいポイントをまとめました。
Webカスタマイズ

WordPressでスクロールでふわっと表示する方法|CSS+IntersectionObserver実装(プラグインなし)

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

WordPress「追加CSSクラス」使い方|特定ブロックだけデザインを簡単に変更する方法

WordPressのブロックエディタで、特定のブロックだけにデザインを追加したいときに便利なのが「追加CSSクラス」です。初心者でも簡単に文字色や背景色、アニメ...
カスタマイズの基本

CSS変数(カスタムプロパティ)の使い方|varと:rootの基本・スコープ・フォールバック・実践例まで解説

「色を変えたいだけなのに、何ヶ所も修正しないといけない…」そんなとき、CSS変数(カスタムプロパティ)を使えば、色や数値などの設定を一箇所にまとめて管理できます...
カスタマイズの基本

CSSが効かない・反映されない原因と対策まとめ|デベロッパー(検証)ツールで簡単チェック

CSSが反映されない原因を詳しく解説!デベロッパーツールの活用方法から優先度やキャッシュの影響、エラーチェック方法まで、初心者にも分かりやすい解決策をまとめました。
サイト設定

WordPressパーマリンク|途中で変更できる?投稿名にする方法、リダイレクト設定と注意点

パーマリンクに日付が入っていて、途中から「投稿名」に変更しても大丈夫なのか不安になりますよね。WordPressのパーマリンクは運営途中から変更することもありま...
スポンサーリンク