設定 WordPressでブログを始めたい｜開設直後にやるべき初期設定を優先度別に紹介
WordPressをインストールしたばかりだと「まず何をすればいいの？」と迷うことがありますよね。実は、最初にしっかりと初期設定をしておくことで今後のサイト運営がぐっとスムーズになります。逆に言えば、ここをおろそかにすると「後で手間のかかる...
設定 
設定 エックスサーバーでWordPressのパーマリンク変更｜SEOに与える影響と対策
WordPressのURL（パーマリンク）を「日付＋投稿名」から「投稿名だけ」に変えたい場合。「設定を間違えてアクセスできなくなったらどうしよう…」「SEOに悪影響が出ないか心配…」そんな不安で、なかなか一歩を踏み出せずにいませんか？この記...
テーマ共通 CSSで実装！複数画像を切り替えるアニメーションの作り方
トップページのメインビジュアルに、画像スライダーやカルーセルなど複数の画像を切り替えるアニメーションがあると、ぱっと目を引くことができて華やかです。通常、これらのアニメーションはJavaScriptを使って実装されますが、フェードイン・アウ...
Cocoon Cocoon新着記事・人気記事・ナビカード対応｜カラム数をワンクリックで変更する方法（横並び）
Cocoonテーマはとても便利。「新着記事」「人気記事」「ナビカード」などのブロック機能が用意されていて、トップページの作成も簡単です。ただ、こんなお悩みを感じたことはないでしょうか？記事カードを横並び（カラム形式）で見せたいカラム数を自由...
Cocoon Cocoonブログカードをおしゃれに！11パターンCSS簡単カスタム
SWELLではブログカードの表示スタイルを選べるんだって！それならCocoonでもできそうだね、やってみよう。この記事でご紹介するカスタマイズは、ブログカードの表示したいスタイル（タイトル・サムネイル・抜粋文・URLなど）を選択し、用途に合...
Cocoon Cocoon「アイコンボックス」のカスタマイズ｜12種類のスタイルをサイドバーで切り替え
もっと手軽に、ブロックのデザインを変えられたらいいのに…そんな“あったらいいな”を叶えるカスタマイズを考えました。この記事では、Cocoonテーマの「アイコンボックス」ブロックに12種類のカスタムスタイルを追加し、クリックだけで切り替え可能...
設定 エックスサーバー｜サブドメイン設定で２つめのブログ（複数サイト）を作る方法
もうひとつブログを作りたいな～ブログを運営してしばらくすると、別のジャンルに方向転換したい、雑記ブログだけど伸びているジャンルを特化して別サイトに独立させたいなどなど...新しく別サイトを作りたいと思うことがあるのではないでしょうか。選択肢...
アフィリエイト Pochipp Pro（ポチッププロ）｜無料版との違い・価格・導入手順まで詳しく紹介
アフィリエイトリンクを簡単・おしゃれに表示できる人気プラグイン、ポチップ。Pochipp Proにアップグレードすると、無料版では使えないセール情報の自動取得やAmazon口コミリンク表示など、ブログ収益を伸ばす機能が使えるように！さらに、...
雑記 Web配色アイディア「３色だけでセンスのいい色」を譲っていただいた話
以前からずっと欲しかった本。『見てわかる、迷わず決まる配色アイデア 3色だけでセンスのいい色』縁あって、SNSで交流のあるフォロワーさんから譲っていただきました。デザインにおける配色は多くの人が悩むポイント。でも、この本には初心者でも簡単に...
テーマ共通 タブ切り替えをHTMLとCSSで実装（JavaScriptなし）
必要な情報へ迅速にアクセスするために便利なのが「タブ切り替え」機能。この記事では、JavaScriptを使わずにHTMLとCSSだけでタブ切り替えを実現する方法をご紹介します。フォーム要素であるラジオボタンを応用することで、軽量かつシンプル...
アフィリエイト 【初心者向け】おすすめASP選びから始めるアフィリエイト収益化のコツ
アフィリエイトで成果を出すためには自分に合ったASP（アフィリエイト・サービス・プロバイダー）を選ぶことが欠かせません。ASPによって扱っている案件や得意ジャンル、報酬の仕組みが異なるため、適切なASPを活用することで収益アップにつながりま...
アフィリエイト ポチップの使い方と機能まとめ｜商品リンク・セール表示・インラインの活用法を解説
ポチップは、Amazon・楽天市場・Yahoo!の商品リンクはもちろん、メルカリやカスタムリンクまで自由に追加できる物販アフィリエイトに特化したプラグインです。デザインや機能を思いのままにカスタマイズでき、編集画面内で直感的にリンクを作れる...
Cocoon Cocoon検索ボックスをアピールエリアに表示する方法【ショートコードで簡単対応】
Cocoonの「アピールエリア」、もっと活用してみませんか？「少しデザインに工夫を加えたい」「訪問者が目的の記事にすぐたどり着けるようにしたい」そんなときにおすすめなのが、検索フォームの設置。この記事では、Cocoonテーマのアピールエリア...
Cocoon 超簡単！Cocoonのブロック機能でサイト型トップページを作る方法
Cocoonを使ってオリジナルのトップページを作りたいな～「けど、どこから手を付けたらいいかわからない...」と迷っていませんか？そんな方のために、トップページのとても簡単な作り方をご紹介。この記事では、WordPressテーマ「Cocoo...
テーマ共通 CSSでなめらかに点滅させる方法（コピペＯＫ）
この記事では、CSSを使って要素をなめらかに点滅させる方法を紹介します。要素を点滅させるアニメーションは視認性を高め、注目を引く際に便利です。＼例えばこの部分の文字を点滅／ゆっくりなめらかに点滅するイメージですこのように文字を点滅させたい方...
テーマ共通 CSS・SVGで作る境界線と背景デザイン｜波、三角形、斜めラインを使ったおしゃれな装飾テクニック
Webデザインでは視覚的なアクセントを加える方法は多くあります。その中でも、「境界線」や「背景スタイル」を工夫することでインパクトのある印象に。この記事では、SVGとCSSプロパティ（clip-path、linear-gradient、ma...
Cocoon Cocoonでフルワイドデザイン！幅いっぱいのおしゃれなトップページの作り方
WordPressテーマ「Cocoon」はシンプルで使いやすい一方、有料テーマのSWELLのような洗練されたフルワイドデザインを再現するにはちょっとしたコツが必要です。「おしゃれなトップページにしたい」「全幅の背景色や画像で目を引くデザイン...
テーマ共通 WordPressパターンの使い方（再利用ブロック）！テンプレで時短化、同期と非同期の違い
WordPressの「パターン」機能、使ったことはありますか？これは、特定のブロックやブロックグループを登録して他の投稿やページでも簡単に再利用できる便利な機能です。例えば、よく使う装飾ボックスやボタン付きのコールトゥアクションなどをパター...
テーマ共通 簡単おしゃれ！CSSで見出しデザインをカスタマイズする方法【コピペOK】
見出しを好きなデザインに変えたいな～ウェブサイトの見出しデザインをカスタマイズすると、読みやすさや視認性が向上しサイト全体のデザイン性も高まります。この記事では、簡単に実装できる見出しデザインのサンプルを紹介します。CSSを活用して、自分の...
テーマ共通 箇条書きリストの点の色を変えるCSS｜ul要素のカスタマイズでデザイン性アップ
Webサイトやブログで使われる箇条書きリスト（ul要素）は、デフォルトではシンプルな黒い点（ディスク）で表示されますが、デザインにこだわりたい場合は少し味気なく感じることもあります。この記事では、CSSを使って箇条書きの点（マーカー）の色を...