10/8(Tue)
「WordPressで自分の好みに合ったデザインがなかなか見つからない…」
「WordPressでおしゃれなデザインにしたいけどどのテーマを選べばいいか分からない…」
「自分のWordPressサイトをパソコンでもタブレットでもスマホでもかっこよく見せたい…」
という方に、無料で使えるレスポンシブWebデザインのテーマを30個ご紹介いたします。あらゆるデバイスが普及する中で、全てのデバイスに対応した「レスポンシブWebデザイン」の需要が高まっているので、この機会にお気に入りのテーマを見つけてくださいね。
■目次
1.WordPressのテーマとは
2.テーマの設定方法
3.レスポンシブWebデザインの無料テーマ30選
WordPressのテーマとは、WordPressで作るサイトのデザインを、コーディングせずに変更出来るテンプレートのようなものです。Tumblrのテーマと似たようなものですね。
テーマを変更することで、WordPressのデザインを自分の好みに変更することが出来ます。 ECサイトに適しているテーマや、ブログに適しているテーマなどデザインは様々です。ご自身のサイトの用途に合わせてテーマを探してみてくださいね。
※「WordPressと既存テーマをインストールしてネット上で表示する方法【1回 /全6回】」より
WordPressのダッシュボードから、「外観」→「テーマ」
(引用:WordPressと既存テーマをインストールしてネット上で表示する方法【1回 /全6回】)
「新しいテーマを追加」をクリックし、自分の好きなテーマを選択し、インストールします。
(引用:WordPressと既存テーマをインストールしてネット上で表示する方法【1回 /全6回】)
完了すると、ダッシュボードの「外観」→「テーマ」に、インストールしたテーマが表示されます。そこでインストールしたテンプレートの「有効化」を選択すると、サイトに反映することが出来ます。
1)Twenty Thirteen (※公式サイトで紹介されています)
2)TwentyFourteen (※公式サイトで紹介されています)
3)Pinbin (※公式サイトで紹介されています)
4)Spun (※公式サイトで紹介されています)
5)Shotoku
6)Themify
7)Responsive (※公式サイトで紹介されています)
8)UNIQUE THEME RESPONSIVE (※公式サイトで紹介されています)
9)WallPress (※公式サイトで紹介されています)
10)PlayBook
11)Fizz
13)Starter
14)Bearded
15)Sueva (※公式サイトで紹介されています)
16)Adament
17)SIMPLE GRID THEME RESPONSIVE
18)Catch Box (※公式サイトで紹介されています)
19)Eclipse(※公式サイトで紹介されています)
20)iMag Mag (※公式サイトで紹介されています)
22)Gridly
23)Travelify (※公式サイトで紹介されています)
24)PR News (※公式サイトで紹介されています)
25)vantage (※公式サイトで紹介されています)
26)Alhena
27)Point (※公式サイトで紹介されています)
28)Arcade Basic (※公式サイトで紹介されています)
29)DW Timeline (※公式サイトで紹介されています)
30)Snaps (※公式サイトで紹介されています)
気に入るテンプレートはありましたか?
無料のテンプレートなので、ぜひご自分のWordPressに入れて、どのテンプレートが一番良いか試してみてくださいね!
関連記事:WordPressと既存テーマをインストールしてネット上で表示する方法【1回 /全6回】
WordPressのレスポンシブデザインに興味のあるあなたにWordPressを学ぶための授業4選をご紹介します!これらの授業を通じて、具体的にWordPressの初期設定から、実際にテーマを設定して制作するなどして理解を深めることができます。ぜひこれらの授業を受講し、WordPressに関する知識を身につけましょう!
本授業では、HTML/CSSには触れたことがあるがWordPressは未経験という方向けに、WordPressの設置方法、テーマやプラグインの利用方法、子テーマを用いたカスタマイズ方法を学び、WordPressでサイトを立ち上げる事が出来るようになる内容となっています。
この授業では、WordPressオリジナルテーマ制作方法を学べる内容となっています。WordPressテーマの基本的な仕組みやカスタマイズ方法を理解し、サイトの目的に合わせたオリジナルテーマを作成できるようにしっかり学んでいきましょう。
本授業では、HTML/CSSのサイトデータを元に、WordPressのテーマを作成する方法を実践形式で学んでいきます。静的なHTMLサイトを基にしたテーマ制作をどのようにして進めていくかを一緒に学んでいきましょう。
この授業では、Webデザインを勉強している初心者の方、またはモバイルUIデザインを基礎から学びたい方を対象に、モバイルサイトデザインにスポットを当てて、UIデザインの基礎授業を講義と実技を交えながら学んでいきます。
いかがでしたでしょうか?
これらの授業を受講することで、WordPressに関する基本的な知識を身につけることが出来るでしょう。さらに、これらの授業を通じて、自身がこれからWordPressを実践していこうかを考えることも出来たのではないでしょうか?
Schooではこれら4つの授業以外にWordPressに関する授業を多数開講しています。ぜひSchooでさまざまな授業を受講し、WordPressに関する知見を深めていきましょう!