ライターのナナミです。WordPress、ブログもサイトも作れてとっても便利ですよね。難しいコードを書かなくても、素敵なデザインのテーマがたくさんあります。ありすぎてどれがいいのかわからない...せっかくだから流行りのデザインにしたいけど、今の流行りってなんだろう...そんなお悩みをサクッと解決!今回は数あるテーマの中から、2018年のデザイントレンドにぴったりなテーマをご紹介します。この記事は下記の流れで進めていきます。【おまけ】自分でデザインしてみようおまけで自作デザインについてもちょっとだけ解説しちゃいます。2018年もとうとう折り返し。トレンドを把握していきましょう。まとめそもそもテーマとは?テーマを紹介する前に、そもそもテーマとは何かについてさらっとおさらいしておきましょう。テーマとは、WordPressのデザインテンプレートのことです。有料のものから無料のものまで、個人作成から企業作成のものまで、様々なテーマが配布されています。テーマにはすでにブログの表示機能やデザインが実装されています。難しいコードを書かなくても素敵なサイトやブログができちゃうなんて素敵ですね!そんなテーマの設定方法については、下記の記事をどうぞ。https://techacademy.jp/magazine/13712018年のデザイントレンドは?近年はかなりシンプルなデザインがトレンドで、2018年も例に漏れずシンプル系がトレンドの傾向があります。シンプルと言っても文字と背景だけというより、がちゃがちゃとアイコンなどを配置しないという感じです。その分、写真や文字をダイナミックに使って、インパクトを持たせていたりします。まとめると下記のような感じです。・タイポグラフィ詳しい解説は下記の記事がまとめてくれています。https://ferret-plus.com/8641WordPressのおしゃれで無料なテーマ7選では、トレンドを踏まえて今おすすめのテーマを紹介していきましょう。今回紹介していくテーマは、なんとすべて無料です。無料でも素敵なものがたくさんありました!ぜひプレビューなども見てみてくださいね。スタンダード系:Hestiahttps://ja.wordpress.org/themes/hestia/レスポンシブ対応:有りSEO最適化:済みドキュメント:https://docs.themeisle.com/article/753-hestia-docメインビジュアルにダイナミックに写真を載せられるテーマです。最近よく見るデザインですね、かなり汎用性が高いと思います。シンプル&ナチュラル:Cenotehttps://ja.wordpress.org/themes/cenote/レスポンシブ対応:有りSEO最適化:済みドキュメント:https://docs.themegrill.com/cenote/すっきりシンプル、そしてナチュラルな雰囲気のテーマです。写真次第ではもっとキリッとさせられそうですね。こちらも汎用性の高いデザインです。ザ・スタイリッシュ:Obliquehttps://ja.wordpress.org/themes/oblique/レスポンシブ対応:有りSEO最適化:済みドキュメント:https://docs.themeisle.com/article/294-oblique-documentation斜めの要素がスタイリッシュなテーマです。メインビジュアルだけでなく、下のコンテンツも斜めになっていてかっこいいですね。写真映え:Hamiltonhttps://ja.wordpress.org/themes/hamilton/レスポンシブ対応:有りSEO最適化:不明ドキュメント:無しシンプルなポートフォリオ向きのテーマです。していて写真が映えますね!グリッドレイアウト:Orvishttps://ja.wordpress.org/themes/orvis/レスポンシブ対応:有りSEO最適化:不明ドキュメント:https://wordpress.com/theme/orvisグリッドレイアウトなポートフォリオサイト向けのテーマです。写真が並んでいるだけでも、こんなにおしゃれになるんですね。Liteというテーマの子テーマなので、親テーマのドキュメントを紹介しています。可愛らしくポップな感じのテーマです。解説サイト:無しシンプルデザインの究極系、文字だけで構成するブログ用テーマです。自分でデザインしてみよう確かに素敵なテーマがいっぱいあるけど、自分の好みじゃない...自分のイメージ通りのサイトを作りたい!というようなこだわりの強い方は、テーマ選びもなかなか難しそうですね。そのこだわりは大事です!やっぱり作るなら自分好みのサイトを作りたいものです。そこでちょっとレベルアップしちゃいましょう。自分でテーマを作って、自分好みのサイトを作る方法をちらっと解説していきます。自作テーマ作りに必要な知識テーマを一から自分で作るには、デザインの知識だけではなく、HTMLやCSS、そしてPHPの知識も必要になってきます。考えると、なかなかハードルが高いですよね...でも、これらのプログラミングは覚えてしまえばいろんなことができるようになっちゃいます。自作テーマの作り方WordPressのテーマは、最低でも下記のファイルが必要です。・index.php・functions.php・style.cssこの3つのファイルを作成して、ひとつのファイルにまとめましょう。ファイル名は英数字ならなんでもOKです。このファイルを、wp-contentフォルダ内にあるthemesフォルダにほいっと入れておきます。この状態で管理画面のテーマ一覧を見ると...先ほど作ったテーマが表示されていますね!この状態で、ファイルの中身をどんどん書いていけばテーマが作れちゃうというわけです。中身の書き方などについては、今回は割愛します。詳しくは本や記事で調べてみてください。>>どうやったらWordPressのテーマが作れる?オススメの本紹介はこちらデザインをするときのポイントWordPressのサイトデザインは、普通のサイトデザインよりちょっとだけ注意点があります。これは、WordPressがCMS、つまり記事を投稿できるアプリであるからこその注意点です。・記事部分など、高さや幅が変化する可能性があることを意識する・文字の量が一定にならない可能性を考慮する・画像の大きさによって崩れたりしないよう注意するこの点にさえ気をつけていれば、あとはいつも通りのWEBデザインでOKです。文字数や画像サイズが一定ではない、と覚えておきましょう!見出しとかの細かい部分をどうするか悩んでるんだよなぁ...という方は、下記の記事も併せて読んでみてください。>>2018年はこれで決まり!見出しデザインパターンまとめいかがでしたか?せっかく作るサイトやブログ、超おしゃれにできたら嬉しいですよね。この記事が、そんな制作作業の参考になれば幸いです。素敵なサイトやブログを作って、素敵なWordPress生活を送ってくださいね!TweetPocket「プログラミング、右も左もわからない...」という方にオススメ当プログラミングスクール「侍エンジニア塾」では、これまで6000人以上のエンジニアを輩出してきました。その経験を通して、プログラミング学習に成功する人は、「目的目標が明確でそれに合わせた学習プランがあること」「常に相談できる人がそばにいること」「自己解決能力が身につくこと」この3つが根付いている傾向を発見しました。侍エンジニア塾は上記3つの成功ポイントを満たすようなサービス設計に磨きをかけております。「自分のスタイルや目的に合わせて学習を進めたいな」とお考えの方は、ぜひチェックしてみてください。フリーターを経てフロントエンジニアになる。jQueryなどのコーディングやCMS設計に従事。文系からエンジニアを目指す人にもわかりやすい記事を目指して、日々精進中。体は日本酒でできている。Reserved.現役生徒500名以上が在籍する弊社のプログラミング学習プランをあなたに合わせて最短1分で診断します。