webコーディング手帳

環境づくり
gitの設定
git init
gitignoreを作成

---

gulpの設定
フォルダーに以下を追加
package.json
gulpfile.js

$ npm install

---

フォルダーの作成
$ mkdir src
$ mkdir assets

srcのフォルダーに移動
$ mkdir sass
$ mkdir js

sassのフォルダーに移動
$ bourbon install
$ neat install
$ bitters install

$ touch style.scss

$ mkdir setting
$ mkdir layout

settingフォルダーに移動して、
$touch _setting.scss

settingの中身については、こちらを参照
https://worldofit.work/scss/472/https://worldofit.work/scss/472/

layoutに移動
$touch _layout.scss

---

style.scssファイルに以下を記述

/* Theme Name: insert-name */
@import "bourbon/bourbon";
@import "base/base";
@import "neat/neat";

@import "setting/setting";

@import "layout/layout";

layoutに記述していく

vagrantの設定

wordpress
パーマリンクの設定を変えましょう
カスタムにします。
/%category%/%post_id%/

アップロード時の画像サイズをfunctionで設定してください。
singleのデザインを忘れがちなのでやりましょう。

imgはセンターにもってくる

imgをdisplay:blockにして、
margin 0 autoにしたら大丈夫！

ogpの設定

all-in-one-seoもしくはfeadspaceを入れる
全部の箇所にディスクリプションの設定