トップ  »  東京Webデザイナー日記リターンズ  »  iPhone  »  「iPhoneテンプレートfor MT」version1.01を公開いたします。

「iPhoneテンプレートfor MT」version1.01を公開いたします。

2008年8月5日に「iPhoneテンプレートfor MT」を公開したところ、色々な方がすぐにチェックしてくださり、ご意見を寄せてくださいました。本当にありがとうございます。

そこで、いただいたご意見を元に、改良を施したものを公開いたします。


「iPhoneテンプレートfor MT」version1.01ダウンロード

iPhoneテンプレートfor MT version1.01(zipファイル/約10KB)をダウンロードしてください。導入方法やファイル構成は、同梱のreadme.txt内に解説してあります。

ライセンス

X11ライセンス(別名MITライセンス)で公開いたします。ライセンスの定めた条件に従う範囲内で、自由にお使いください。

コメントや不具合報告など

このエントリのコメント欄にてお寄せくださいますよう、お願いいたします。


変更履歴

  1. 内容が重複したコンテンツが存在することによる検索エンジン関連の問題を避けるために、index.mtmlとindividual.mtml両方の<head>要素内に<meta name="robots" content="noindex" />の一行を追加しました。これにより、「iPhoneテンプレートfor MT」が生成するファイルは、クロールされない設定になります。一般的にPC用のコンテンツが主で、iPhone用のコンテンツが従になると思われますので、このような設定にしました。必要ない場合は、この行を削除してください。
    【参考ページ】重複コンテンツが招くSEOトラブル
  2. 「アーカイブをサイト・パスとは別のパスで公開する」設定になっている場合、リンク切れが起こるというご報告をいただきました。そのため、該当箇所の<$MTBlogURL$>を<$MTBlogArchiveURL$>に変更しました。これにより、アーカイブを公開するURLを別途設定している場合でもしていない場合でも、リンク切れを起こさないようになっていると思います。黒野の環境ではテストして動作しましたが、何かまたありましたらお知らせください。
    【参考ページ】MTBlogArchiveURL | テンプレートタグリファレンス
  3. individual.mtmlの<title>要素内に、個別のブログ記事のタイトルを出力させるために、<$MTEntryTitle$>を追加しました。
  4. /css/style.css内に、以下の記述を追加しました。
    p#logo a { text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.5); }
    これにより、個別のブログ記事のタイトル部分に立体感が加わって、トップページと<h1>要素の体裁が揃うことになりました。
  5. この「iPhoneテンプレートfor MT」を公開するページをhttp://cremadesign.jp/blog/iphone/download.htmlとしておりましたが、それは間違っておりましたので、http://cremadesign.jp/blog/iphone/iphone_template_for_mt.html に変更いたしました。

[2008年8月 6日]   はてなブックマーク - 「iPhoneテンプレートfor MT」version1.01を公開いたします。

トラックバック(2)

「iPhoneテンプレートfor MT」version1.01(HORNET's TALK..)のトラックバック

昨日[2008年8月 6日 17:05]

続きを読む»

ブログにiPhone用の画面を追加、10分で。(sunatomohisa.com)のトラックバック

crema design さんがつくられた 「iPhone...[2008年8月 8日 00:35]

続きを読む»

このブログ記事に対するトラックバックURL

http://cremadesign.jp/mt401/mt/mt-tb.cgi/824

コメント(7)

ガク :2008年8月 6日 12:59

おぉ〜っ
後でつかってみますー

crema Author Profile Page:2008年8月16日 13:53

> ガクさん
遅くなりましたが、よろしくお願いいたします!

伝道師 :2008年8月31日 18:12

つながった長〜い単語(長いURLとか、******の連続など)が本文にあると、横幅が広がってその単語を一行で表示してしまって、レイアウトがくずれてしまうことがある…

例えば、
http://cremadesign.jp/blog/iphone/iphone_template_for_mt101.html
のように…

ので、

cssのbodyに
word-break: break-all;

などを入れてみれば強制改行になってよいのではないかと愚考します。

伝道師 :2008年8月31日 18:19

URLが違ってました。
iPhoneサイトなので

http://cremadesign.jp/i/blog/iphone/iphone_template_for_mt101.html

のほうです。

伝道師 :2008年9月 2日 17:13

なんどもコメントして申し訳ない。
上の長い単語の改行問題ですが、

word-break: break-all;

だと、日本語の禁則(。、」の処理)がなくなっちゃうのが問題でなんとかならんかと思ってたら、サファリでもword-wrapが効くようです。word-breakのかわりに、

word-wrap: break-word;

にすれば、日本語の禁則は効いたまま、長い英単語は強制改行されます。

crema Author Profile Page:2008年9月 9日 15:37

伝道師さま

コメントが死ぬほど遅くなり、本当に失礼いたしました!
色々ご指摘くださり、感謝しております!
配布のCSSに付け加えて、次のバージョンを作りたいと思います。

それにしても、これを機に、もっともっとじっくりCSS3を
見直さなければ…と決意した次第です><

まー :2009年6月30日 22:30

はじめまして。先日インストールして使用して見ました。最初は上手く動いていましたが何らかの操作をした際に、通常のPC版ページのレイアウトが崩れてしまった、というかi-phone向けレイアウトになってしまいましたが、何が原因でしょうか?ひとまず良く分からないのでプラグインを抜いてしまいました・・・。

コメントする

このページの先頭へ

東京ナイロンガールズ

比較的人気の記事

crema design menu