HighLab

webコーディング手帳

  • 公開日:
  • 更新日:
  • 文字数:847文字

環境づくり
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/

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を入れる
全部の箇所にディスクリプションの設定