WordPress

WordPressのテーマ7選!デザインがおしゃれで使いやすいおすすめテンプレート

wordpress-

WordPressで依頼を受けているデザイナーさんから、この前「自分で練習する時、どんなテーマ使ってます?」と質問を受けました。

そこで今回は、WordPressの無料テーマを用途別に纏めていきたいと思います。

WordPressでのテーマ(テンプレート)の探し方

まずはじめに、そもそも「どうやって無料のテーマを探したらいいのかよく分からない…」といった方のために、テーマの探し方を紹介します。

① 知り合いに教えてもらう

まず1つめの方法は、知り合いから教えてもらう方法です。これが正直、一番早くて信頼性があります。

デメリットとしては、そういう知り合いが必要といったところです。

特に、ワードプレスのテーマをいろいろ知ってはいるけれども、実際に使ったことはないという口だけさんもいるので、注意が必要です。

② 直接WordPressから探す

続いて、直接Wordpressから探す方法です。この方法は好きな方は良いのですが、とんでもなく効率が悪いです。

大体の場合、デモページがものすごく綺麗なのに、使ってみたらそうでもなかった…なんてことがよく起こります。

特に海外テーマに多い気がします。。

③ まとめ記事から探す

あとは、こういったテーマを纏めている記事から探す方法です。

こちらも結構信用できるのですが、たまにただただ纏めているだけの記事も存在するので注意が必要です。

僕も一度試すようにしていますが、どうしても抜け漏れがあるみたいです。

WordPressでオススメのデザインテンプレート

それでは、実際のオススメのテーマ一覧をご紹介します。用途別に紹介していきます。

メディア向け

Portal

portal - Wordpressのテーマ7選!デザインがおしゃれで使いやすいおすすめテンプレートURL:https://ja.wordpress.org/themes/portal/

ポータルは、マガジン形式のデザインに強いテーマです。

ただ、使いやすいようにしてくれている機能が、詳しい人には逆効果で迷惑になってる感じもするので、カスタマイズしたい人はやめておきましょう。

XeoryBase

xeorybase 1 - Wordpressのテーマ7選!デザインがおしゃれで使いやすいおすすめテンプレート
URL:
https://xeory.jp/template/xeory-base/

XeoryBaseはバズ部さん(株式会社Lucy)で使われているテーマで、コンテンツマーケティングに向いています。オウンドメディアなどは、このテーマを使うのに向いてますね。

CSSでメディアクエリが使われており、1200px,991px,767pxでブレイクポイントが設定されているのも、使いやすいなと感じます。

ブログ向け

STORK

STORK 530x236 - Wordpressのテーマ7選!デザインがおしゃれで使いやすいおすすめテンプレート

STORKは有料テーマになりますが、オシャレなブログにしたいのであれば、一発で完成します。

特に細かくCSSなどを書いてカスタマイズする必要もありませんので、デフォルトのまま利用してもオシャレなブログが完成します。

ちょっと検索すればカスタマイズ方法やショートコードなどが出てきますので、特に有料テーマに抵抗のない方にはおすすめです。

Storkの公式サイトへ0 - Wordpressのテーマ7選!デザインがおしゃれで使いやすいおすすめテンプレート

Sydney

sydney 1 - Wordpressのテーマ7選!デザインがおしゃれで使いやすいおすすめテンプレートURL:https://ja.wordpress.org/themes/sydney/

Sydneyは、ファーストビュー(ページを開いて最初に見える部分)で勝負したい人にオススメです。

ヒーローヘッダーに当たる部分にスライドショーがデフォルトであり、CTAが設置しやすいのもポイントです。

ポートフォリオ向け

XeoryExtension

xeoryextension - Wordpressのテーマ7選!デザインがおしゃれで使いやすいおすすめテンプレートURL:https://xeory.jp/template/xeory-extension/

先程紹介した、XeoryBaseと同じバズ部さんから出されているテンプレートです。

実は、最初からポートフォリオに向いているというわけではないですが、トップページが縦長で整えやすいです。

画像が映える作りになっているのでカスタマイズすると、ポートフォリオっぽくなります。企業の事例紹介などには最適でしょう。

Portfolio

portfolio - Wordpressのテーマ7選!デザインがおしゃれで使いやすいおすすめテンプレートURL:https://modernthemes.net/wordpress-themes/portfolio/

個人情報を入力する必要はありますが、支払いはありませんので無料で使えます。

とにかく画像を活かしたデザインが作れます。無駄な空白とかも無く、文章を入れる余地さえ与えてないのがいいですね。

イラストやフォトグラファーなどは使いやすいと思います。ただし、Webデザイナーの場合は、サイトの写真の撮り方を工夫する必要があります。

コーポレート向け

XeoryExtension

xeoryextension - Wordpressのテーマ7選!デザインがおしゃれで使いやすいおすすめテンプレートURL:https://xeory.jp/template/xeory-extension/

ポートフォリオと同じように、Xeory Extensionは事例紹介がしやすいです。

BizVektor

bizvektor - Wordpressのテーマ7選!デザインがおしゃれで使いやすいおすすめテンプレートURL:https://bizvektor.com/

他にも、企業サイトのテンプレートといったらbizvektorが有名です。ただし、すごくシンプルな部分だけがネックです。

パララックス対応向け

Aldehyde

aldehyde - Wordpressのテーマ7選!デザインがおしゃれで使いやすいおすすめテンプレートURL:https://ja.wordpress.org/themes/aldehyde/

パララックス対応しているというテーマはいくつかありますが、機能が制限されていたり、使えなかったりするものが多いので、こちらは珍しいテーマです。

パララックスエフェクトがテーマで実装できるというのは、非常に楽かと思われます。

WordPressのテンプレートをカスタマイズする方法

続いて、Wordpressでテンプレートを入れた後に、細かなカスタマイズをしたい人向けに簡単にやり方をご紹介します。

スタイルシート(CSS)を変更する場合

まず1つめは、スタイルシートを変更する場合です。これはCSSで書き換えていくだけなので、コーディングが出来るようになれば早いです。

特にデベロッパーツールなどを上手く使うと、早く編集できます。「wp-content」→「themes」→「style.css」などに書かれています。

ページの表示部分(PHP)を変更する場合

次は、ページの表示部分を変える方法です。「wp-content」→「themes」にある、個別ファイルを編集する形になります。

single.phpやpage.phpなどで記載されているので、自分の必要とするファイルを編集しましょう。

編集の仕方はWordPress オリジナルテーマを作る 記事の個別ページの作成などを参考にしてみてください。

WordPressの処理機能(PHP)を変更する場合

最後に、ページに表示されていないけど、処理機能部分を変更したい場合はテーマによります。

「wp-content」→「themes」 →「lib」などの中にあったりします。僕はここを編集して、ディスクリプション設定が自動で入るようになっています。

有料テーマで購入したテンプレートの導入方法

なお、STORKなど有料テーマを購入した場合は、設定が必要です。そのやり方を簡単にご紹介します。

1.ZIPファイルを用意する

まず、購入したサイトからZIPファイルをダウンロードします。

2.「外観」からアップロード

upload - Wordpressのテーマ7選!デザインがおしゃれで使いやすいおすすめテンプレート続いて、「外観」→「新規追加」→「アップロード」からアップロードします。こちらで「有効化」すれば、テーマが使えるようになります。

慣れれば簡単ですし、有料テーマはデザインに加えて機能面でも非常に優れているものが多いので、初心者の方にはSTORKなどの有料テーマはおすすめです。

Storkの公式サイトへ0 - Wordpressのテーマ7選!デザインがおしゃれで使いやすいおすすめテンプレート