サイト型トップページの作り方を公開しています!Check
アフィリエイト

ポチップ vs もしもアフィリエイト(かんたんリンク)比較|物販するならどちらが使いやすい?

「かんたんリンク」と「ポチップ」って何が違うの?どっちを使ったほうが収益につながるの?アフィリエイトを始めたばかりの方にとって、2つのリンク作成ツールは似て見えるかもしれません。でも実は、機能や使い勝手、導入のハードルに大きな違いがあります...
Cocoon

Cocoon|テーブル(表)に記号○△✕を表示するカスタマイズ

お知らせこのカスタマイズはCocoon 2.7.1以降標準機能として実装されました。そのため、この記事の内容は基本的に不要ですが備忘録として公開しておきます。【2024年以降対応】Cocoon標準機能でテーブルに記号を表示する方法Cocoo...
テーマ共通

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

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

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

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

CSS Transitionの使い方|簡単にスムーズなアニメーションを実現

別記事で「animation」プロパティを使ったCSSアニメーションの基本を紹介しました。「animation」プロパティは@keyframesと組み合わせて複雑なアニメーションを作成できますが、簡単な動きにはやや記述が冗長です。そこでこの...
設定

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

WordPressでブログやサイトを立ち上げたら、まず最初に取り組みたいのが「SSL化(https化)」です。SSLは通信を暗号化してユーザーの大切な情報を守るための仕組み。これを設定することでサイトの信頼性が高まり、SEOの面でも有利にな...
設定

Googleアドセンス審査に合格するには|必要な対策&コード貼り付け方法

ブロガーブログで収益を得たい!そんな夢を叶える第一歩として、Googleアドセンスは多くのブロガーやウェブサイト運営者に大人気のツールです。でも、審査を通過するにはちょっとしたコツが必要。この記事では、Googleアドセンスの基本的な仕組み...
Cocoon

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

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

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

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

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

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

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

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

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

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

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

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

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

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

サイトに「動き」をつけるCSSアニメーション|基本的な指定方法を覚えよう

この記事では、CSSアニメーションの基本的な指定方法やプロパティの使い方について解説します。サイトに「動き」といえばJavascriptが必要?というイメージがあるかもしれませんが、アニメーションを使うことでCSSでもウェブページに動きをつ...
テーマ共通

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

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

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

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

ファーストビューをSWELL風に!Cocoonアピールエリアをフルスクリーン&動きのあるデザインにする方法

Cocoonのアピールエリアは背景画像やテキストを表示することでサイト全体の第一印象を決める大事なパーツ。ここをうまく活用すれば訪問者の関心をグッと引き寄せることができます。この記事では、有料テーマSWELL風にアピールエリアをフルスクリー...
Cocoon

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

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

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

もうひとつブログを作りたいな~ブログを運営してしばらくすると、別のジャンルに方向転換したい、雑記ブログだけど伸びているジャンルを特化して別サイトに独立させたいなどなど...新しく別サイトを作りたいと思うことがあるのではないでしょうか。選択肢...
スポンサーリンク