WordPressテーマでおしゃれなサイトを作ろう！デザインで選ぶおすすめテーマ23選

「SANGO」は、インターネットの知識や暮らしの雑学などを発信するWebメディア「サルワカ」から生まれた有料テーマです。

おしゃれなデザインと機能性を兼ね備えており、内部SEO対策もしっかりと取り入れられています。

ブログやアフィリエイトはもちろん、企業サイトなどあらゆる用途で利用できるWordPressテーマです。

「SANGO」は、直感的にわかりやすいマテリアルデザインと、心地良いアニメーション効果で、訪問者が長居したくなるようなWebサイトづくりに効果を発揮します。

また、Webサイト全体の配色（メインカラー、アクセントカラー）を簡単に変更でき、見出し、ボックス、ボタン、箇条書きなどコンテンツの装飾機能も豊富です。

おすすめ記事や人気記事の一覧をプラグインなしで配置できるウィジェットも用意されています。

なお、「SANGO」は「ConoHa WING」の提携テーマになっており、WINGパックとのセットで割引料金で利用できます。

詳しくはこちらのページもご覧ください。

「JIN」は大人気アフィリエイターである「ひつじ」さんが作成した有料テーマです。

SEOとアフィリエイトで収益をあげるためのノウハウが凝縮されており、全体的に読み心地の良いデザインで、カスタマイズ機能も充実しています。

カスタマイズ機能では、ヘッダー（9種類）、サイドバー（5種類）、フッター（2種類）、記事リスト（3種類）の中から、好きなデザインを組み合わせて独自のデザインに仕上げることができます。

また、プラグインを利用した「着せ替え」機能を利用すれば、自分好みのおしゃれなスキンに一瞬で切り替えることが可能です。

さらに、独自にデザインされたブログパーツ（解説ボックス、吹き出し、比較表、ランキング、各種ボタンなど）を簡単に設置できるため、初心者でも訴求力の高いコンテンツを作成することができます。

なお、「JIN」は「ConoHa WING」の提携テーマになっており、WINGパックとのセットで割引料金で利用できます。

詳しくはこちらのページもご覧ください。

「THE SONIC」はアフィリエイター、デザイナー、エンジニアがタッグを組んで作り上げた、アフィリエイター向けの有料テーマです。

アフィリエイトで収益をあげるためのテクニックやノウハウが、随所に詰め込まれています。

初期状態でアフィリエイトサイトで必要な機能がそろっているため、プラグインの導入や表示の高速化で悩む必要がなく、コンテンツの作成に集中できます。

100種類以上のデザインを簡単に切り替えることが可能で、ブロックエディタに対応した独自のブログパーツ（吹き出し、ボックス、タイムライン、Q&A、ランキング、アコーディオンなど）も豊富です。

なお、「THE SONIC」は「ConoHa WING」の提携テーマになっており、WINGパックとのセットで割引料金で利用できます。

詳しくはこちらのページもご覧ください。

「SWELL」は、シンプルで美しいデザインと機能性を両立させた有料テーマです。

ブロックエディタ（Gutenberg）に完全対応しており、「記事を簡単に・楽しく・早く書けるように」というコンセプトを基に、細部にこだわって設計されています。

シンプルながら磨きぬかれた美しいデザイン性も魅力の1つです。

独自の専用ブロック（吹き出し、見出し付きボックス、アコーディオン、ステップなど）も豊富に用意されており、

ブロックエディタのメリットを生かした魅力的なコンテンツを短時間で作成できます。

「SWELL」を利用すれば、コンテンツの作成時間を大幅にスピードアップすることが可能です。

「DIVER」は、アフィリエイトに熟知した開発メンバーが、利用者のニーズを反映しながら作成した、アフィリエイトに最適化された有料テーマです。

最新のSEO対策はもちろん、読者の離脱を防ぎ収益を改善させる機能（CTA、アピールブロックなど）が用意されており、目的のページへ誘導しやすいコンテンツ作成に向いています。

「DIVER」はカスタマイズ性能の高さと、サポートの手厚さも大きな特徴です。

カスタマイズ可能な項目は公式サイトでも紹介しきれないほど多く、サイトレイアウトは無限大、直感的な操作で簡単に設定可能です。

サポートはメールのみですが、無期限・無制限にサポートが受けられ、HTMLやCSSのカスタマイズ相談も受け付けています。

「meets」は、WordPressテーマのブランド「TCD」が旅行サイト用に作成した有料テーマです。

印象的でおしゃれなビジュアルで訪問者の興味を引きつける多彩な機能を持っています。

ビジュアルをいかした機能としては、ヘッダーとフッターに動画を表示できる他に、以下のようなページ作成機能があります。

この中でもっとも特徴的なのはギャラリーページと特集ページでしょう。

ギャラリーページでは迫力のあるレイアウトで写真（観光スポット、グルメなど）を掲載し、カテゴリーでまとめたり、簡単に並べ替えが可能です。

特集ページは特別にアピールしたいコンテンツを作成するページで、3種類のレイアウト（大、中、小）を切り替えることができます。

他にも自由度が高いランディングページや、タイムリーな情報発信に適したお知らせページが簡単につくれます。

「Slush Pro

」は、WordPressテーマを扱う「StudioPress」が販売する海外製の有料テーマです。

おしゃれで美しいデザイン性と機能性を兼ね備えており、言葉と写真の両方で訴求力のあるコンテンツを簡単に作成できるように設計されています。

カスタムページのテンプレートから簡単にWebサイトを構築することができ、カスタマイズオプションも豊富です。

なお、「StudioPress」のテーマは、すべて「Genesis」というフレームワークの子テーマとして開発されています。

「Genesis」はカスタマイズ性能の高さと専用プラグインの多さが魅力で、「Slush Pro」もその特徴を受け継いでいます。

「Katawara」は、無料テーマ「Lightning」で有名な「ベクトル社」が開発・販売する有料テーマです。

幅広いPC画面ではメニューが左側に固定表示され、画面の幅が狭くなるとメニューが上部へと移動する個性的なデザインを採用しています。

カスタマイザーの機能が豊富な点も魅力の1つで、写真や画像を効果的に使用したカスタマイズが可能です。

たとえば、トップページには自動で切り替わるスライドショーを設置して、スライド効果や切り替え間隔を変更できます（モバイル用の画像も別途設定可能）。

また、ページヘッダー画像はページの種類（投稿ページ、固定ページ、PC用、モバイル用）ごとに変えられます（さらに、固定ページの編集画面で個別設定することも可能）。

「MAG」は、WordPressテーマのブランド「TCD」が、ブロガーやアフィリエイター用に作成したおしゃれな有料テーマです。

アフィリエイトの広告収入を底上げするために、さまざまな機能が搭載されています。

「MAG」は独自のテーマオプション機能で、初心者でも簡単にカスタマイズ可能です。

人気記事や特集記事を専用ウィジェットで簡単に配置することもできます。

もちろん、アフィリエイトで重要な広告管理機能が備わっているため、コンテンツ中に広告を配置するのも簡単です。

広告はウィジェットで配置するほか、ショートコードによる配置にも対応しているため、自由な場所に広告を配置できます。

また、広告の表示形式は、収益効果が高いとされる「ダブルレクタングル（広告を横に2つ並べる配置）」にも対応しています。

「GLAMOUR」は、WordPressテーマのブランド「TCD」が、ネットショップ用に作成した有料テーマです。

ネットショップ構築用のECプラグイン「Welcart」に対応しています。

「Welcart」は国産の無料プラグインで、商品管理、受注管理、会員管理、クレジット決済（国内15社）といったネットショップ運営に必要な機能がひととおりそろっています。

「GLAMOUR」にこの「Welcart」プラグインを導入することで、初心者でも手軽にショッピングサイトを作成できるようになるのです。

「GLAMOUR」は単にショッピングサイトを作れるだけではありません。

圧倒的なビジュアルと操作性で、ネット上で買い物を楽しめるように設計されているのです。

たとえば、商品一覧ではカテゴリー、価格などで並べ替えが可能で、「NEW」や「SALE」といったラベル付けも簡単にできます。

商品ページでは商品説明、写真、ユーザーレビューなどを効果的に配置して、商品の魅力を最大限にアピールできるようになっています。

「WING」は「ONSPEED社」が提供する、SEO対策と広告収入アップ機能が標準装備された有料テーマです。

SEOに強いことで有名な無料テーマ「STINGER」の機能をアップして、有料版として提供されています。

シンプルながら洗練されたおしゃれなデザインも魅力の1つです。

「WING」の強みはターゲットに合わせた圧倒的な最適化です（変幻自在の万能テーマ）。

作成するサイトに合わせて、デザインや収益アップの機能を管理画面から簡単に設定可能なため、1つのテーマでターゲットが異なるさまざまなサイトを作成できるのです。

なお、WINGには以下の二つのバージョンが存在します。

「AFFINGER5」は「WING」のフルバージョンで、「STINGER PRO2」はいくつかの機能が削除された廉価版です。

「ハミングバード」は「オープンケージ」が販売するブロガーのための有料テーマです。

美しく完成度の高いおしゃれなデザインと目をひくアニメーション効果で、さりげなくしかも強力にコンテンツを目立たせることができます。

モバイルファーストで設計されているため、スマホで見たときの見やすさと美しさも大きな特徴です。

また、アドセンス広告や、読者に行動を促すCTAをウィジェットで簡単に配置できる機能を持っているため、アフィリエイトサイトにも適しています。

そのほか、ランディングページ作成機能や各種ショートコードも標準装備しており、素早いコンテンツ作成が可能です。

なお、ハミングバードのライセンスは1サイトのみ使用可能です。

複数サイトで使用する場合、サイトの数だけ購入する必要があります。

「ENFOLD」は、海外の「Themeforest」サイトで販売されている人気の有料テーマです。

日本でも評価が高く利用者が多い海外製テーマのひとつです。

多目的テーマとして開発されていますが、とくに企業サイト、飲食店サイトの作成に適した機能が盛り込まれています。

たとえば、企業サイトに必要な価格表、お問い合わせフォーム、スタッフ紹介、アクセスマップ（交通案内）などが管理画面から簡単に作れます。

追加オプションを利用すれば、イベントカレンダー、ユーザーフォーラムなども簡単に設置可能です。

飲食店サイト用には、多彩なメニュー表、見やすい座席表、座席表と連動した予約フォーム、宅配デリバリーの受注フォームを作れる機能が備わっています。

「Cocoon」は無料テーマとは思えないほど高機能で、カスタマイズ機能が豊富な点が魅力です。

デフォルトの状態では白色ベースのシンプルなデザインですが、

数十種類用意されている「スキン」を着せ替えることで、サイトの配色や見出し、目次、各種ボックスのスタイルが変更され、おしゃれなテーマに生まれ変わります。

Webサイトの装飾機能も豊富で、有料テーマで実装されるような目次、吹き出し、ランキング、タイムライン作成機能を持ち、

無料テーマでありながら訴求力の高いコンテンツ作成が可能です。

また、内部SEO対策やWebサイトの高速化機能を備えているため、外部プラグインの導入は最小限で済みます。

サポートフォーラムも活発に運営されているので、初心者にも安心の人気無料テーマです。

「DW Timeline」は「Design Wall社」が開発したおしゃれな無料テーマです（WorePress公式ディレクトリ登録テーマ）。

左右2列タイムライン形式のレイアウトが特徴的で、縦にスクロールするユニークなWebサイトが作成できます。

最大6つの投稿フォーマット（標準、ギャラリー、ビデオ、ステータス、オーディオ、見積もり）と便利な機能を搭載しています。

ブログやポートフォリオ（実績や能力をアピールするための作品集）の作成に適しています。

「STINGER」は「ONSPEED社」が提供する、SEOに強いことで有名な無料テーマです。

直感で操作できるおしゃれなユーザーインターフェースで、利便性の高いWebサイトを作成できます。

広告用のウィジェットが用意されているため、アドセンス広告を簡単に配置できるのもメリットです。

現在の「ONSPEED社」の主力製品は有料テーマの「WING」ですが、以下2種類の無料テーマが利用できます。

「STINGER PLUS2」は、有料の「STINGER PRO」のお試し版で、STINGER8よりもカスタマイズ機能が多く、初心者に扱いやすいバージョンです。

「STINGER8」はシンプルなデザインで、自力でカスタマイズしたい人に向いています。

「Hueman」は「Nicolas」さんが開発した、WordPress公式ディレクトリに登録されている無料テーマです。

高速表示と100%モバイルフレンドリーに対応している点が特徴で、Webサイトのアクセス数アップに効果を発揮します。

レイアウトの種類が豊富（1カラム、2カラム：2種類、3カラム：2種類）で、カスタマイズ機能も充実しているため、思い通りのおしゃれなWebサイトが作成可能です。

WordPress.orgのブログや雑誌で高い評価を受け、世界中の7万以上のWebサイトが使用している人気テーマとなっています。

「pure」はすっきりと洗練されたおしゃれなデザイン（5種類のヘッダー、8種類のレイアウト）と、優れた機能が魅力の無料テーマです。

写真や画像を中心としたポートフォリオサイト向けのテーマとして開発されています。

白をベースにしたデザインで、画像を配置するパターンは簡単に変更でき、

画像を大きく表示したり、詳細な解説をつけたりすることができるほか、豊富なショートコードも用意されています。

なお、「Pure」のデモサイトのサンプルデータがダウンロード可能で、デモサイトと同じようにカスタマイズしたサイトを作成することも可能です。

「Shophistic Lite」は「Quema Labs」が販売するオンラインショップ向けの有料テーマ「Shophistic」の無料版です（WordPress公式ディレクトリ登録テーマ）。

おしゃれでユニークなデザイン、美しいアニメーション効果、商品写真を引き立たせる豊富なクリックアクションで、商品アピールを効果的におこなえます。

「Shophistic Lite」の最大の特徴は、「WooCommerce」プラグインを利用してすばやく簡単にオンラインショップを開設できる点にあります。

「WooCommerce」はネットショップを構築するための豊富な機能を備え、世界中で利用者が多い無料プラグインです（WordPres公式ディレクトリ登録プラグイン）。

「Shophistic Lite」は「WooCommerce」に完全対応しているため、オンラインショップ開設に最適なテーマと言って良いでしょう。

「hoot-du」は「wpHoot」さんが制作した海外製の無料テーマです（WordPress公式ディレクトリ登録テーマ）。

SEOに最適化され、応答性が高くとても高速に動作します。

海外製のテーマですが、大胆でインパクトのあるおしゃれなデザインで日本の利用者も多く、

個人ブログからニュースサイト、雑誌サイト、写真サイト、オンラインストアと多目的に利用できます。

トップページのレイアウト（1カラム、2カラム、3カラム対応）とデザインが自由にカスタマイズできる点が大きな特徴です。

有料版もありますが、無料版でも十分なカスタマイズ機能を備えています。

「Fotografie」は「Catch Themes」が提供する写真サイト向きの海外製無料テーマです（WordPress公式ディレクトリ登録テーマ）。

写真を中心としたエレガントでおしゃれなWebサイトを簡単に作成できるように設計されています。

マウス操作で簡単にWebサイトをカスタマイズできるテーマオプションや、Webサイトの管理や最適化が可能なウェブマスターツールオプションを装備しています。

また、人気コンテンツや注目コンテンツを強調表示できるため、訪問者を誘導しやすいコンテンツ作成が可能です。

なお、「Fotografie」には、有料版の「Fotografie Pro」もあります。

「Hestia」は「Themeisle」が提供している海外製の無料テーマです（WoredPress公式ディレクトリ登録テーマ）。

直感的にわかりやすいマテリアルデザインを採用し、カスタマイザーの機能も豊富なため、個性的でおしゃれなWebサイトを簡単に作成できます。

海外製テーマですが、カスタマイズ画面は日本語に翻訳されているので、設定画面もわかりやすく、WordPress公式ディレクトリ登録テーマの中でも人気ランキングの上位にあります。

また、SEO最適化済みで表示速度も速く、さまざまなプラグインとの互換性もあります。

「Pixgraphy」は「Theme Freesia」が設計・開発した海外製の無料テーマです（WordPress公式ディレクトリ登録テーマ）。

写真を中心としたWebサイトに適しており、SEO、高速表示、ユーザーフレンドリーに最適化済みで、検索結果で上位表示しやすいように設計されています。

カスタマイザーの機能はそれほど多くありませんが、日本語に翻訳されているため、簡単にカスタマイズ可能です。

また、「WooCommerce」プラグインをサポートしているため、おしゃれでオリジナリティの高いショッピングサイトを簡単に構築できます。

第1のポイントはあなたのWebサイトやブログのコンセプトに合っているテーマを選ぶことです。

いくらデザイン性の優れたテーマでも、コンテンツの内容やコンセプトに合っていないと、読者は違和感を感じてしまいます。

また、テーマは大きく分けるとブログ型とホームページ型の2種類があるため、作りたいWebサイトのタイプに合わせることも重要です。

ブログやトレンドニュースなど、日々新しい記事を投稿していくサイトなら、トップページが投稿記事の一覧になっているブログ向けのテーマを選ぶと良いでしょう。

企業サイトや店舗のホームページを作成するなら、トップページが固定ページになっているホームページ向けのテーマが適しています。

WordPress自体の機能でトップページ（投稿ページ or 固定ページ）を切り替えることができますが、はじめから用途にあったテーマを選んだほうが運営は簡単です。

第2のポイントはレスポンシブに対応していることです。

レスポンシブデザインを採用しているテーマは、表示する端末（PC、スマホ、タブレットなど）の画面の大きさによって、

自動的に見やすいよう表示内容が最適化されるよう設計されています。

WebサイトはPCで作成することが多いですが、読者はPCよりもスマホで見ることが多いでしょう。

レスポンシブに対応していないWebサイトは、スマホで見ると小さく表示されてしまい、拡大しないと見にくいため、読者が離脱してしまう確率が高くなってしまいます。

せっかく訪れてくれた読者を逃がさないために、レスポンシブ対応は必須です。

現在はほとんどのテーマがレスポンシブデザインに対応していますが、必ずチェックしておくべきポイントです。

なお、気に入ったテーマが見つかったら、PCの表示だけでなくスマホの表示も確認しておきましょう。

第3のポイントはカスタマイズしやすいことです。

Webサイトのデザインは、利用するテーマによってある程度決まってきますが、

テーマをカスタマイズすることによって、自分好みのデザインに変更したり、オリジナリティを演出したりできます。

カスタマイズ機能は利用するテーマによって大きく異なります。

カスタマイズできる項目や種類が多ければ多いほど、自分好みのサイトに仕上げることが可能です。

CSSの知識があれば独自にデザインを変更することも可能ですが、初心者には難しいことも多いため、はじめからカスタマイズ機能が多く用意されているテーマがおすすめです。

ただし、カスタマイズ機能が多くても、操作に手間がかかると使い勝手が悪いため、簡単な操作で変更できるかどうかもチェックしておきましょう。

まず、WordPress管理画面から公式ディレクトリに登録されている無料テーマをインストールする方法を説明します。

WordPress管理画面のメニューから「外観」→「テーマ」を選択します。

「テーマ」画面上部の「新規追加」を押下します。

「テーマを追加」画面に公式ディレクトリに登録されているテーマの一覧が表示されます。

上部の「注目」「人気」「最新」を押下すると、それぞれの項目に絞ったテーマが表示されるので、この中から気に入ったテーマを選んでインストールできます。

また、「特徴フィルター」利用すれば、「件名（テーマの用途）」「機能」「レイアウト」の種類を細かく指定して検索することも可能です。

インストールするテーマ名が決まっている場合は、テーマ名の検索窓にキーワードを入力します。

ここでは、おすすめの無料テーマで紹介した「Hestia」を入力してみましょう。

すると、キーワードに合致したテーマが表示されるはずです。

インストールするテーマが見つかったら、その上にマウスを移動すると表示される「インストール」ボタンを押下します。

インストール完了後に表示される「有効化」ボタンを押下すると、該当テーマが適用されます。

以上でWordPressテーマを検索してインストールする手順は完了です。

次に、外部サイトで入手したテーマをインストールする方法を説明します。

導入したいテーマファイル（zip形式）は、事前にダウンロードしておきましょう。

WordPress管理画面の左側のメニューから「外観」→「テーマ」の順に選択します。

表示された「テーマ」画面上部の「新規追加」ボタンを押下します。

画面上部の「テーマのアップロード」ボタンを押下します。

「テーマのアップロード」ボタンの下に表示される「ファイル選択」ボタンを押下し、事前にダウンロードしたテーマファイル（zip形式）を選択します。

テーマファイル（zip形式）を選択すると、「今すぐインストール」ボタンが有効になるので、押下してください。

インストールが完了すると、上記の画面に変わるので「有効化」リンクを押下します。

以上で、外部サイトで入手したテーマのインストールは完了です。

WordPressテーマをカスタマイズするには、大きく分けると次の2つの方法があります。

まず、テーマカスタマイザーを使用したカスタマイズ方法を説明します。

テーマカスタマイザーで変更できる項目はテーマによって異なりますが、おおむね以下の項目が設定可能です。

ここでは、WordPressのデフォルトテーマ「Twenty Twenty」のテーマカスタマイザーを使用して基本的な操作方法を紹介します。

次に、CSSでWordPressテーマをカスタマイズする方法を説明します。

CSSでカスタマイズする方法は次の4種類があります。

直接テーマのスタイルシートを編集すると、テーマを更新したときに編集した内容が失われてしまうため、

一般的には子テーマを作成して、子テーマのスタイルシートにCSSを追加する方法がとられます。

ただし、子テーマを作成するには多少手間がかかるため、ここでは追加CSSを利用してカスタマイズする方法を紹介しましょう。

説明に使用するテーマは、無料テーマの「Cocoon」です。

Webにくわしくない初心者でもたった10分で始められるレンタルサーバー「ConoHa WING」。

とっても簡単だから今すぐ始めちゃいましょう。

また下記の記事では、ConoHa WINGを使ってWordPressを開設する方法を、画像付きでくわしく解説しています。

他社のレンタルサーバーをご利用中で、ConoHa WINGにお乗り換えを検討されている方も安心です！

煩雑なレンタルサーバーの移行もかんたんにお乗換えいただけるよう、いくつかのサポートを用意しています。