10/8(Tue)

今日の生放送

WordPress 無料 テーマ レスポンシブ

 

「WordPressで自分の好みに合ったデザインがなかなか見つからない…」

「WordPressでおしゃれなデザインにしたいけどどのテーマを選べばいいか分からない…」

「自分のWordPressサイトをパソコンでもタブレットでもスマホでもかっこよく見せたい…」

 

という方に、無料で使えるレスポンシブWebデザインのテーマを30個ご紹介いたします。あらゆるデバイスが普及する中で、全てのデバイスに対応した「レスポンシブWebデザイン」の需要が高まっているので、この機会にお気に入りのテーマを見つけてくださいね。

 


■目次

1.WordPressのテーマとは

2.テーマの設定方法

3.レスポンシブWebデザインの無料テーマ30選


 

1. WordPressのテーマとは

WordPressのテーマとは、WordPressで作るサイトのデザインを、コーディングせずに変更出来るテンプレートのようなものです。Tumblrのテーマと似たようなものですね。

テーマを変更することで、WordPressのデザインを自分の好みに変更することが出来ます。 ECサイトに適しているテーマや、ブログに適しているテーマなどデザインは様々です。ご自身のサイトの用途に合わせてテーマを探してみてくださいね。
 

2. テーマの設定方法

※「WordPressと既存テーマをインストールしてネット上で表示する方法【1回 /全6回】」より

WordPressのダッシュボードから、「外観」→「テーマ」

WordPress テーマ インストール方法
(引用:WordPressと既存テーマをインストールしてネット上で表示する方法【1回 /全6回】


「新しいテーマを追加」をクリックし、自分の好きなテーマを選択し、インストールします。

WordPress テーマ インストール方法
(引用:WordPressと既存テーマをインストールしてネット上で表示する方法【1回 /全6回】

完了すると、ダッシュボードの「外観」→「テーマ」に、インストールしたテーマが表示されます。そこでインストールしたテンプレートの「有効化」を選択すると、サイトに反映することが出来ます。

 

3. レスポンシブWebデザインの無料テーマ30選

1)Twenty Thirteen (※公式サイトで紹介されています)

WordPress 無料 テーマ レスポンシブ

 

2)TwentyFourteen (※公式サイトで紹介されています)

WordPress 無料 テーマ レスポンシブ

 

3)Pinbin (※公式サイトで紹介されています)

WordPress 無料 テーマ レスポンシブ

 

4)Spun (※公式サイトで紹介されています)

WordPress 無料 テーマ レスポンシブ

 

5)Shotoku

WordPress 無料 テーマ レスポンシブ

 

6)Themify

WordPress 無料 テーマ レスポンシブ
 

7)Responsive (※公式サイトで紹介されています)

WordPress 無料 テーマ レスポンシブ

 

8)UNIQUE THEME RESPONSIVE (※公式サイトで紹介されています)

WordPress 無料 テーマ レスポンシブ

 

9)WallPress (※公式サイトで紹介されています)

WordPress 無料 テーマ レスポンシブ

 

10)PlayBook

WordPress 無料 テーマ レスポンシブ

 

11)Fizz

WordPress 無料 テーマ レスポンシブ

 

12)PURE WORDPRESS THEME

WordPress 無料 テーマ レスポンシブ
 

13)Starter

WordPress 無料 テーマ レスポンシブ

 

14)Bearded

WordPress 無料 テーマ レスポンシブ

 

15)Sueva (※公式サイトで紹介されています)

WordPress 無料 テーマ レスポンシブ

 

16)Adament 

WordPress 無料 テーマ レスポンシブ

 

17)SIMPLE GRID THEME RESPONSIVE

WordPress 無料 テーマ レスポンシブ

 

18)Catch Box (※公式サイトで紹介されています)

WordPress 無料 テーマ レスポンシブ

 

19)Eclipse(※公式サイトで紹介されています)

WordPressレスポンシブWebデザインテーマ

 

20)iMag Mag (※公式サイトで紹介されています)

WordPress 無料 テーマ レスポンシブ

 

21)Gridster-Lite

WordPress 無料 テーマ レスポンシブ
 

22)Gridly

WordPress 無料 テーマ レスポンシブ

 

23)Travelify (※公式サイトで紹介されています)

WordPress 無料 テーマ レスポンシブ

 

24)PR News (※公式サイトで紹介されています)

WordPress 無料 テーマ レスポンシブ

 

25)vantage (※公式サイトで紹介されています)

WordPress 無料 テーマ レスポンシブ

 

26)Alhena

WordPress 無料 テーマ レスポンシブ

 

27)Point (※公式サイトで紹介されています)

WordPress 無料 テーマ レスポンシブ

 

28)Arcade Basic (※公式サイトで紹介されています)

WordPress 無料 テーマ レスポンシブ

 

29)DW Timeline (※公式サイトで紹介されています)

WordPress 無料 テーマ レスポンシブ

 

30)Snaps (※公式サイトで紹介されています)

WordPress 無料 テーマ レスポンシブ

気に入るテンプレートはありましたか?

無料のテンプレートなので、ぜひご自分のWordPressに入れて、どのテンプレートが一番良いか試してみてくださいね!

関連記事:WordPressと既存テーマをインストールしてネット上で表示する方法【1回 /全6回】

 

WordPressに興味がある人必見!WordPressを学ぶためのオンライン動画授業4選

WordPressのレスポンシブデザインに興味のあるあなたにWordPressを学ぶための授業4選をご紹介します!これらの授業を通じて、具体的にWordPressの初期設定から、実際にテーマを設定して制作するなどして理解を深めることができます。ぜひこれらの授業を受講し、WordPressに関する知識を身につけましょう!

 

1.WordPress入門 -基礎からのWordPress-

本授業では、HTML/CSSには触れたことがあるがWordPressは未経験という方向けに、WordPressの設置方法、テーマやプラグインの利用方法、子テーマを用いたカスタマイズ方法を学び、WordPressでサイトを立ち上げる事が出来るようになる内容となっています。

 

2.WordPress入門 -オリジナルテーマの制作方法-

この授業では、WordPressオリジナルテーマ制作方法を学べる内容となっています。WordPressテーマの基本的な仕組みやカスタマイズ方法を理解し、サイトの目的に合わせたオリジナルテーマを作成できるようにしっかり学んでいきましょう。

 

3.WordPress実践 -オリジナルテーマの制作実践-

本授業では、HTML/CSSのサイトデータを元に、WordPressのテーマを作成する方法を実践形式で学んでいきます。静的なHTMLサイトを基にしたテーマ制作をどのようにして進めていくかを一緒に学んでいきましょう。

 

4.これからのモバイルサイト UIデザイン基礎

この授業では、Webデザインを勉強している初心者の方、またはモバイルUIデザインを基礎から学びたい方を対象に、モバイルサイトデザインにスポットを当てて、UIデザインの基礎授業を講義と実技を交えながら学んでいきます。

 

いかがでしたでしょうか?
これらの授業を受講することで、WordPressに関する基本的な知識を身につけることが出来るでしょう。さらに、これらの授業を通じて、自身がこれからWordPressを実践していこうかを考えることも出来たのではないでしょうか?
Schooではこれら4つの授業以外にWordPressに関する授業を多数開講しています。ぜひSchooでさまざまな授業を受講し、WordPressに関する知見を深めていきましょう!

今日の生放送

  • このエントリーをはてなブックマークに追加

デザイン学部の記事一覧