Bootstrap in Blogger
BloggerにBootstrapを適用してみた。Bootstrapとは、適用するだけで
なんかかっこよくて素敵なwebサイトにしてくれるcssフレームワーク
http://getbootstrap.com/
レスポンシブデザインでパソコンのディスプレイでも
スマートフォンのディスプレイでも自動で見易く表示してくれる
これで、bloggerのモバイル表示対応なんか設定しなくとも
画面の大きさに合わせて表示してくれる
Bootstrapの勉強がてら、
ちまちまとテンプレートに埋め込んでいこうかと思っていたら、
バージョンが2から3まで上がっていた
と同時にBootstrap Blogger Templateなるものが出来ていて、
さくっとbloggerに適用できたのでその方法を書き留めておく
1)http://bootstrap.slugs.in/からテンプレートをダウンロード
2)ダウンロードしたzipの中にxmlがある
3)Bloggerダッシュボードのテンプレート→バックアップ/復元で
まずは現状のテンプレートをバックアップ
4)バックアップ/復元でファイルを選択で2)のxmlを指定、アップロードする
5)HTMLの編集から部分的に修正を加える
このブログのようなデザインになればOK。
登録:
投稿
(
Atom
)
0 件のコメント :
コメントを投稿