Home > Movable Type > | XHTML CSS > MTテンプレート

MTテンプレート

Movable Typeのテンプレートがそろそろ出来上がりました。

テンプレートの特徴としては、

  • XHTML1.0 strict 準拠である
  • レイアウトでテンプレートが変わるなんてことはなく、1つのテンプレートで1カラム、2カラム、3カラム、なんでもござれである。Pure HTMLとCSSばんざい。
  • きっとSEOにつええ である

マークアップは丹精込めてしっかりやった! かといってCSSでデザインしにくいってこともない、きっと良い塩梅だよ。 bazookaとソースを(手動)同期してるから(一部違うけど)、このサイト眺めてればテンプレの構造はわかると思います。(もし変なとこ見つけて貴方に元気があったなら、コメント欄でご指摘下さい)

SEOに強い(はず)。外部サイトからのリンクポピュラリティーはどうすることもできないけれど、受け取ったポイントが適切に内部で配分されるような構造にしたのと、サイト内のリンクには、出来るだけ文書を表す語句がアンカーテキストとして使われるようにした。 変なインチキSEOみたいな不自然なものじゃないからね!

あとはー、沢山作りたいと思ってるテンプレート用のスタイルかなー。今Bazookaで使ってるスタイルと、メニューが右側ばーじょん、んで、カスタマイズする人へ叩き台にしてもらおうと思って作った簡素スタイル

  • Prototype 2カラム-リキッド-左メニュー
  • Prototype 2カラム-リキッド-右メニュー
  • Prototype 3カラム-リキッド
  • Prototype 2カラム-固定幅(700px)-左メニュー
  • Prototype 2カラム-固定幅(700px)-左メニュー
  • Prototype 3カラム-固定幅(750px)

があります。

レイアウトでテンプレートを変えなければいけないなんてことは無いぜっ。

Bazooka右上のほうにあるCSS Changerで全部見れるようになってます。(Safariは表示されないゴメン) スタイルセットはどんどん増やしていきたい! 友達からも募集して充実させたいと思ってますのでお楽しみに。もちろん、これ使わなくても1からCSS書いたっていいのよ。自分で書いたほうが楽しいしネ。

Comments:28

wu 2006年2月 2日 03:50

2個の画像は全く記事に関係ないです。きぶん。


・individualのcookieどうにかする。
・コメントPREVIEW画面でCSSが切れるのは特に問題なしです。

revin 2006年2月 2日 11:04

UOの頃からたまに見てます。
猫の画像に感動して、書き込みを決めました。
ちょっとワッキーダンスに似てます。

テンプレート楽しみにしてます。

wu 2006年2月 2日 14:48

! 書き込みありがとうございます!
あの猫は前に進むのでしょうか、がんばって進めたいこころ。

wu 2006年2月 2日 14:50

あ、 CSS ChangerはIndexページで切り替えたほうがどんなスタイルかわかりやすいです。

milk 2006年2月 2日 22:18

おつかれっす。
近いうち参考にさせてもらうやもしらんのでヨロシコ^-^

PaYa 2006年2月 2日 22:22

完成を首ながぁーくして待ってますヨ!:D

wu 2006年2月 3日 02:04

milk >しのごのいわずにこのテンプレ使ってみてよ!

Paya >おおぉ、もうすぐできます!でもテンプレの名前が決まりません。 今ある候補も「おいなり」 orz

wu 2006年2月 3日 02:07

やばい、微調整してたら はてなアンテナ 上げまくってる。

ごめんなさい。

milk. 2006年2月 3日 08:54

ごめんもうあたしんとこもさっき完成したから…w
でもほら、参考にはさせてもらうよ!
参考にはね!!!!!

mini 2006年2月 3日 17:19

以前、無駄なマークアップという内容の記事を書かれただけあって、やはりhtmlの記述は綺麗ですね。 私も、MovableTypeの雑なデフォルトhtmlを書き直そうと思いつつ、毎度力尽きていました(涙
公開楽しみにしてます~。

wu 2006年2月 3日 20:49

あの記事書いといて、自分のサイトがゴチャゴチャソースじゃ説得力でないですからね : - )

さとみ 2006年2月 6日 11:20

mobabletype設置しようとおもってたところだったけど もちょっとまってみよう。

Anonymous 2006年2月 8日 08:51

報告ー。
固定幅の3種のCSSなんだけど、コピーライト部分がちょっとおかしいかも?IE環境です。

wu 2006年2月 9日 16:13

ご報告ありがとうございます! 修正できました。

Anonymous 2006年2月10日 23:41

↑すいません、いたずらで押したら投稿されてしまいました。。。
どのブラウザで見ても同じですね!すごい。
WinOperaでcsschangerでませんでした。

wu 2006年2月11日 17:39

書き込みありがとうございます。
CSS Changerの配布元でも、Operaには対応してませんと書かれてるんですよね。ちょっと悲しいですけど、あきらめています。グッスンコ

mame 2006年2月11日 17:44

TOP左のカテゴリーにある、CGとWEBのページに入ると、背景画像らしいものが出てきます。(左側の上から下まで)
意図的にだったらごめんなさい。

wu 2006年2月11日 18:02

ぐわっ! ウインドウの横幅のサイズで出たり出なかったりしてますね。(IE6) これには気づきませんでした! まめさんありがとー!

Leo 2006年2月12日 14:22

headerの中にあるidがhomeの部分をtext-indentで文字を画面外にぶっとばして背景画像を指定してるトコ(Fixedだけかな)。Firefoxだとクリックすると左に長い点線の枠がでております。
自分もこの手法使うとき気持ち悪いなーとおもってたんですけど、outline: none;で消えるみたいです。ただoutline消えちゃうとフォーカスされててもわからないという悲しい結末なんですが…

wu 2006年2月12日 15:09

あ!なるほど、これFirefox1.5から見えるようになったんですよね。
outlineで消せるとは知らなかったー!
教えてくれてありがとうございます!

revin 2006年2月19日 14:27

気のせいか、猫のスピードが上がってるような。。。

Egg 2006年3月11日 09:57

この記事が出てから一ヶ月間どきどきしながらまっております。
期末でお忙しいと思いますががんばってくださいー。

wu 2006年3月12日 08:02

遅れていてすいません。
バーサクマッハで3日以内に公開できると思いますので、もすこしお待ち下さい。

rea 2006年3月13日 20:59

はじめまして。

テンプレート、楽しみにしていまーす。
わくわく(笑)

wu 2006年3月14日 13:38

あ、あと1日下さい…!

revin 2006年3月15日 17:57

追い詰められてる!?
もみもみしながら待ってます。
何かを

wu 2006年3月16日 02:02

あーもみもみしたい。

wu 2006年3月16日 22:49

うぉーん。こういう時に限って仕事が忙しくなる…。

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://3ping.org/mt2/mt-tb.cgi/65
Listed below are links to weblogs that reference
MTテンプレート from 3.5ping.org

Home > Movable Type > | XHTML CSS > MTテンプレート

Book

実践 Web Standards Design

「実践 Web Standards Design」ではXHTMLやCSSの仕様からマークアップの手法・考え方をはじめ、レイアウトや実践的なWebサイト構築のワークフロー、そしてCSSを利用したさまざまな技術的Tipsを解説しています。

Products
Search
Feeds

Return to page top