トップページ > 2カラムテンプレート・右サイド > MovableType無料テンプレート 右サイド2カラム・base

MovableType無料テンプレート 右サイド2カラム・base

r2_01blue.gif r2_01green.gif r2_01red.gif r2_01orange.gif


【MovableType 無料テンプレート 「r2_01」 について】

2カラムタイプのテンプレートの基本形です。画像を使わずなるべくシンプルにつくりました。

プラグインを使用することで、カテゴリーを任意の順番で並べ替えできるようにテンプレートに記述してありますが、プラグインを導入しなくてもテンプレートは動作します。(その際のカテゴリーの並び順はカテゴリーの表示順と同じになります。)

フリースペースもありますので内容は適宜変更して使ってください。


【おすすめポイント】
Web標準を意識して文書の構造(XHTML・HTML)とデザイン(スタイルシート)を分けて記述しています。Web標準に沿ったコーディングでSEO対策にもなります。

「パンくずリスト(トピックパス)」をつけることで、サイト内で訪問者が迷うことがなくなり、パンくずリストでサイト内にリンクを貼ることでSEO対策にもなります。

ヘッダー、フッター、サイトマップをモジュール化することで、ブログ全体の変更がカンタンにできるようにしました。

« 利用規約 | 【MovableType無料テンプレート配布中!】TOPへ | MovableType無料テンプレート 1カラム・base »

トラックバック

このエントリーのトラックバックURL:

コメント

こんばんは!
テンプレートお借りしました。

MovableType3.33で綺麗に表示されています。
シックで素敵です。
まだ内容はありませんが、これから少しずつカスタマイズしておしゃれにしますね。

いろいろありがとうございました。
これからもよろしくお願い致します。

PS.サブドメイン取りましたので、アドレス変わりました。
遊びにきてね~

こんばんは。以前コメントしましたあいしゃです。
こちらのテンプレートをお借りして、なんとか公開までたどり着きました!とてもきれいにレイアウトされて満足しております。

CSSについての質問なのですが、左側.mainに画像の回り込みをする指定にしたのですが、下一段しか入りません(説明下手ですいません)。上から回り込みにするには、どう指示をすれば良いのでしょうか?

初歩的質問で申し訳ございませんが、教えていただけると嬉しいです。

あいしゃさん、コメントありがとうございます。
ブログ拝見しました。カッコよく使ってくださってありがとうございます!

ご質問の件ですが、次のふたつの方法のどちらか使いやすい方を試してみてくださいね(*^-^)

1.画像に文字を回り込ませる
画像のタグ「img」に回り込みを指定する属性を記述します。
みんなのタグ辞書さんの解説がわかりやすいのでそちらを参考にしてみてください。
http://heo.jp/tag/href/imgalign.html

2.「float」を使って並べる
これは私のテンプレートのレイアウトでも使っているCSSです。左右ふたつのエリアを作って、左側に画像、右側にテキストが入るように記述する方法です。

どちらの方法でも、CSSテンプレートに表示したい内容を記述しておき、記事を書くときに毎回classなどで記述する必要があります。
具体的な方法など、また何かありましたらコメントしてくださいね♪




コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)






「MovableTypeを おしゃれにカスタマイズ」 無料メルマガ発行中!

MovableTypeのテンプレートのカスタマイズをわかりやすく解説します。
メールアドレスを入力してボタンを押すと登録・解除できます。




メルマガバックナンバー | 今日の小技 バックナンバー