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

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

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

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

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

ポチップ対応ASP一覧と選び方・設定方法|Amazon・楽天・Yahoo提携できるサービスを比較

商品リンクをまとめて表示できる「ポチップ」は、アフィリエイト初心者にも大人気。この記事では、始めに迷いそうな疑問に答えながら自分に合ったASP選びのコツを紹介します。どのASPに登録すればいい?Amazonアソシエイト楽天アフィリエイトバリ...
Cocoon

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

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

ブログデザインを自由自在にカスタマイズする手順を紹介します|HTMLとCSSの基礎知識【初心者向け】

ブログデザインをもっと自分らしく作りたいと感じたことはありませんか?自分好みにカスタマイズするためには、テーマ独自の設定を使う以外には基本的にCSS(Cascading Style Sheets)の知識が必要。Webデザインの基本であるHT...
テーマ共通

WordPressの「追加CSSクラス」が便利!特定のブロックにだけスタイルを適用する方法

WordPressのブロックエディタで、特定のブロックだけにデザインを追加できることをご存知ですか?実は「追加CSSクラス」機能を使えばとても簡単に実現できます。この記事では、初心者でも分かりやすいようにクラス追加の基本と具体的な実例を交え...
Cocoon

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Cocoonナビカードの使い方|目立たせたい記事をピックアップ表示する方法、リボンのカスタマイズ

Cocoonテーマには、特定の記事やコンテンツを目立たせたいときに便利な『ナビカード』機能が標準搭載されています。ピックアップしたい記事を表示できるだけでなく、リボンの装飾や表示形式の選択など自由度の高いカスタマイズもできます。新着記事や人...
アフィリエイト

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

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

同じページ内にジャンプ!HTMLを利用したアンカーリンクの設定方法

この記事では、アンカーリンクの設定方法と効果的な使い方について解説します。アンカーリンクはページ内の特定の位置や他のページの特定の場所に直接ジャンプするリンクのこと。ユーザーが目的の情報に素早くアクセスできるため、長いページやナビゲーション...
Cocoon

超簡単!Cocoonのブロック機能でサイト型トップページを作る方法

Cocoonを使ってオリジナルのトップページを作りたいな~「けど、どこから手を付けたらいいかわからない...」と迷っていませんか?そんな方のために、トップページのとても簡単な作り方をご紹介。この記事では、WordPressテーマ「Cocoo...
Cocoon

Cocoonで作るサイト型トップページ|オシャレなSWELL風(HTML、CSS使用)

そろそろトップページをサイト型デザインにしたい!けど具体的にどう作ろう...そんなお悩み、ありませんか?この記事では、WordPressテーマ「Cocoon」で固定ページとHTML・CSSを活用した「サイト型トップページ」の作り方を、初心者...
スポンサーリンク