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

【Cocoon】タブブロックの使い方とデザイン強化カスタマイズ|均等配置・横スクロール対応

投稿を表示↗WordPressテーマCocoon(2.7.3~)に標準搭載された、待望の「タブブロック」。タブを切り替えるだけで表示内容を入れ替えられるため、「...
CSSの基礎

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

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

同じページ内にジャンプ!HTMLアンカーリンクの正しい設定方法と使い方ガイド

長い記事を読んでいると、「ここだけ見たいのに、スクロールが長い…」と感じる瞬間があります。そんなストレスを減らせるのが、アンカーリンク(ページ内リンク)です。目...
Cocoon

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

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

【Cocoon】FAQブロックの質問を見出し(H3)に変更するカスタマイズ|SEO・可読性・回遊率UP

Cocoonの「FAQブロック」は、よくある質問を分かりやすく整理できる便利なブロックです。ただしデフォルトのままだと、質問文は見出しタグではなく通常のdiv要...
Cocoon

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

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

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

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

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

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

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

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

【Cocoon】白抜きボックスをワンクリックで切り替え!15種デザイン拡張カスタマイズ

Cocoonには「段落ブロック」に便利な装飾スタイルがありますが、リストや画像など複数のブロック要素を入れられないため、記事の表現や運用の自由度に不便を感じるこ...
CSSの基礎

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

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

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

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

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

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

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

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

Cocoonアコーディオン(トグル)をカスタマイズ!10種類のデザインでスッキリ魅せる

WordPressテーマ「Cocoon」のアコーディオン、使っていますか?情報量が多いページでも、クリックひとつで内容を折りたためるとても便利なブロックです。た...
Cocoon

Cocoonアイコンボックスをおしゃれにカスタマイズ|クリックで簡単デザイン切り替え

Cocoonのアイコンボックスは、補足説明や注意書きを分かりやすく伝えられる便利なブロックです。しかし標準状態ではデザインが1種類のみで、記事内容に合わせて使い...
アフィリエイト

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

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

箇条書きリストデザイン|CSSで点の色を変える3つの方法

箇条書き(番号なしリスト)では、先頭に「・」のような黒い点(マーカー)が表示されます。このマーカーを自分好みにカスタマイズすることで、リストをサイトデザインに合...
Cocoon

Cocoon「タブ見出しボックス」を自由にデザイン|コピペで使える8種のオリジナルスタイル

WordPressテーマ「Cocoon」のタブ見出しボックスは、記事内で見出しやコンテンツを整理できる便利な装飾ブロックです。シンプルで使いやすいのが魅力ですが...
Cocoon

Cocoonサイト型トップページの作り方|シンプル&おしゃれデザイン【HTML・CSSコピペOK】

トップページの第一印象が平凡で、他サイトと似てしまう……ある程度記事が増えてくると、そう感じる人は多いはず。そこでこの記事では、Cocoonの固定ページとHTM...
スポンサーリンク