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

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

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

ポチップ|Amazon商品検索まとめ(PA-API・Pochipp Assist・もしもアフィリエイトの違いを比較)

2025.11.28_PA-API利用についての内容を一部更新しました。ポチップを使ってAmazonの商品を検索したいけれど、最初に戸惑いやすいのが「PA-AP...
アフィリエイト

【ポチップ対応】物販ASPの選び方・設定方法|Amazon・楽天・Yahoo提携サービス比較

2025.11.28_PA-API(Amazon)利用についての内容を一部更新しました。アフィリエイトを始めたときにまず迷うのが、「どのASP(アフィリエイト・...
CSSの基礎

初心者向けWordPressバックアップ|CSS・PHP・JavaScriptファイルの安全な保存方法

WordPressでは、CSS・PHP・JavaScriptを少し編集したい場面がよくあります「余白を調整したい」「ボタンの色を変えたい」「便利なコードを試した...
Cocoon

【Cocoon】特定のおすすめ記事をピックアップ表示する方法|new_listショートコード(ordered_posts)の使い方

「読んでほしい記事が埋もれてしまう…」「トップや記事下に、任意の記事を並べたい」そんなときに、Cocoonで特定の記事をピックアップ表示する方法は主に2つありま...
Cocoon

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

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

Cocoon検索ボックスをアピールエリアに表示する方法|HTMLテンプレート化で簡単実装

2025.12.04 手順をよりシンプル(簡単)に修正しました。Cocoonの「アピールエリア」に検索フォームを設置すると、ユーザーが知りたい情報へ一瞬でたどり...
CSSの基礎

WordPress「追加CSSクラス」使い方|特定ブロックだけデザインを変える方法が便利すぎる

WordPressのブロックエディタで、特定のブロックだけにデザインを追加できることをご存知ですか?「ボタンの色を変えたい」「箇条書きリストに下線を引きたい」「...
Cocoon

超簡単!Cocoonブロック機能でサイト型トップページを作る方法|コード最小限・初心者向け

Cocoonでオリジナルのトップページを作りたいけど、どこから始めればいいの?そんなふうに迷っている方も多いですよね。そこでこの記事では、WordPressテー...
サイト設定

途中でパーマリンク変更できる?エックスサーバーでの設定方法|日付を消して投稿名に

パーマリンクに日付が入ってるけど、途中で変えても大丈夫?結論は、変更は可能です。ただし、手順を間違えるとアクセス減少やSEO評価の低下といったトラブルにつながり...
アフィリエイト

ポチップともしも(かんたんリンク)比較|物販アフィリエイト初心者向けツール選び

見出し2025.11.28_PA-API(Amazon)利用についての内容を一部更新しました。Amazonや楽天の商品をブログで紹介したいとき、「ポチップ」と「...
テーマ共通

スクロールアニメーションの作り方|CSSとIntersectionObserver(交差監視)でふわっと表示

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

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

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

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

Cocoonテーマには、特定の記事を目立たせたいときに便利な 「ナビカード」 機能が標準で搭載されています。新着記事や人気記事のような自動表示とは違い、「読んで...
配色・デザイン

ブログのアイキャッチや図解がプロっぽくなる!おすすめデザイン本4冊(おしゃれな配色・余白・フォント)

ブログのアイキャッチや図解を作るとき、「なぜか素人っぽく見える…」と悩むことはありませんか?そんなときに役立つのが、デザインの基礎をわかりやすく解説している本で...
Cocoon

Cocoonで全幅(フルワイド)デザイン!幅いっぱいにする仕組みとおしゃれに仕上げるポイントを解説

Cocoonでも、有料テーマSWELLのようなフルワイド(全幅)デザインは再現できます。「SWELLのように幅いっぱいに表示したい」「でもCocoonだと余白調...
アフィリエイト

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

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

Cocoonサイドバー目次追従&スクロール対応にする方法【見切れ対策】

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

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

Webデザインでは、ちょっとした工夫で見た目の印象を大きく変えることができます。その中でもおすすめなのが「境界線」や「背景スタイル」のデザイン。線や背景にアクセ...
Cocoon

【Cocoon】CTAボックスの作り方と活用法|アフィリエイトリンクを効果的に配置

成果の出るサイト運営で見落とせないのが CTA(Call to Action)。「今すぐ見る」「この記事をチェック」など、読者の行動を後押しする導線があるだけで...
スポンサーリンク