CSSフレームワーク(Foudantion)を利用した WordPress テンプレート制作
当イベントにおいて制作をしましたテンプレート・テーマを公開しました。ぜひご覧下さい![2015年10月10日]
今年の1月に「WordPress & Foundation 勉強会&新年会」(イベント案内&レポートにリンク)を行ないました。もう少しページ構成をシンプルにして、制作のポイントを整理しながらお話をします。
WordPress のデフォルトテーマなどに利用されているスターターテーマ、Underscores にCSSフレームワーク Foundation を組み合わせて、オリジナルテーマづくりの基礎に取り組みます。
対象:レスポンシブなWordPress テンプレート制作に取り組んでいきたいクリエイター
[10月2日(金)17:50]
講義の部分のハイライトを少しご案内します。
Foundation をダウンロードして、index.html をブラウザで開くとFoundation の動作確認ができます。そのソースをシンプルにしたのが上の図です。各パートごとに色分けしています。
Underscores をWordPress に入れて、CSSをバッサリと排除したのが下の図。さほど見栄えは変わりませんが、必要に応じてあとから一部復活させるスタイルを取ります。
あとは上と下を融合していけば、基本テンプレートのできあがりです。もちろんいくらでも拡張は可能です。