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