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

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

見出しデザインを変えるだけで、記事の読みやすさや視認性が大きく変わります。この記事では、WordPress(無料ブログ含む)で使える見出しデザインのサンプルを、...
Webカスタマイズ

WordPressでスクロールでふわっと表示する方法|CSS+IntersectionObserverで簡単実装【コピペOK】

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

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

Cocoonで「アピールエリアをフルスクリーン表示にしたい」「トップページをおしゃれにしたい」と悩んでいる方へ。この記事では、インパクトのあるフルスクリーン化の...
収益化

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

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

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

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

CSSだけで複数画像を切り替えスライダーを作る方法|JS不要・軽量・コピペOK【WordPress対応】

トップページに複数画像を切り替えるおしゃれなフェードスライダーを設置したいけれど、プラグインを使うと重くなるJavaScriptは難しいCSSだけで簡単に作りた...
Cocoonカスタマイズ

Cocoon記事カードを横並びにする方法|新着記事・人気記事・ナビカード2〜4カラム切替・PCスマホ対応カスタマイズ

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

WordPressバックアップの方法と復旧手順|真っ白になった時の復元方法まで解説【FTP・プラグイン・サーバー対応】

WordPressでは、CSS・PHP・JavaScriptを少し編集したい場面がよくありますが、バックアップを取らずに作業するとサイトが真っ白になる危険があり...
収益化

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

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

CSSカスタマイズの基本|WordPress・Cocoonでデザインを変える方法まとめ(初心者向け学習ガイド)

ブログを書いていると、こんな悩みが出てきます。デザインがなんとなく素人っぽい見出しやボタンをもう少しおしゃれにしたいでも、どこを触ればいいのか分からないそこで必...
Webカスタマイズ

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

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

Cocoonカスタマイズ完全ガイド|HTML・CSS・PHPの編集場所と使い分けを初心者向けに解説

Cocoonは無料テーマの中でも柔軟にカスタマイズできるテーマですが、「どこを編集すればいいの?」「HTMLとCSSとPHPの違いがわからない…」という初心者は...
カスタマイズの基本

CSSアニメーションの基本と使い方【初心者向け】@keyframes・実例・軽くするコツ

Webサイトに動きを加えたいなら、まず覚えておきたいのが CSSアニメーション(@keyframes と animation) です。この2つを理解すれば、Ja...
Webカスタマイズ

CSSでulリストマーカー色(箇条書きの点)を変更する方法|::marker・::before・spanの違いと使い分け

CSSでul/liのリストマーカーの色を変えたいけど、「どうやってやるのかわからない…」「HTMLを変更せずに簡単に色だけ変えたい」という方に向けた解説です。実...
カスタマイズの基本

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

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

Googleアドセンス審査は何記事で合格?9記事で通過したブログの合格条件と申請手順【2026年版】

Googleアドセンスの仕組みと審査合格のポイントを解説。必要な準備や注意点、不合格時の対処法もまとめています。
Cocoonカスタマイズ

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

比較表・料金表・アフィリエイト表などを、もっと見やすく・わかりやすくしたい!そんなときに便利なのが「表の中にリンクボタンを設置する方法」です。WordPress...
Cocoonカスタマイズ

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

お知らせこのカスタマイズはCocoon 2.7.1以降標準機能として実装されました。そのため、この記事の内容は基本的に不要ですが備忘録として公開しておきます。【...
Webカスタマイズ

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

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

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

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