大画面では2カラム(右サイドバー)スマートフォンなどの小さい画面では1カラムで表示出来るレスポンシブWebデザインの Movable Type 6 テーマ(テンプレート)です。
- Bootstrap 3.1
- Bootstrapのスタイルを変更できるBootswatchのCosmoをベースにカスタマイズ。Bootstrap標準のカルーセル(画像スライド)を実装しました。
大画面では2カラム(右サイドバー)スマートフォンなどの小さい画面では1カラムで表示出来るレスポンシブWebデザインの Movable Type 6 テーマ(テンプレート)です。
大画面では2カラム(右サイドバー)スマートフォンなどの小さい画面では1カラムで表示出来るレスポンシブWebデザインの Movable Type 6 テーマ(テンプレート)です。
Movable Type 6.0 RC1用 Bootstrap 2.3テーマを少しいじって、Movable Type 6.0 RC2用 Bootstrap 3のテーマが完成しました。
Movable Type 6.0 RC2用のため、公開・配布はいたしません。Movable Type 6.0 公開後にリリースの予定です。
このサイトでもアイコンとして利用しているFont Awesome
通常Font Awesomeはi
要素を追加しますが、CSSのcontent
プロパティに記述することでHTMLを変更することなく使用できます。
例:Bootstrap 3 のパンくずで、/
を右矢印 に変更する
Unicodeは F105
.breadcrumb > li + li:before {
content: "\f105";
font-family: FontAwesome;
}
簡単な記述で、ご覧のとおり
Bootstrap 3.0ではinput
要素・select
要素・textarea
要素の幅が、標準で100%になった。
Requires custom widths
Inputs, selects, and textareas are 100% wide by default in Bootstrap. To use the inline form, you'll have to set a width on the form controls used within.
コメントキャプチャでレイアウトが崩れてしまったので、CSSを以下のように変更
#comments-open-captcha {
margin-top: 20px;
}
.captcha .label, .captcha img {
display: block;
float: left;
margin-right: 10px;
}
.captcha .label {
width: 80px;
min-height: 1.2em;
background-color: rgba(0, 0, 0, 0);
color: #333333;
text-align: left;
text-shadow: none;
}
.field {
float: left;
}
#captcha_code {
clear: both;
margin-top: 10px;
margin-bottom: 10px;
}
.captcha p {
clear: both;
}
今回リリースの「Movable Type 5(MTOS 5) テーマ(テンプレート) Bootstrap HTML5 101」「Movable Type 5(MTOS 5) テーマ(テンプレート) Bootstrap HTML5 102」より、以下の2点を変更しております。
スタイルシートのみの変更で対応できません。アップグレードの際はテーマ全てを変更して下さい。
カテゴリ配下のエントリーベースネームディレクトリのインデックス
category/sub-category/entry-basename/index拡張子
となって一層使いやすくなりました。
もちろん、テーマインストール時に自由に変更していただくことも可能です。
大画面では2カラム(右サイドバー)スマートフォンなどの小さい画面では1カラムで表示出来るレスポンシブWebデザインの Movable Type 5(MTOS 5)テーマ(テンプレート)です。
Bootstrap 3.0 にアップグレードした、スマートフォン・タブレット対応テーマ「Movable Type 5(MTOS 5) テーマ(テンプレート) Bootstrap 101」をリリースしました。
もちろん、Font Awesome・google-code-prettifyも実装済です。
よろしくお願いします。
大画面では2カラム(右サイドバー)スマートフォンなどの小さい画面では1カラムで表示出来るレスポンシブWebデザインの Movable Type 5(MTOS 5)テーマ(テンプレート)です。
Movable Type 6.0 RC1がリリースされたのでBootstrap 06をベースにテーマを作成してみた。
Movable Type 6.0 RC1用のため、公開・配布はいたしません。Bootstrap 3 へのアップグレードなどを行い、Movable Type 6.0 公開後にリリースの予定です。