blueroll

blueroll

青春はぐるぐるだ。

【実録】WordPressをはじめよう [準備編]その1 〜サイトの設計図をつくる〜

f:id:blueroll:20160406115304j:plain

前回の記事でWordPressのインストールが完了しました。ここからは実際にWordPressでサイトを作っていきます。 

まずはWordPressのダッシュボードにアクセス。 

f:id:blueroll:20160401212950p:plain

はい。ここで早速つまづきました。はて、まず何をどうすれば…

f:id:blueroll:20160401213238p:plain

分からないのでとりあえず「初めてみよう」に従って、「サイトのカスタマイズ」をクリックしてみます。 

f:id:blueroll:20160401213658p:plain

カスタマイズ画面。むむぅ。どうすればいいんだ…。とりあえずテーマを変えてみるか。現在のテーマの「変更」をクリック。

f:id:blueroll:20160401214048p:plain

左側にテーマが現れました。でも2つしかないぞ…とりあえず下の「Twenty Fourteen」をクリックしてみます。

f:id:blueroll:20160401214239p:plain

右側の外観が変わりました。ふむ。どうしよう。他のテーマも見たいな。しかし…

f:id:blueroll:20160401213930p:plain

前のページでは左側に2つしかない…どうするんだかわからん。WordPressはたくさんテーマがあるって聞いたけども…色々調べてみたところ…

f:id:blueroll:20160401214758p:plain

トップのダッシュボードから「外観」「テーマ」を選択。 

f:id:blueroll:20160401214947p:plain

続いて「新しいテーマを追加」をクリックすると… 

f:id:blueroll:20160401215228p:plain

テーマが色々出てきました。試しに「人気」クリックしてみますと、

f:id:blueroll:20160401215357p:plain

2137ものテーマが出てきました!選び放題!さてどうするか…

どれ選べばいいんだ?

ここでつまずきました。どのテーマを選べばいいのか…考えてみれば、デザインスキルアップのサイトというだけで、具体的にどんなサイトにするか全く考えていませんでした… 

というわけでサイトの設計図を考えてみます。 

f:id:blueroll:20160401220206j:plain

アナログに紙に書き出して、熟考中…。時間かかりました…

f:id:blueroll:20160401220306j:plain

色々既存のサイトなんかも参考にしながら、最終的にはこんな感じの設計図になりました。いやぁほとんどWebクリエイターズボックスさんのパクりオマージュなんですが…

全く同じテーマは無いかもですが、まずはどんなサイトにするか形として考えておかないと、膨大なテーマを前に立ち止まってしまいます。考えてみれば当たり前のことですが、これは導入の前に作っておくべきでした。

次回はこの設計図を元に、テーマ選びから先の工程に進みたいと思います。