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

超簡単!Cocoonのブロック機能でサイト型トップページを作る方法

Cocoonを使ってオリジナルのトップページを作りたいけど、どこから手を付けたらいいかわからない……そんな方に向けて、WordPressテーマ「Cocoon」とブロックエディタ(Gutenberg)を活用した、サイト型トップページの作成手順...
Cocoon

Cocoonカスタマイズの基本|HTML・CSSの編集方法

WordPressのカスタマイズは、サイトの見た目や使いやすさをぐっと向上させてくれます。特にHTMLやCSSを編集することで、細かなデザイン調整やレイアウトの変更も可能に。でも、「どこに書いたらいいの?」と不安になる方も多いはず。この記事...
アフィリエイト

【初心者向け】アフィリエイトASPとは?仕組み・選び方・おすすめ5社を比較!

アフィリエイトで成果を出すためには自分に合ったASP(アフィリエイト・サービス・プロバイダー)を選ぶことが欠かせません。ASPによって扱っている案件や得意ジャンル、報酬の仕組みが異なるため、適切なASPを活用することで収益アップにつながりま...
Cocoon

Cocoonのブログカードを自分好みに!見た目を11パターンから切り替えできるCSS簡単カスタム

“必要な情報だけ、シンプルなデザインで”Cocoonのブログカードをもっと自由にカスタマイズしませんか。この記事でご紹介するカスタマイズは、シンプルで見やすい11種類のデザインを、サイドバーからクリック操作だけで切り替え可能。さらに、表示し...
テーマ共通

CSSバックアップの方法|安全にカスタマイズするための4つの手段+サーバー活用術

CSSを編集してサイトのデザインをカスタマイズしたいけど、「もし失敗したらどうしよう…」と不安に感じることがあるかと思います。実は、ほんの少しのCSS編集でも、事前にバックアップを取っておくことでトラブルへの備えができ、安心して作業を進める...
アフィリエイト

Pochipp(ポチップ)|Amazon商品検索方法まとめ

Pochipp(ポチップ)を使う場合、Amazonアソシエイトの審査に合格しているかどうかで検索方法が変わってきます。この記事では、初心者の方にもわかりやすく、状況に応じた3つのAmazon商品検索の方法をまとめました。ご自身のステップに合...
Cocoon

Cocoonボックスメニューのカラム数を自由に変更!2〜6列対応のカスタマイズ方法

WordPressの無料人気テーマ「Cocoon(コクーン)」には、サイト内の導線設計に便利な「ボックスメニュー」という機能があります。見た目もシンプルで、アイコン付きのメニューをブロック形式で直感的に配置できるため、多くのユーザーが活用し...
設定

エックスサーバーで常時SSL化|https化・リダイレクト・サブドメイン設定まで解説

WordPressを開設したら、まず最初にやるべき重要な設定のひとつが「SSL化(https化)」です。SSL(Secure Sockets Layer)とは、インターネット上の通信を暗号化しデータの盗聴や改ざんを防ぐ技術です。Webサイト...
設定

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

この記事で分かることエックスサーバーを利用して複数サイトを作る方法エックスサーバーでサブドメインを設定する方法サブドメインにWordPressをインストールする方法もうひとつブログを作りたいな~ブログを運営してしばらくすると、別のジャンルに...
Cocoon

Cocoonでピックアップ記事表示するならナビカード!横並び、リボンのスタイルを可愛くカスタマイズ

今回ご紹介するのは、Cocoonの便利な機能『ナビカード』です。特定の記事やコンテンツを目立たせたいときに簡単にピックアップ表示ができるこの機能。Cocoonに標準搭載されていますが、意外と使ったことがない方も多いのではないでしょうか?ナビ...
アフィリエイト

Pochipp(ポチップ) vs もしもアフィリエイト(かんたんリンク)徹底比較|物販するならどちらが使いやすい?

「かんたんリンク」と「ポチップ」って何が違うの?どっちを使ったほうが収益につながるの?アフィリエイトを始めたばかりの方にとって、2つのリンク作成ツールは似て見えるかもしれません。でも実は、機能や使い勝手、導入のハードルに大きな違いがあります...
アフィリエイト

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

アフィリエイトリンクを簡単・おしゃれに表示できる人気プラグインPochipp(ポチップ)。Pochipp Proにアップグレードすると、無料版では使えないセール情報の自動取得やAmazon口コミリンク表示など、ブログ収益を劇的に伸ばす機能が...
アフィリエイト

Pochipp(ポチップ)対応ASP一覧と選び方|Amazon・楽天・Yahoo提携できるサービスを比較

商品リンクをまとめて表示できる「ポチップ」は、アフィリエイト初心者にも大人気。この記事では、ポチップに対応した主要ASP(Amazonアソシエイト・楽天アフィリエイト・バリューコマース・もしもアフィリエイト)の違いや選び方をわかりやすく解説...
Cocoon

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

WordPressのブロックエディタ(Gutenberg)では、文字色や背景色の変更に便利な「カラーパレット」が用意されています。しかし、標準で用意されている色は原色に近いビビッドなカラーが多く、自分のサイトに合わないと感じることがあるかも...
テーマ共通

簡単おしゃれ!CSSで見出しデザインをカスタマイズする方法【コピペOK】

見出しを好きなデザインに変えたいな~ウェブサイトの見出しデザインをカスタマイズすると、読みやすさや視認性が向上しサイト全体のデザイン性も高まります。この記事では、簡単に実装できる見出しデザインのサンプルを紹介します。CSSを活用して、自分の...
テーマ共通

WordPressの箇条書きリストデザイン|点の色を変えるカスタマイズ(ul要素)

箇条書きリストのデザインはデフォルトではシンプルな黒い点(ディスク)が表示されます。このデザインをカスタマイズして、箇条書きの点の色を変更する方法を解説します。リスト1リスト2リスト3サイトのメインカラーとリストに統一感をだしたいときにおす...
Cocoon

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

Cocoonテーマには独自のアクセス集計機能が搭載されており、そのデータを元に簡単に人気記事ランキングを作成できます。サイドバーやトップページに設置すれば、読者の目を引きやすく記事の回遊率アップにもつながります。この記事では以下の2点につい...
Cocoon

Cocoonで作るサイト型トップページ|オシャレなSWELL風(HTML、CSS使用)

「Cocoonでブログを運営しているけれど、トップページを“サイトっぽく”見せたい」──そんな方に向けて、固定ページ+HTML+CSSを活用した「サイト型トップページ」の作成方法を丁寧に解説します。この記事では、コードをそのままコピペできる...
テーマ共通

CSSで実装!複数画像を切り替えるアニメーションの作り方

トップページのメインビジュアルに、画像スライダーやカルーセルなど複数の画像を切り替えるアニメーションがあると、ぱっと目を引くことができて華やかです。通常、これらのアニメーションはJavaScriptを使って実装されますが、フェードイン・アウ...
テーマ共通

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

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