WordPressのテーマ「SWELL」（17,600円）を使い始めて3ヶ月、ブログのフロントページ（トップページ）を思い切って自分でカスタマイズしました。

カテゴリの一覧、最新記事の並び、プロフィールへの誘導──HTML（ホームページを作るための言葉）と CSS（見た目を整える言葉）をClaudeに書いてもらい、自分好みにレイアウトを組んでみたのです。

そして、ある程度形になったときに、ふと疑問が湧きました。

「ここまで自分でやるなら、SWELLじゃなくて無料テーマでも良かったのでは？」

結論から言うと、その疑問はすぐに解消しました。
むしろ、カスタマイズしてみたからこそ SWELL の本当の価値が見えてきたのです。

この記事では、SWELL をガッツリ使い込んだ私が、「SWELL は何のためのテーマなのか」を、実体験を交えて整理します。

SWELL を購入しようか迷っている方、購入したけど活用しきれていない方、HTML が苦手だけどブログを綺麗にしたい方の参考になれば嬉しいです。

私がSWELLにやったカスタマイズ

まず、私が今回どんなカスタマイズをしたか、簡単に紹介します。

主にやったのは、以下の3つです。

• フロントページ（トップページ）の作り変え：サイトのトップに来たときに最初に見える画面を、自分で HTML を書いて設計
• カテゴリの整理：5つだったカテゴリを7つに再編し、88記事をすべて振り分け直し
• サイドバーの整理：訪問者が見るサイドバーから、不要なものを削除し、必要なものを追加

とくにフロントページは、見た目を一新しました。
サイトの主旨を3秒で伝えるタイトル、4つのカテゴリへの入り口、最新記事の並び、書いている人への誘導まで、ひとつのページにギュッと詰め込んだ形です。

「自分でHTMLを書く」と聞くと難しそうですが、実際は カスタムHTMLブロックという機能を使って、コードを貼り付けるだけ。半日もあれば完成しました。

「SWELLいらなかった？」という素朴な疑問

カスタマイズが一段落したとき、ある思いが頭をよぎりました。

SWELLは、有料のWordPressテーマです。買い切りで 17,600円。安くはありませんが、ブログを始めるなら定番中の定番として、多くの人が選んでいるテーマです。

私もブログを立ち上げるときに、評判の良さに惹かれて購入しました。
でも今回、フロントページを自分で HTML から書き直したとき、ふと考えてしまったのです。

「自分でこれだけ書けるなら、無料テーマでも良かったんじゃないか？」

無料の WordPress テーマは、Cocoon（コクーン）など評判の良いものがいくつもあります。
もし無料テーマで同じことができるなら、17,600円は不要だったかもしれない。そう思ったのです。

気になったので、検証してみることにしました。
「SWELL を使わないと実現できないこと」が、本当に何かあるのか?と。

見えないところでSWELLが頑張っていた

検証してみて、すぐに答えが出ました。

SWELL は、私が見ていない場所で 大量の仕事を黙ってやってくれていたのです。

具体的には、こんなところです。

①ヘッダー・フッター・メニュー

サイトの一番上にあるロゴやメニューバー、一番下にある SNS リンクやコピーライト表記。
これらは、SWELL が自動で綺麗に作ってくれています。

私のブログだと、薄緑色のヘッダーに「あらかんGarage」のロゴが配置されていて、その横にメニューが並んでいます。
これ、自分でゼロから作るとなると、デザインを考えて、HTML を書いて、CSS で見た目を整えて、スマホでも崩れないように調整して……と、半日から1日仕事です。

SWELL なら、設定画面でロゴ画像を入れて、メニューを選ぶだけ。10分で終わります。

②記事ページのレイアウト

これが一番大きいです。
私のブログには現在 88 記事ありますが、その すべての記事ページが、SWELL のおかげで自動的に綺麗に表示されています。

記事タイトルの装飾、アイキャッチ画像の配置、本文の行間、目次の自動生成、記事下の関連記事表示──ぜんぶ SWELL が裏でやってくれています。

「フロントページは1ページしかないけど、記事ページは88ページある」──ここが重要なポイントです。

③スマホで見ても崩れない

最近のブログは、PC で見る人よりスマホで見る人の方が多いです。
私のブログでも、半分以上はスマホからのアクセスです。

スマホで見たときに、文字が小さすぎず、写真が画面からはみ出さず、メニューがちゃんと開閉できる──これを実現するには、レスポンシブ対応という技術が必要です。

SWELL は、これも全自動でやってくれます。
私が今回フロントページに追加したカテゴリカードも、SWELL の上に乗っているからこそ、スマホで自動的に1列に並び替わってくれました。

④ページ表示が速い

SWELL は、ブログの表示速度でも高評価のテーマです。
表示速度は、読者の離脱率や、Google の検索順位にも影響します。

「ページが重くて読み込めないから、戻るボタンを押す」──これが起きると、せっかく書いた記事が読まれません。
速度の最適化は、見えないところでブログの価値を支えています。

無料テーマだったらどれくらい大変だったか

仮に、私が無料テーマを使って同じレベルのブログを作ろうとしたら、どれくらいの手間がかかったでしょうか。

ざっと見積もると、こんな感じです。

3日から5日。
仮に1日8時間として、24時間〜40時間の作業です。

もし時給1,500円で計算すると、36,000円〜60,000円分の労働量。
SWELL の 17,600円は、すでに余裕で元が取れています。

そして何より、私はこの3〜5日を、自分のブログを書く時間に使える。
これがいちばん大きな価値です。

SWELL は、家を建てるときの「建物の骨組みと壁紙」みたいな存在です。
部屋の中に何を置くか（記事の中身）は自分の自由ですが、骨組みや壁紙を一から作ろうとすると途方もない時間がかかります。
SWELL を買うということは、その骨組みと壁紙を 17,600円で済ませる選択なのです。

まとめ：投資して良かった

フロントページを自分でカスタマイズしてみて、SWELL の本当の価値が見えました。

SWELL は、フロントページのカスタマイズを助けてくれるテーマではありません。
むしろ、フロントページ以外のすべて──記事ページ、ヘッダー、フッター、スマホ対応、表示速度──を 黙って整えてくれるテーマです。

そしてその価値は、記事数が増えるほど大きくなります。
1記事のときは差を感じにくくても、100記事、500記事と増えていくと、SWELL に任せていなかったら維持できなかったレベルの統一感を、自動でキープしてくれているのです。

17,600円を5年使うとして、月割りで約290円。
缶コーヒー2本分で、これだけの仕事を肩代わりしてくれるテーマは、他にはなかなかありません。

SWELL を買うか迷っている方には、自信を持っておすすめできます。
「これからブログをちゃんと続けたい」と思うなら、SWELL は確実に元が取れる投資です。

次回は、SWELL が見えないところで頑張っている 5つの仕事を、もう少し具体的に解説します。「結局SWELLって何が偉いの？」という疑問を、機能ごとに分けて整理する内容です。

次回予告：「SWELLが見えないところで頑張っている5つの仕事」

最後まで読んでいただき、ありがとうございました。

はじめに

ブログを始めて3ヶ月が経ったとき、ふと思いました。

「このブログ、何屋さんかわからないな」

NASの話もあれば、AIの話もあり、地政学の記事もある。カテゴリは5つあるけれど、どこか散漫な印象。トップページも「最新記事が並ぶだけ」で、初めて来た人には何のブログかが伝わりにくい状態でした。

記事数は88本まで増えていたので、このタイミングで一度サイト全体を整理しようと決めました。今回はその作業の全体像をご紹介します。カテゴリ再編の詳細は別記事にまとめていますので、あわせてご覧ください。

まず「コンセプト」を言語化した

タグラインを変えてブランディングを刷新

最初に手をつけたのは、ブログのタグライン（キャッチコピー）の変更でした。

タグラインはブログの顔とも言える一文です。「このブログは誰に・何を届けるのか」が一言で伝わるかどうかが重要です。

Claude（Opus）に現状のブログコンセプトを伝え、「読者に刺さるタグラインを一緒に考えてほしい」と依頼しました。いくつかの候補を出してもらいながら、最終的には自分の言葉でまとめ直す、という流れで決定しました。

「誰に・何を伝えるか」を整理する

タグラインを決める過程で、改めてブログのターゲット読者と届けたい内容を言語化しました。これをやっておくと、カテゴリ設計やトップページの構成にも一貫性が生まれます。

「NASや自宅サーバーを使いこなしたい人」「AIツールを日常に取り入れたい人」「時事・地政学に関心があるPC好きな人」——そういった読者像が、この段階ではっきりしてきました。

トップページをフロントページ化した

SWELLのデフォルトでは、トップページに最新記事が時系列で並ぶ仕様になっています。これはシンプルでわかりやすいのですが、初めて訪れた読者に「このブログでできること」を伝えるには不十分です。

そこで、WordPressの「固定ページをホームページとして表示」機能を使い、トップページを専用のフロントページに切り替えました。

三点セットの構成

この三点セットにすることで、初めての訪問者が「何のブログか → 最近の記事は何か → 誰が書いているか」を一画面で把握できるようになりました。

ブロックエディターの限界とHTML直書きという選択

フロントページの構成を考えていて、すぐに壁にぶつかりました。SWELLのブロックエディターで思い描いたレイアウトを再現しようとすると、細かい余白・カード配置・文字色の調整などが思うようにいかないのです。

ブロックエディターは直感的で便利な反面、「自分のイメージ通り」に仕上げようとすると、どうしても限界を感じる場面があります。

そこで、カスタムHTMLブロックを使ってClaudeにHTMLを直接書いてもらうことにしました。やりとりはシンプルで、「こういうレイアウトにしたい」「この色にしたい」「カードを横並びにしたい」と伝えると、インラインスタイル付きのHTMLをそのまま出力してくれます。

「ブロックエディターで限界を感じたらHTMLに切り替える」——この判断ができるようになると、SWELLの表現の幅がぐっと広がります。

プロフィールページを作った

以前はプロフィールをウィジェットの短い自己紹介だけで済ませていましたが、今回は固定ページとして独立したプロフィールページを作成しました。

プロフィールページを作る理由は2つあります。

1. 読者との信頼関係を作る：誰が書いているかがわかると、記事への信頼感が高まります
2. サイドバーやフロントページからの導線を作れる：ページが存在することで、回遊の起点になります

SWELLではプロフィール固定ページへのリンクをウィジェットに設定でき、フロントページとの連携もスムーズでした。

カテゴリを7つに再編した

5カテゴリから7カテゴリへの再編については、こちらの記事に詳しくまとめています。ここでは要点だけ触れておきます。

カテゴリ名を具体的にすることで、読者が「自分の知りたい情報がここにある」と判断しやすくなります。また旧カテゴリURLへは301リダイレクトを設定し、SEOへの影響を最小限に抑えました。

サイドバーを整理した

サイドバーは「あるから置く」ではなく、「読者の回遊を助けるための導線」として設計し直しました。

変更前	変更後
カレンダー	削除
最新の投稿	削除
アーカイブ	削除
―	プロフィール追加
―	人気記事追加

カレンダーやアーカイブは「日記ブログ」的な印象を与えやすく、情報ブログとしてのコンセプトと合わないと判断しました。代わりに「プロフィール」と「人気記事」を置くことで、初訪問の読者が複数記事を読み進めやすい構造になりました。

リニューアルを終えて感じたこと

半日で完了できた理由

今回の作業は、タグライン変更・固定ページ作成・フロントページ化・カテゴリ再編（88記事）・リダイレクト設定・サイドバー整理と、かなりの量でした。それでも半日で完了できたのは、ClaudeのOpus・Sonnet・Claude in Chromeを役割に応じて使い分けたからです。

「全部自分でやる」でも「全部AIに任せる」でもなく、得意な部分を分担するという感覚が、今回の作業をスムーズにした一番の理由だったと思います。

「ポートフォリオ仕様」にして変わったこと

リニューアル後、ブログを開いたときの印象が大きく変わりました。「最新記事が並ぶだけ」だったトップページが、自分のブログの「顔」らしくなった感覚があります。

読者目線でも、「このブログで何が得られるか」が伝わりやすくなったと思います。記事を書くモチベーションにも、じわじわと影響してきそうです。

まとめ

3ヶ月目のリニューアルは、振り返ると「ちょうどいいタイミング」でした。記事がある程度たまった段階でサイト全体を見直すと、「何を軸にするか」が自然と見えてきます。

次はGoogle Search Consoleでインデックス状況を確認しながら、新カテゴリに沿った記事を意識的に増やしていく予定です。「ポートフォリオ仕様」のブログ、これからが本番です。