Turicco

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

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

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

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

Cocoonでオリジナルのトップページを作りたいけど、どこから始めればいいの？そんなふうに迷っている方も多いのではないでしょうか。この記事では、WordPres...

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

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

テーマ共通

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

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

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

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

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

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

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

Cocoonの「アピールエリア」はサイトの第一印象を決める重要なパーツ。ここを整えるだけでトップページの見栄え・ブランド感・読者の滞在率が大きく変わります。この...

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

トップページの第一印象が平凡で、他サイトと似てしまう……そんなお悩みありませんか？この記事では、Cocoonの固定ページとHTML・CSSで作る「サイト型トップ...

Cocoon｜テーブル（表）に記号○△✕を表示するカスタマイズ

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

サブドメインを常時SSL化（https化）リダイレクトする方法｜エックスサーバー設定

WordPressでブログやサイトを立ち上げたら、まず最初に取り組みたいのが「SSL化（https化）」です。SSLは通信を暗号化してユーザーの大切な情報を守る...

サイト設定

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

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

配色・デザイン

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

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

アフィリエイト

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

見出し2025.11.04更新：選べるデザインに「マスキングテープ風」を追加！WordPressテーマ「Cocoon」のタブ見出しボックスは、記事内で見出しやコ...

Cocoonカスタマイズ｜HTML・CSS・JavaScript・PHPの使い分けと編集方法

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

Cocoon見出しボックスをカスタマイズ｜リストマーカー（点）の自動配色とデザイン切り替え実装

Cocoonの「見出しボックス」をもっとおしゃれに、もっと便利にカスタマイズしたい方へ。この記事では、ボックス内のリストマーカー（点）の色をボーダー色と自動で揃...

Cocoonタイムライン（ステップブロック）おしゃれ化カスタマイズ｜最大6種類のデザイン切り替え

Cocoonの「タイムライン」ブロックは、手順解説や申し込みフローの表示にぴったりな便利機能です。しかし、デフォルトのままだと「見た目がシンプルすぎる」「ブロッ...

Cocoon通知エリア｜スライド表示（流れる文字）＆ボタン追加でアピールする方法

Cocoonの「通知エリア」は、サイト全体にメッセージを表示したり特定のページへ誘導したりできる便利な機能です。ただし、デフォルトデザインはとてもシンプル。キャ...

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

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

Cocoonラベルボックスをシンプル＆おしゃれにカスタマイズ！使い方・デザイン例・CSSコードまとめ

Cocoonの「ラベルボックス」は、注意書きや補足情報をシンプルに強調できる便利な装飾ブロックです。一方で、余白の窮屈さが気になるラベルの後ろに線が少し残ってし...

スポンサーリンク

1 2 … 4