2017/01/20 (金) 0 942

前回はブレークポイントについてお話をしました。今回はガター調整と横揃えと縦揃えについてです。 Bootstrapのグリッドシステムにはガター(溝余白)が設定されています。 このガターがあって助かる場合と、困る場合がありま...続きを読む

2016/11/22 (火) 0 704

前回はBootstrapにはカラムという概念があり、合計して12になるように設計する、という話をしました。 今回はレイアウトグリッドのブレークポイントとサイズについてです。 カラムにはブレークポイントというものが設定され...続きを読む

2016/10/25 (火) 0 677

今回はレイアウトグリッドです。 Bootstrapの最大の特徴はなんといってもグリッドシステムです。 グリッドシステムはグリッドというように、レイアウトをマス目のように管理する仕組みです。 グリッドは閲覧する端末サイズに...続きを読む

2016/09/26 (月) 0 864

今回はBootstrapを使うための準備です。 WordPressのテーマとして開発するので、当然ですがWordPressがインストールされた環境が必須です。 まずは空のテーマを用意します。最低限、必要なファイルは3つで...続きを読む

2016/09/26 (月) 0 636

というわけで、久しぶりにWordPressオリジナルテーマを開発します。 前回の開発より3年ほど経過して、いろんな問題点が山積したことと、新たなトレンドを取り入れたいなど要望が増えたことが原因です。シリーズでお送りします...続きを読む

2014/02/01 (土) 0 857

今回は色々と考えた結果、先にオリジナルテンプレートを配布しようと思います。 前回、基本をやっていましたがいきなり完成形です。 というのもひとつひとつカスタマイズの方法を説明していくと時間がかかり、かなりの回数になるからで...続きを読む

2014/01/22 (水) 0 394

今回は実際にHTMLファイルを作成します。 HTML5で作る予定なので文字コードはUTF-8で記述し、UTF-8形式で保存します。 編集にはテキストエディタを使います。 テキストエディタはなんでもいいのですが、UTF-8...続きを読む

2014/01/22 (水) 0 828

今回はワイヤーフレームを作ります。ワイヤーフレームというのは直訳すると骨組みです。 まずはデザインの基本となる骨組みを作ろうというわけです。 このワイヤーフレームについてはフラットデザインだと複雑な段組みはないので、決ま...続きを読む

2014/01/22 (水) 0 333

というわけでHTML5+CSS3によるレスポンシブ×フラットデザイン講座を始めます。 ワードプレスのためのとありますが、ワードプレスのテンプレートを作る前に、プレーンなものを作るので普通のウェブサイトから、ショッピングサ...続きを読む