ワイヤーフレームの作りかた【WordPress自作テーマへの道】

こんにちは！ケンジ　です。 今回はWordPressの自作テーマ制作までの道のりとして、ワイヤーフレームについて記事にします。

本記事の目次

• 1.ワイヤーフレームの作りかた
• 1-1ワイヤーフレームとは
• 1-2ワイヤーフレームの作り方
• 1-3まとめ

ワイヤーフレームの作り方

WordPressの自作テーマを作ろうと思ってるんだけど、とりあえずワイヤーフレームを作った方が良いらしいが ワイヤーフレームってそもそもわかりません。作り方とか教えて欲しいです。 この様な疑問にお応えします。

ワイヤーフレームとは

ワイヤーフレームとはWEBサイトを制作する際の、設計図の様なものです。 いきなり作り始めると迷走すると思うので、ワイヤーフレームを作ってからサイト制作を行なっていくと良いと思います。

ワイヤーフレームの作り方

ワイヤーフレームはパワポでも手書きでもイメージが湧けばOKです！ ちなみに私はXDで作成しました。 こんな感じ↓

結構ざっくりですよね。こんな感じでもどうやって作っていくか明確になるので良いかと思います。あと、モバイル版のも作っておくと良いですね！

まとめ

そんなに難しくなかったんじゃないかなと思います。ワイヤーフレームを作ったらいよいよ制作がスタートです！もう作らずにはいられないでしょう。 次回からも自作テーマ制作についての記事を引き続き書いていこうと思います。