雑記 Web配色アイディア「３色だけでセンスのいい色」を譲っていただいた話
以前からずっと欲しかった本。『見てわかる、迷わず決まる配色アイデア 3色だけでセンスのいい色』縁あって、SNSで交流のあるフォロワーさんから譲っていただきました。デザインにおける配色は多くの人が悩むポイント。でも、この本には初心者でも簡単に...
雑記 
アフィリエイト 初心者必見！アフィリエイト収益化におすすめのASP選び
アフィリエイトで成果を出すためには自分に合ったASP（アフィリエイト・サービス・プロバイダー）を選ぶことが欠かせません。ASPによって扱っている案件や得意ジャンル、報酬の仕組みが異なるため、適切なASPを活用することで収益アップにつながりま...
Cocoon Cocoonカスタマイズの基本｜HTML・CSSの編集方法
「もう少し見やすくしたいな」「デザインをちょっと変えてみたい…」WordPressを使っていると、そんなふうに感じることがありますよね。そんなときに役立つのがHTMLやCSSの編集です。ほんの少し手を加えるだけでもサイトの見た目や使いやすさ...
Cocoon Cocoonで作るサイト型トップページ｜オシャレなSWELL風（HTML、CSS使用）
そろそろトップページをサイト型デザインにしたい！けど具体的にどう作ろう...そんなお悩み、ありませんか？この記事では、WordPressテーマ「Cocoon」で固定ページとHTML・CSSを活用した「サイト型トップページ」の作り方を、初心者...
テーマ共通 CSSのカスタムプロパティを使いこなそう！繰り返し使える変数の設定方法
この記事ではCSSカスタムプロパティ（CSS変数）の使い方と、よく使われる値を解説します。CSSカスタムプロパティ（CSS変数）は「設定した値を何度も使えるようにする」仕組み。サイト内で繰り返し登場するプロパティ値（色や数値）を変数にして一...
アフィリエイト ポチップ vs もしもアフィリエイト（かんたんリンク）比較｜物販するならどちらが使いやすい？
「かんたんリンク」と「ポチップ」って何が違うの？どっちを使ったほうが収益につながるの？アフィリエイトを始めたばかりの方にとって、２つのリンク作成ツールは似て見えるかもしれません。でも実は、機能や使い勝手、導入のハードルに大きな違いがあります...
Cocoon Cocoon｜テーブル（表）に記号○△✕を表示するカスタマイズ
お知らせこのカスタマイズはCocoon 2.7.1以降標準機能として実装されました。そのため、この記事の内容は基本的に不要ですが備忘録として公開しておきます。【2024年以降対応】Cocoon標準機能でテーブルに記号を表示する方法Cocoo...
Cocoon Cocoonブログカードをおしゃれに！11パターンCSS簡単カスタム
SWELLではブログカードの表示スタイルを選べるんだって！それならCocoonでもできそうだね、やってみよう。この記事でご紹介するカスタマイズは、ブログカードの表示したいスタイル（タイトル・サムネイル・抜粋文・URLなど）を選択し、用途に合...
テーマ共通 箇条書きリストの点の色を変えるCSS｜ul要素のカスタマイズでデザイン性アップ
Webサイトやブログで使われる箇条書きリスト（ul要素）は、デフォルトではシンプルな黒い点（ディスク）で表示されますが、デザインにこだわりたい場合は少し味気なく感じることもあります。この記事では、CSSを使って箇条書きの点（マーカー）の色を...
テーマ共通 【コピペOK】おしゃれなボックスデザイン！ブログを彩るCSS囲み枠集
ブログで使えるボックスデザイン（囲み枠）を厳選してご紹介します。コードはコピペ対応で簡単！！
テーマ共通 簡単おしゃれ！CSSで見出しデザインをカスタマイズする方法【コピペOK】
見出しを好きなデザインに変えたいな～ウェブサイトの見出しデザインをカスタマイズすると、読みやすさや視認性が向上しサイト全体のデザイン性も高まります。この記事では、簡単に実装できる見出しデザインのサンプルを紹介します。CSSを活用して、自分の...
アフィリエイト Pochipp Pro（ポチッププロ）｜無料版との違い・価格・導入手順まで詳しく紹介
アフィリエイトリンクを簡単・おしゃれに表示できる人気プラグイン、ポチップ。Pochipp Proにアップグレードすると、無料版では使えないセール情報の自動取得やAmazon口コミリンク表示など、ブログ収益を伸ばす機能が利用可能に！さらに、ク...
アフィリエイト ポチップ対応ASP一覧と選び方・設定方法｜Amazon・楽天・Yahoo提携できるサービスを比較
商品リンクをまとめて表示できる「ポチップ」は、アフィリエイト初心者にも大人気。この記事では、始めに迷いそうな疑問に答えながら自分に合ったASP選びのコツを紹介します。どのASPに登録すればいい？Amazonアソシエイト楽天アフィリエイトバリ...
Cocoon 超簡単！Cocoonのブロック機能でサイト型トップページを作る方法
Cocoonを使ってオリジナルのトップページを作りたいな～「けど、どこから手を付けたらいいかわからない...」と迷っていませんか？そんな方のために、トップページのとても簡単な作り方をご紹介。この記事では、WordPressテーマ「Cocoo...
Cocoon Cocoonラベルボックスをシンプル&おしゃれに！選べる6つのスタイルを実装するカスタマイズ
ブログにちょっとした補足を加えたいときに便利な「ラベルボックス」。ラベル標準のラベルボックスCocoonテーマに標準搭載されている「ラベルボックス」は、シンプルで扱いやすい反面、見た目や使い勝手に少し物足りなさを感じることも。余白が狭くて窮...
テーマ共通 CSS Transitionの使い方｜簡単にスムーズなアニメーションを実現
別記事で「animation」プロパティを使ったCSSアニメーションの基本を紹介しました。「animation」プロパティは@keyframesと組み合わせて複雑なアニメーションを作成できますが、簡単な動きにはやや記述が冗長です。そこでこの...
設定 サブドメインを常時SSL化（https化）リダイレクトする方法｜エックスサーバー設定
WordPressでブログやサイトを立ち上げたら、まず最初に取り組みたいのが「SSL化（https化）」です。SSLは通信を暗号化してユーザーの大切な情報を守るための仕組み。これを設定することでサイトの信頼性が高まり、SEOの面でも有利にな...
設定 Googleアドセンス審査に合格するには｜必要な対策＆コード貼り付け方法
ブロガーブログで収益を得たい！そんな夢を叶える第一歩として、Googleアドセンスは多くのブロガーやウェブサイト運営者に大人気のツールです。でも、審査を通過するにはちょっとしたコツが必要。この記事では、Googleアドセンスの基本的な仕組み...
テーマ共通 WordPress同期パターンの使い方（再利用ブロック）！テンプレで時短化
WordPressの「パターン」機能、使ったことはありますか？これは、特定のブロックやブロックグループを登録して他の投稿やページでも簡単に再利用できる便利な機能です。例えば、よく使う装飾ボックスやボタン付きのコールトゥアクションなどをパター...
Cocoon Cocoonアコーディオン（トグル）をカスタマイズ！10種類のデザインでスッキリ魅せる
WordPressテーマ「Cocoon」のアコーディオンボックス、使っていますか？情報量の多いページでも、クリックで内容を折りたたんでスッキリ整理できる便利な機能です。でも、デフォルトのデザインは１種類だけ。アコーディオンコンテンツ左寄せデ...