サイト型トップページの作り方を公開しています!Check
アフィリエイト

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

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

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

もうひとつブログを作りたいな~ブログを運営してしばらくすると、別のジャンルに方向転換したい、雑記ブログだけど伸びているジャンルを特化して別サイトに独立させたいなどなど...新しく別サイトを作りたいと思うことがあるのではないでしょうか。選択肢...
Cocoon

Cocoon|テーブル(表)に記号○△✕を表示するカスタマイズ

お知らせこのカスタマイズはCocoon 2.7.1以降標準機能として実装されました。そのため、この記事の内容は基本的に不要ですが備忘録として公開しておきます。【2024年以降対応】Cocoon標準機能でテーブルに記号を表示する方法Cocoo...
アフィリエイト

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

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

Cocoonナビカードの使い方|目立たせたい記事をピックアップ表示する方法、リボンのカスタマイズ

Cocoonテーマには、特定の記事やコンテンツを目立たせたいときに便利な『ナビカード』機能が標準搭載されています。ピックアップしたい記事を表示できるだけでなく、リボンの装飾や表示形式の選択など自由度の高いカスタマイズも可能です。新着記事や人...
Cocoon

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

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

Cocoonテーブル(表)の中にリンクボタンを置く方法|簡単・視認性アップでクリック率も向上

比較表・料金表・アフィリエイト表などを、もっと見やすく・わかりやすくしたい!そんなときに便利なのが「表の中にリンクボタンを設置する方法」です。WordPress無料テーマ「Cocoon」では、ブロックエディタとインラインタグを使えば簡単にボ...
テーマ共通

WordPressでテキストリンクをおしゃれに装飾する方法|ブロックエディタ&CSSで簡単カスタマイズ

この記事では、WordPressのブロックエディタとCSSを使ってテキストリンクをスタイリッシュに装飾する方法をわかりやすく解説します。テーマによって標準のボタンブロックがありますが、今回はあくまで普通のテキストリンクの装飾です。いつものコ...
Cocoon

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

「もう少し見やすくしたいな」「デザインをちょっと変えてみたい…」WordPressを使っていると、そんなふうに感じることがありますよね。そんなときに役立つのがHTMLやCSSの編集です。ほんの少し手を加えるだけでもサイトの見た目や使いやすさ...
Cocoon

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

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

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

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

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

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

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

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

Cocoonでフルワイド化|画面いっぱいに幅を広げる+セクション背景色をつけるカスタマイズ

WordPressテーマ「Cocoon」はシンプルで扱いやすい反面、画面いっぱいに広がる“フルワイドデザイン”を実現するには少し工夫が必要です。「もっとおしゃれなサイトにしたい」「SWELLのような幅いっぱいのトップページをCocoonでも...
テーマ共通

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

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

Cocoon新着記事・人気記事・ナビカード対応|カラム数をワンクリックで変更する方法(横並び)

Cocoonテーマでは、ブロック機能を使えば簡単に「新着記事」「人気記事」「ナビカード」を表示でき、特にトップページ作成においてとても便利な機能です。ただし、以下のような悩みを持つ方も多いのではないでしょうか?記事カードを横並び(カラム形式...
テーマ共通

ブログデザインを自由自在にカスタマイズする手順を紹介します|HTMLとCSSの基礎知識【初心者向け】

ブログデザインをもっと自分らしく作りたいと感じたことはありませんか?自分好みにカスタマイズするためには、テーマ独自の設定を使う以外には基本的にCSS(Cascading Style Sheets)の知識が必要。Webデザインの基本であるHT...
Cocoon

【Cocoon】SNSでURLをシェアしたときの画像、ちゃんと設定できてる?OGP設定方法

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

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

“必要な情報だけ、シンプルなデザインで”ブログカードをもっと自由にカスタマイズしませんか。この記事でご紹介するカスタマイズは、ブログカードの表示したい要素(タイトル・サムネイル・抜粋文・URLなど)を自分好みに調整し、用途に合わせて柔軟に対...
Cocoon

Cocoonサイドバー目次を固定して垂直スクロールバーを設置する方法

Cocoonでサイドバーの目次追従したときに見切れてしまうときの対策をご紹介。
スポンサーリンク