テーマ共通 CSS・PHP・JavaScriptのバックアップ方法まとめ｜WordPressカスタマイズ前に必須！
WordPressを使っていると、デザインを整えるために CSS、機能を追加するために PHP や JavaScript を編集する場面があります。ただし、直接...
テーマ共通 
テーマ「Cocoon」 Cocoonタブ見出しボックスを有料テーマ風に！簡単カスタマイズでデザイン切り替え
Cocoonの「タブ見出しボックス」はシンプルで使いやすいですが、もっとおしゃれにしたい、デザインを自由に使い分けたいというニーズに応えるカスタマイズがあります...
CSSの基礎 「中央に揃えたい！」を解決｜CSSで左右・上下左右の要素を簡単に中央寄せする方法
「このバナー、かっこいい！」「どうやってこのデザインにしてるんだろう？」他のサイトを見て、テキストや画像、ボタンなどの要素がきれいに中央に配置されているデザイン...
テーマ共通 動きで魅せる！おしゃれな矢印リンク＆下線スライド・ホバーアニメーションボタン（CSS付き）
他のサイトで見かける「このリンクデザインおしゃれ！」や「ボタンの動きがかっこいい！」といった演出。どうやって作られているのか気になったことはありませんか？実は、...
テーマ「Cocoon」 【Cocoon】SNSでURLをシェアしたときの画像、ちゃんと設定できてる？OGP設定方法
SNSでサイトや記事をシェアしたときにOGP画像を表示する方法をご紹介します。意外と設定していないデフォルトの方が多いのでは？イメージを伝えて読者に訪れてもらえるようなサイトにしましょう。
サイト設定 Googleアドセンス審査用コードの貼り方｜WordPress・Cocoon対応ガイド
Googleアドセンスに申請するときには、審査用のコードを自分のサイトの <head> 内に貼り付ける必要があります。このコードを正しく設置できないと審査が始ま...
テーマ共通 簡単おしゃれ！見出しデザインをカスタマイズする方法【Cocoon対応・CSSコピペOK】
見出しデザインを工夫するだけで、記事の読みやすさや視認性がぐっと向上しサイト全体の印象も大きく変わります。この記事では、WordPress（一部無料ブログ）全般...
テーマ「Cocoon」 Cocoon新着・人気記事・ナビカードを横並びに！カラム数をワンクリックで変更する方法
Cocoonの新着記事・人気記事・ナビカードを横並びに表示する方法を解説。PC3列・スマホ2列などカラム数もワンクリックで切り替え可能。コピペで簡単導入できます。
CSSの基礎 CSS Transitionの使い方｜簡単にスムーズなアニメーションを実現
「animation」プロパティは@keyframesと組み合わせて複雑なアニメーションを作成できますが、簡単な動きにはやや記述が冗長です。 詳しくは「CSSア...
テーマ「Cocoon」 Cocoonアコーディオン（トグル）をカスタマイズ！10種類のデザインでスッキリ魅せる
2025.8.28 デザインと実装コードを見直し、よりシンプルに修正をおこないました。WordPressテーマ「Cocoon」のアコーディオンボックス、使ってい...
CSSの基礎 WordPressの「追加CSSクラス」が便利！特定のブロックにだけスタイルを適用する方法
WordPressのブロックエディタで、特定のブロックだけにデザインを追加できることをご存知ですか？実は「追加CSSクラス」機能を使えばとても簡単に実現できます...
テーマ共通 CSS・SVGで作る境界線と背景デザイン｜波、三角形、斜めラインを使ったおしゃれな装飾テクニック
Webデザインでは、ちょっとした工夫で見た目の印象を大きく変えることができます。その中でもおすすめなのが「境界線」や「背景スタイル」のデザイン。線や背景にアクセ...
テーマ共通 WordPressパターン機能でラクラク時短！再利用ブロックの使い方と同期・非同期の違い
WordPressの「パターン」機能、使ったことはありますか？これは、特定のブロックやブロックグループを登録して他の投稿やページでも簡単に再利用できる便利な機能...
配色・デザイン ブログのアイキャッチや図解がプロっぽくなる！おすすめデザイン本4冊（おしゃれな配色・余白・フォント・デザイン）
ブログのアイキャッチや図解を作るとき、「なぜか素人っぽく見える…」と悩むことはありませんか？そんなときに役立つのが、デザインの基礎をわかりやすく解説している本で...
テーマ「Cocoon」 Cocoonで全幅（フルワイド）デザイン！幅いっぱいにする仕組みとおしゃれに仕上げるポイントを解説
Cocoonでも、有料テーマSWELL風のフルワイドデザインは作れます。この記事では、Cocoonでトップページをおしゃれに見せる 「全幅（フルワイド）セクショ...
テーマ「Cocoon」 Cocoonタイムラインをカスタマイズ！おしゃれなSWELL風デザインを簡単に実現
WordPressテーマ「Cocoon」には、標準でタイムラインブロックが用意されています。手順や流れをわかりやすく伝えるのに便利ですが、デフォルトの見た目はシ...
CSSの基礎 CSSセレクタを調べる方法｜Chromeデベロッパーツール活用で初心者でも簡単！Webデザインに役立つ実践ガイド
Webデザインやサイトのカスタマイズに挑戦するとき、避けて通れないのが「CSSセレクタを調べる」作業です。実際、「デベロッパーツールを使えないとCSSは書けない...
テーマ「Cocoon」 Cocoonカスタマイズの基本｜初心者が安心してできるHTML・CSS・PHP・JavaScript編集方法
ブログのデザインや機能をもっと自由にカスタマイズしたいとき、WordPressテーマ「Cocoon」では HTML・CSS・PHP・JavaScript を使っ...
アフィリエイト アフィリエイトASP比較ガイド｜報酬・審査・ジャンル別に初心者が選ぶポイント
アフィリエイトASPの仕組みと選び方をわかりやすく解説。A8.netやafbなど主要5社を比較し、初心者に最適なASPを紹介します。
テーマ「Cocoon」 Cocoon白抜きボックスをおしゃれにカスタマイズ！複数デザインの使い分け方法
Cocoonの「白抜きボックス」は、箇条書きやカスタムカラーが使えるシンプルで視認性の高い万能ボックス。初心者から上級者まで多くのブロガーが愛用していますが、も...