なんで元浪費家のおばけ?→CHECK

【自分のサイトを作りたい!】SWELLで個人サイトを作る方法

当ページのリンクには広告が含まれています。

「WordPressでサイトを作る」と聞くと、

おばけ

WordPressってブログを作るものじゃないの?

という印象を持ちませんか?

実は、WordPressは、ブログだけではなく、自分の作品や好きなものを並べる「個人サイト」を作ることもできるんです。

イラスト、写真、ハンドメイド、ポートフォリオなど、自分で作ったものをネット上に置きたい。

「自分のサイトを作りたい!」という人にもぴったりです。

私自身も、WordPressテーマのSWELLを使って、このサイトを作りました。

この記事では、実際に私がSWELLで行っているカスタマイズを例に「SWELLでブログではない個人サイトを作るなら、こんなことができます」という視点でSWELLで作る個人サイトの作り方を紹介します。

目次

SWELLなら「ブログっぽくないサイト」も作れる

SWELLはWordPressテーマなので、もちろんブログを書くこともできます。

でも、トップページや固定ページを自由に組み合わせていくと、ブログとはかなり違った見た目にすることもできるんです。

例えば、

  • イラストサイト
  • 写真サイト
  • ハンドメイド作品サイト
  • ポートフォリオ
  • 個人の作品集
  • 趣味の活動サイト

など。

「記事を書くためのサイト」ではなく、

「自分が作ったものを見せるためのサイト」

として使うこともできます。

ここからは、私がこのサイトを作る際に実際にやっているカスタマイズを紹介します。

私が作ったサイトはこちら

これは、SWELLで作ったこのサイトのデザインです(2026年8月現在)

トップ画像は動画に設定していて、実際の動きやデザインを見たい場合はあるくおばけのトップページにも遊びにきてください◎

トップページにオリジナル画像を入れる

まず、サイトの顔になるトップページ。

SWELLでは、トップページのメインビジュアルに画像を設定できます。

例えば自分で描いたイラストや写真、オリジナルのデザインを使えば、それだけでサイトの雰囲気がかなり変わります。

例えばイラストサイトなら、自分で描いたイラストをトップに。

写真サイトなら、お気に入りの写真を大きく表示。

ポートフォリオなら、自分の作品を使ったメインビジュアルにする。

無料素材や既製画像を使うのではなく、自分の作品をサイトの一番目立つ場所に置けるのが楽しいところです。

このサイトのトップページを例に載せてみました。

SWELLでは、静止画はもちろん動画もトップページのメインビジュアルとして設定できます。

おばけ

しかも、SWELLの標準機能だけでも、こうしたメインビジュアルを設定できます。
私のサイトは、トップページだけ見ると陶芸家のようなサイトになってますが、作る人の数だけデザインが広がります。

ロゴを作って、均等に並べる

私は、サイト内にオリジナルのロゴを作って、それを均等に配置して「メニューボタン」にしています。

ここではSWELLのリッチカラムを使っています。

例えば、

「ILLUSTRATION」

「PHOTO」

「MUSIC」

「BLOG」

のように、自分の活動や作品のカテゴリーごとにロゴを作って並べることもできます。

イラストサイトなら、

ILLUSTRATION

MATERIAL

CHARACTER

のようにしてもいいですね。

写真サイトなら、

PORTRAIT

LANDSCAPE

SNAP

など。

自分の好きなカテゴリーを作って、作品への入り口にできます。

イラストを投稿して、正方形で並べる

ここが、作品サイトを作りたい人には特におすすめ◎

WordPressの「投稿」を使って、イラストや写真を1作品ずつ投稿します。

そして、記事一覧のサムネイルを正方形に設定すれば、作品をタイル状に並べるような見せ方ができます。

例えば、

【イラスト】

【イラスト】

【イラスト】

【イラスト】

というように、作品が一覧で並びます。イメージはこんな感じ。

これなら、ブログの記事一覧というより、

「作品ギャラリー」

のような見せ方ができます。

イラストだけではありません。

写真なら写真を正方形に。

ハンドメイドなら作品写真を正方形に。

ポートフォリオなら制作物のサムネイルを正方形に。

同じ機能でも、掲載する画像を変えるだけで、いろいろな個人サイトに応用できます。

おばけ

例ではサムネイルが長方形になってますが、こちらもSWELLのカスタマイズ機能から正方形を選択することで表示を変えることが可能です◎

「記事スライダー」も作品サイトに使える

SWELLには記事スライダーの機能もあります。

記事スライダーというとブログの「おすすめ記事」を表示するために使うイメージがありますが、これも作品サイトに利用できます。

例えば、作品を投稿しておいて、記事スライダーで表示。

さらに、余白を調整して画像を並べると、かなりギャラリーっぽい見た目にできます。

そして、記事タイトルを表示しない設定にすれば、画像を中心に見せることもできます。

そのため、

イラストサイト

写真サイト

作品ギャラリー

などにも使いやすいと思います。

しかも、こうした表示はSWELLのカスタマイズ機能を使って設定できます。

「作品を見せたいけど、コードを書かないと無理なのかな?」

と思っている人にも、SWELLは選択肢のひとつになると思います。

固定ページを使うと、さらに自由になる

SWELLで個人サイトを作るなら、固定ページもぜひ使ってみてください。

SWELLでは、トップページに固定ページを表示することで、自分好みに作ったトップページを表示することができます。

投稿は「作品を追加していく場所」。

固定ページは「サイトの構成を作る場所」。

というように使い分けると分かりやすいです。

例えば、

  • About
  • Profile
  • Works
  • Contact
  • Portfolio
  • 利用規約
  • お問い合わせ

などを固定ページで作れます。

トップページそのものを固定ページとして作れば、

「ここに画像」

「ここにロゴ」

「ここに作品一覧」

「ここにプロフィール」

というように、好きな順番でコンテンツを配置できます。

ブログのように「タイトル→本文→記事一覧」という形に縛られず、自分のサイトに合わせてページを組み立てられます。

私はこんな感じでサイトを作っています

「私、センスもないし、デザインの経験なんてないし・・・」

「コードとかHTMLとか全く分からないんだけど大丈夫かな・・・」

私自身、全く何も分からない未経験から自分のサイトを立ち上げました。

SWELLを使いながら、

「ここをもう少しおしゃれにしたい」

「この余白をなくしたい」

「見出しをこんな感じにしたい」

と少しずつ触ってきました。

CSSを追加したり、SWELLの機能を組み合わせたりして、自分のサイトに合うようにカスタマイズしています。

最初から完璧なサイトを作る必要はありません。

まずは、

「自分の好きなものを置く場所を作ってみる」

くらいの感覚で始めてもいいと思います。

SWELLなら、ブログ以外にも「自分のサイト」や「個人サイト」も作れる

ここまで紹介したように、SWELLでは、

  • トップページ→ オリジナル画像を配置◎
  • リッチカラム→ オリジナルロゴやカテゴリーを並べる◎
  • 投稿→ イラスト・写真・作品を掲載◎
  • 正方形サムネイル→ 作品をギャラリーのように表示◎
  • 記事スライダー→ 作品を横並びで表示◎
  • 固定ページ→ AboutやPortfolioなど、自由なページを作る◎

というような組み合わせでサイトを作ることができます。

「ブログを始めたい」という人も「自分の作品を置くサイトを作りたい」という人も

WordPressとSWELLを使えば、こんなふうに自分の好きなものを置くサイトを作ることができます◎。

イラストが好きならイラストサイト。

写真が好きなら写真サイト。

ハンドメイドが好きなら作品サイト。

何かを作ることが好きなら、その作品を残しておく場所。

最初は趣味でも、作品が増えていけば、それが自分の作品集やポートフォリオになるかもしれません。

【まとめ】個人サイトって楽しい

私自身、実際にサイトを作りながら

「これどうやるんだろう?」

と調べて、少しずつカスタマイズしてきました。

実は、私はこのサイトを作るまでに2年悩みました。

理由は、

「作品数も少ないし、まだ下手だし、とても人に見せられないし・・・」

「プロでもないのに、サイトなんて作っていいんだろうか・・・」

と、ずっと一歩踏み出せなかったからです。

ただ、思い切って個人サイトを作ってみたら楽しくて楽しくて。

自分の好きなものが並ぶ場所は見てるだけで楽しい気持ちになれて、

この気持ちはブログ運営を続けるモチベーションになっているのは確かです◎

なので、もしこの記事を読んで、

「ここ、どうやって作るの?」

「SWELLでこういうサイトを作りたいんだけど分からない」

ということがあれば、私のX(旧Twitter)からでもお気軽にDMしてください。

私が実際に試して分かった範囲でよければ、できるだけお答えします。

一緒に「自分の好きなものを置く場所」を作ってみましょう。

自分のサイトの作り方|個人サイトってどうやって作ったらいいの?

こちらの記事では、具体的にWordPressで個人サイトを作るための基本的な流れについて紹介しています。

WordPressテーマ「SWELL」

SWELL【シンプルなのに高機能、圧倒的な使いやすさとデザインを両立】

エックスサーバーからの購入で

通常価格 17,600円16,720円

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次