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

Cocoonタイムラインブロック|SWELL風カスタマイズ3つのデザインで汎用性アップ!

Cocoonのタイムラインブロックについて。タイムラインはテーマ独自のブロック機能の一つで、手順や流れを視覚的に表すために便利です。\使っていますか?/「Cocoonをもっと使いこなしたい」「SWELLの洗練されたデザインに憧れるけど、テー...
設定

WordPressでブログを始めたい|開設直後にやるべき初期設定を優先度別に紹介

WordPressをインストールしたばかりだと「まず何をすればいいの?」と迷うことがありますよね。実は、最初にしっかりと初期設定をしておくことで今後のサイト運営がぐっとスムーズになります。逆に言えば、ここをおろそかにすると「後で手間のかかる...
アフィリエイト

ポチップ|Amazonで商品検索する方法まとめ

ポチップを使う場合、Amazonアソシエイトの審査に合格しているかどうかで検索方法が変わってきます。この記事では、Amazonの商品検索に焦点を当て、状況に応じた3つの方法を初心者の方にもわかりやすくまとめました。ご自身のステップに合った検...
テーマ共通

ワードプレスのバックアップ方法|FTPで安全カスタマイズ(CSS・PHP・Javascript)

CSSを編集してサイトのデザインをカスタマイズしたいけど「もし失敗したらどうしよう…」と不安に感じることがあるかと思います。ほんの少しのCSS編集でも、事前にバックアップを取っておくことでトラブルへの備えができ安心して作業を進めることができ...
Cocoon

Cocoonボックスメニューのカラム数をクリックで変更する|2〜6列対応のカスタマイズ方法

WordPressの無料テーマ「Cocoon」には、サイト内の導線設計に便利な「ボックスメニュー」機能があります。見た目がシンプルでアイコン付きのメニューをブロック形式で直感的に配置できるため使っているサイトを多く見かける定番機能。以下の3...
テーマ共通

WordPressパターンの使い方(再利用ブロック)!テンプレで時短化、同期と非同期の違い

WordPressの「パターン」機能、使ったことはありますか?これは、特定のブロックやブロックグループを登録して他の投稿やページでも簡単に再利用できる便利な機能です。例えば、よく使う装飾ボックスやボタン付きのコールトゥアクションなどをパター...
Cocoon

Cocoonの通知エリアをカスタマイズ!流れる文字アニメーションとボタンを設定する方法

Cocoonでは、テーマ標準機能を使って通知エリアを簡単に表示できます。通知エリアは、サイト訪問者に重要なメッセージを伝えたり、特定のページへ誘導するための便利な機能です。この記事では、以下の通知エリアのカスタマイズ方法を紹介します。通知エ...
アフィリエイト

【初心者向け】おすすめASP選びから始めるアフィリエイト収益化のコツ

アフィリエイトで成果を出すためには自分に合ったASP(アフィリエイト・サービス・プロバイダー)を選ぶことが欠かせません。ASPによって扱っている案件や得意ジャンル、報酬の仕組みが異なるため、適切なASPを活用することで収益アップにつながりま...
テーマ共通

もう迷わない!バナーなどの要素を上下左右中央寄せにする方法|CSS使用

「なんだか見た目がしっくりこない…」そんな時は“中央寄せ”がカギになるかもしれません。ウェブデザインでは、バナーや見出しといった要素をどこに配置するかで全体の印象が大きく変わります。特に中央に配置することで、視線を自然に集めデザインにまとま...
Cocoon

Cocoonラベルボックスをシンプル&おしゃれに!選べる6つのスタイルを実装するカスタマイズ

ブログにちょっとした補足を加えたいときに便利な「ラベルボックス」。ラベル標準のラベルボックスCocoonテーマに標準搭載されている「ラベルボックス」は、シンプルで扱いやすい反面、見た目や使い勝手に少し物足りなさを感じることも。余白が狭くて窮...
Cocoon

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

WordPressテーマ「Cocoon」のアコーディオンボックス、使っていますか?情報量の多いページでも、クリックで内容を折りたたんでスッキリ整理できる便利な機能です。でも、デフォルトのデザインは1種類だけ。アコーディオンコンテンツ左寄せデ...
Cocoon

Cocoonのタブブロックをもっと便利に!サイドバーでデザインを選べる着せ替え機能

Cocoonテーマ(2.7.3~)に待望の「タブブロック」が標準搭載!直感的な操作でタブ切り替え表示ができるようになり、「情報をコンパクトにまとめたい」「見た目を整理したい」といった要望にも手軽に応えられるようになりました。Tab 1Tab...
Cocoon

Cocoonブログカードをおしゃれに!11パターンCSS簡単カスタム

SWELLではブログカードの表示スタイルを選べるんだって!それならCocoonでもできそうだね、やってみよう。この記事でご紹介するカスタマイズは、ブログカードの表示したいスタイル(タイトル・サムネイル・抜粋文・URLなど)を選択し、用途に合...
Cocoon

Cocoonの白抜きボックスをカスタマイズ|複数スタイルと簡単切り替え方法を解説

Cocoonテーマの「白抜きボックス」、使っていますか?箇条書きリストなどのブロックが挿入できるボーダー色や背景色を自由に変更できるシンプルなデザインながら使い勝手の良さが抜群!視認性が高い万能ボックスですが...「もっとデザインにバリエー...
Cocoon

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

Cocoonテーマはとても便利。「新着記事」「人気記事」「ナビカード」などのブロック機能が用意されていて、トップページの作成も簡単です。ただ、こんなお悩みを感じたことはないでしょうか?記事カードを横並び(カラム形式)で見せたいカラム数を自由...
Cocoon

Cocoon「アイコンボックス」のカスタマイズ|12種類のスタイルをサイドバーで切り替え

もっと手軽に、ブロックのデザインを変えられたらいいのに…そんな“あったらいいな”を叶えるカスタマイズを考えました。この記事では、Cocoonテーマの「アイコンボックス」ブロックに12種類のカスタムスタイルを追加し、クリックだけで切り替え可能...
Cocoon

Cocoonのタブ見出しボックスを簡単デザイン切り替え!有料テーマ風カスタマイズ

Cocoonテーマの「タブ見出しボックス」。もっとおしゃれに、もっと自由に使いこなしてみませんか?見出しCocoonのタブ見出しボックスこのボックスはシンプルで使いやすいのが魅力ですが、余白を持たせてすっきりとしたデザインにしたいページ内で...
テーマ共通

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

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

CSSのカスタムプロパティを使いこなそう!繰り返し使える変数の設定方法

この記事ではCSSカスタムプロパティ(CSS変数)の使い方と、よく使われる値を解説します。CSSカスタムプロパティ(CSS変数)は「設定した値を何度も使えるようにする」仕組み。サイト内で繰り返し登場するプロパティ値(色や数値)を変数にして一...
Cocoon

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

CTAボックス、使ってみませんか?CTA(Call to Action)は、読者に「次の一歩」を踏み出してもらうための大切なツール。例えば、「今すぐ登録」「詳しくはこちら」「購入する」といったボタンやメッセージがそれにあたります。特にアフィ...
スポンサーリンク