雑記 Web配色アイディア「３色だけでセンスのいい色」を譲っていただいた話
以前からずっと欲しかった本。『見てわかる、迷わず決まる配色アイデア 3色だけでセンスのいい色』縁あって、SNSで交流のあるフォロワーさんから譲っていただきました...
雑記 
Cocoon 【Cocoon】CTAボックスの作り方と活用法｜アフィリエイトリンクを効果的に配置
CTAボックス、使ってみませんか？CTA（Call to Action）は、読者に「次の一歩」を踏み出してもらうための大切なツール。例えば、「今すぐ登録」「詳し...
設定 サブドメインを常時SSL化（https化）リダイレクトする方法｜エックスサーバー設定
WordPressでブログやサイトを立ち上げたら、まず最初に取り組みたいのが「SSL化（https化）」です。SSLは通信を暗号化してユーザーの大切な情報を守る...
設定 Googleアドセンス審査に合格するには｜必要な対策＆コード貼り付け方法
ブロガーブログで収益を得たい！そんな夢を叶える第一歩として、Googleアドセンスは多くのブロガーやウェブサイト運営者に大人気のツールです。でも、審査を通過する...
Cocoon Cocoon「アイコンボックス」のカスタマイズ｜12種類のスタイルをサイドバーで切り替え
もっと手軽に、ブロックのデザインを変えられたらいいのに…そんな“あったらいいな”を叶えるカスタマイズを考えました。この記事では、Cocoonテーマの「アイコンボ...
テーマ共通 ワードプレスのバックアップ方法｜FTPで安全カスタマイズ（CSS・PHP・Javascript）
CSSを編集してサイトのデザインをカスタマイズしたいけど「もし失敗したらどうしよう…」と不安に感じることがあるかと思います。ほんの少しのCSS編集でも、事前にバ...
Cocoon Cocoonのタブブロックをもっと便利に！サイドバーでデザインを選べる着せ替え機能
Cocoonテーマ（2.7.3～）に待望の「タブブロック」が標準搭載！直感的な操作でタブ切り替え表示ができるようになり、「情報をコンパクトにまとめたい」「見た目...
Cocoon Cocoonアコーディオン（トグル）をカスタマイズ！10種類のデザインでスッキリ魅せる
WordPressテーマ「Cocoon」のアコーディオンボックス、使っていますか？情報量の多いページでも、クリックで内容を折りたたんでスッキリ整理できる便利な機...
Cocoon Cocoonのタブ見出しボックスを簡単デザイン切り替え！有料テーマ風カスタマイズ
Cocoonテーマの「タブ見出しボックス」。もっとおしゃれに、もっと自由に使いこなしてみませんか？見出しCocoonのタブ見出しボックスこのボックスはシンプルで...
アフィリエイト ポチップの使い方と機能まとめ｜商品リンク・セール表示・インラインの活用法を解説
ポチップは、Amazon・楽天市場・Yahoo!の商品リンクはもちろん、メルカリやカスタムリンクまで自由に追加できる物販アフィリエイトに特化したプラグインです。...
Cocoon Cocoon｜テーブル（表）に記号○△✕を表示するカスタマイズ
お知らせこのカスタマイズはCocoon 2.7.1以降標準機能として実装されました。そのため、この記事の内容は基本的に不要ですが備忘録として公開しておきます。【...
Cocoon Cocoon人気記事ランキング｜表示方法とラベルの色やスタイルを変更するカスタマイズ
Cocoonテーマには独自のアクセス集計機能が搭載されており、そのデータを元に簡単に人気記事ランキングを作成できます。サイドバーやトップページに設置すれば、読者...
テーマ共通 CSS・SVGで作る境界線と背景デザイン｜波、三角形、斜めラインを使ったおしゃれな装飾テクニック
Webデザインでは視覚的なアクセントを加える方法は多くあります。その中でも、「境界線」や「背景スタイル」を工夫することでインパクトのある印象に。この記事では、S...
テーマ共通 簡単おしゃれ！CSSで見出しデザインをカスタマイズする方法【コピペOK】
見出しを好きなデザインに変えたいな～ウェブサイトの見出しデザインをカスタマイズすると、読みやすさや視認性が向上しサイト全体のデザイン性も高まります。この記事では...
Cocoon ファーストビューをSWELL風に！Cocoonアピールエリアをフルスクリーン＆動きのあるデザインにする方法
Cocoonのアピールエリアは背景画像やテキストを表示することでサイト全体の第一印象を決める大事なパーツ。ここをうまく活用すれば訪問者の関心をグッと引き寄せるこ...
Cocoon Cocoonサイドバー目次を固定して垂直スクロールバーを設置する方法
Cocoonでサイドバーの目次追従したときに見切れてしまうときの対策をご紹介。
テーマ共通 もう迷わない！バナーなどの要素を上下左右中央寄せにする方法｜CSS使用
「なんだか見た目がしっくりこない…」そんな時は“中央寄せ”がカギになるかもしれません。ウェブデザインでは、バナーや見出しといった要素をどこに配置するかで全体の印...
テーマ共通 CSSで疑似要素に影をつける方法｜box-shadowとdrop-shadowの違いを比較
この記事では、CSSを使って疑似要素に影をつける方法を紹介します。使用するCSSプロパティは、以下の2つです。box-shadowfilter: drop-sh...
Cocoon Cocoon「新着記事」「もっと見る」「次のページ」ボタン・キャプションのテキストを変更する方法
Cocoonテーマを使用している際に、あらかじめ設定されているボタンやキャプションのテキスト文言を変更する方法を紹介します。PHPを活用し簡単にカスタマイズでき...
Cocoon Cocoonウィジェット新着記事・人気記事に日付を表示する設定方法（投稿日・更新日）
テーマ「Cocoon」では、ショートコードやブロックを利用して新着記事や人気記事を簡単に表示できます。参考記事新着記事一覧を表示するショートコードの利用方法人気...