簡易スタイルガイド(パターンライブラリ)を作ろう

こんにちは、みみです。

今日は先日の WordBench 三鷹の LT でお話した簡易スタイルガイド(パターンライブラリ)の作り方というか、テンプレをご紹介します。

スタイルガイドって今、色々ツールがでてるんですけれど、よっぽど大規模な案件で無い限り(あとそういう大規模な案件をあんまり WordPress だけで作らない方が良いし)そんなの導入しなくても WordPress で固定ページか投稿ページを非公開で作って開発しながらメモっていくのがローコストでハイリターンなやり方だと思います(※ 個人の感想です)。

CSSに大体慣れてきた人向けのアドバイスとしてご紹介したのですが、スライドだけだと現物が無いのでアレだなーと思って(LTでは実例をお見せしました)。

でも、パッとお見せ出来るものも無いんですよ、基本納品物だし非公開だから。なのでこのサイトで適当に作りました。色も嘘っぱちですしボタンとか無いしSVGも使ってないし、カスタムしているところがほぼないので、例としていまいちなのですけれど。

こんな感じのものです。

という凄い単純なものですが、すぐ導入できて、開発時の簡易テストにもなるし、クライアントさんに納品する時に簡易ドキュメントになるし、HTML分かる人だったら自分で活用して貰えるし、何より数カ月後とか数年後(!)とかに再開発になった時に楽ちんです。

これは別に玄人さん向けだけの話じゃなくて、個人ブログでコツコツとカスタムスタイルを積み上げて行っている方とか、テーマをちょこっとだけ弄ってる人にも便利だと思うのです。

何故なら、

人はコードを忘れるから。

… イイコトっぽく書いてみたけど、情けない事実であります。

でも良いの。外部記憶装置に任せるのが一番だよ!

“簡易スタイルガイド(パターンライブラリ)を作ろう” の続きを読む