Cocoon 超簡単！Cocoonのブロック機能でサイト型トップページを作る方法
Cocoonを使ってオリジナルのトップページを作りたいけど、どこから手を付けたらいいかわからない……そんな方に向けて、WordPressテーマ「Cocoon」とブロックエディタ（Gutenberg）を活用した、サイト型トップページの作成手順...
Cocoon 
設定 エックスサーバー｜サブドメイン設定で２つめのブログ（複数サイト）を作る方法
もうひとつブログを作りたいな～ブログを運営してしばらくすると、別のジャンルに方向転換したい、雑記ブログだけど伸びているジャンルを特化して別サイトに独立させたいなどなど...新しく別サイトを作りたいと思うことがあるのではないでしょうか。選択肢...
アフィリエイト Pochipp Pro（ポチッププロ）｜無料版との違い・価格・導入手順まで詳しく紹介
アフィリエイトリンクを簡単・おしゃれに表示できる人気プラグイン、ポチップ。Pochipp Proにアップグレードすると、無料版では使えないセール情報の自動取得やAmazon口コミリンク表示など、ブログ収益を伸ばす機能が利用可能に！さらに、ク...
アフィリエイト ポチップ対応ASP一覧と選び方・設定方法｜Amazon・楽天・Yahoo提携できるサービスを比較
商品リンクをまとめて表示できる「ポチップ」は、アフィリエイト初心者にも大人気。この記事では、ポチップに対応した主要ASP（Amazonアソシエイト・楽天アフィリエイト・バリューコマース・もしもアフィリエイト）の違いや選び方、さらにポチップで...
アフィリエイト ポチップの使い方と機能まとめ｜商品リンク・セール表示・インラインの活用法を解説
ポチップは、Amazon・楽天市場・Yahoo!の商品リンクはもちろん、メルカリやカスタムリンクまで自由に追加できる物販アフィリエイトに特化したプラグインです。デザインや機能を思いのままにカスタマイズでき、編集画面内で直感的にリンクを作れる...
Cocoon Cocoonサイドバー目次を固定して垂直スクロールバーを設置する方法
Cocoonでサイドバーの目次追従したときに見切れてしまうときの対策をご紹介。
Cocoon Cocoonでフルワイド化｜画面いっぱいに幅を広げる＋セクション背景色をつけるカスタマイズ
WordPressテーマ「Cocoon」はシンプルで扱いやすい反面、画面いっぱいに広がる“フルワイドデザイン”を実現するには少し工夫が必要です。「もっとおしゃれなサイトにしたい」「SWELLのような幅いっぱいのトップページをCocoonでも...
Cocoon Cocoonで作るサイト型トップページ｜オシャレなSWELL風（HTML、CSS使用）
「Cocoonでブログを運営しているけれど、トップページを“サイトっぽく”見せたい」──そんな方に向けて、固定ページ＋HTML＋CSSを活用した「サイト型トップページ」の作成方法を丁寧に解説します。この記事では、コードをそのままコピペできる...
テーマ共通 CSSでテキストリンクをおしゃれに｜ボタン風に装飾する方法
この記事では、WordPressのブロックエディタを使用して、テキストリンクをスタイリッシュに装飾する手順を解説します。CSSを活用することで統一感のあるリンクデザインを簡単に作成可能です。WordPressにはテーマによってボタンを作る機...
テーマ共通 【重要】CSSやPHPファイルのバックアップ方法｜安全にカスタマイズするための4つの手段＋サーバー活用術
CSSを編集してサイトのデザインをカスタマイズしたいけど「もし失敗したらどうしよう…」と不安に感じることがあるかと思います。ほんの少しのCSS編集でも、事前にバックアップを取っておくことでトラブルへの備えができ、安心して作業を進めることがで...
Cocoon Cocoon新着記事・人気記事・ナビカード対応｜カラム数をワンクリックで変更する方法（横並び）
Cocoonテーマでは、ブロック機能を使えば簡単に「新着記事」「人気記事」「ナビカード」を表示でき、特にトップページ作成においてとても便利な機能です。ただし、以下のような悩みを持つ方も多いのではないでしょうか？記事カードを横並び（カラム形式...
テーマ共通 CSSで実装！複数画像を切り替えるアニメーションの作り方
トップページのメインビジュアルに、画像スライダーやカルーセルなど複数の画像を切り替えるアニメーションがあると、ぱっと目を引くことができて華やかです。通常、これらのアニメーションはJavaScriptを使って実装されますが、フェードイン・アウ...
Cocoon Cocoonナビカードの使い方｜目立たせたい記事をピックアップ表示する方法、リボンのカスタマイズ
Cocoonテーマには、特定の記事やコンテンツを目立たせたいときに便利な『ナビカード』機能が標準搭載されています。ピックアップしたい記事を表示できるだけでなく、リボンの装飾や表示形式の選択など自由度の高いカスタマイズも可能です。新着記事や人...
アフィリエイト ポチップ｜Amazonで商品検索する方法まとめ
ポチップを使う場合、Amazonアソシエイトの審査に合格しているかどうかで検索方法が変わってきます。この記事では、Amazonの商品検索に焦点を当て、状況に応じた3つの方法を初心者の方にもわかりやすくまとめました。ご自身のステップに合った検...
テーマ共通 もう迷わない！バナーなどの要素を上下左右中央寄せにする方法｜CSS使用
「なんだか見た目がしっくりこない…」そんな時は“中央寄せ”がカギになるかもしれません。ウェブデザインでは、バナーや見出しといった要素をどこに配置するかで全体の印象が大きく変わります。特に中央に配置することで、視線を自然に集めデザインにまとま...
テーマ共通 同じページ内にジャンプ！HTMLを利用したアンカーリンクの設定方法
この記事では、アンカーリンクの設定方法と効果的な使い方について解説します。アンカーリンクはページ内の特定の位置や他のページの特定の場所に直接ジャンプするリンクのことです。ユーザーが目的の情報に素早くアクセスできるため、長いページやナビゲーシ...
Cocoon Cocoonカスタマイズの基本｜HTML・CSSの編集方法
WordPressのカスタマイズは、サイトの見た目や使いやすさをぐっと向上させてくれます。特にHTMLやCSSを編集することで、細かなデザイン調整やレイアウトの変更も可能に。でも、「どこに書いたらいいの？」と不安になる方も多いはず。この記事...
Cocoon Cocoonアピールエリアに検索窓を設置する方法【ショートコードで簡単対応】
Cocoonテーマの「アピールエリア」、うまく活用できていますか？「もっと目立たせたい要素がある」「回遊率を上げたい」――そんなときに便利なのが、検索フォームの設置です。この記事では、Cocoonのアピールエリアに検索フォームを簡単に表示さ...
Cocoon Cocoonボックスメニューのカラム数を自由に変更！2〜6列対応のカスタマイズ方法
WordPressの無料人気テーマ「Cocoon（コクーン）」には、サイト内の導線設計に便利な「ボックスメニュー」という機能があります。見た目もシンプルで、アイコン付きのメニューをブロック形式で直感的に配置できるため、多くのユーザーが活用し...
テーマ共通 【コピペOK】おしゃれなボックスデザイン！ブログを彩るCSS囲み枠集
ブログで使えるボックスデザイン（囲み枠）を厳選してご紹介します。コードはコピペ対応で簡単！！