デザイン学部で学習を開始しよう!

まずは無料会員登録!デザインスキルや知識を得られる授業をオンラインで開講中。最新のWeb制作スキルを身につけましょう。

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回】

 


WEBデザイナー学部では毎週Webデザインについての分かりやすい授業をお届けしております♪

初心者でWebデザインを学びたい方、自分のWebデザインの技術を磨きたい方は是非チェックしてみてください。学部登録すると、自分のカリキュラムの進捗が一目で分かるようになり、先生がイチオシするツール紹介などの役立つコラムつきメールが受け取れるようになります!


スクー教務課:山口

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

デザイン学部の記事一覧