ブログ用共有テンプレート『Stitch_2』についてです。
ブログ全体の表示部分は、高さ520px・幅可変です。
ブログ名が入る部分の高さは60px。メニュー部分・メインボックスの高さは390pxです。
メニュー部分の幅は220px(実際に表示される部分は180px)・メイン部分の幅は可変になります。
文字の大きさも可変です。(カレンダー部分を除く)
カレンダー部分の文字は12pxで固定しています。削除してもほぼ問題無いので、気になる方は
『.CalendarMoveTable』と.『.CalendarTable』内の{font-size:12px;}を削除してください。
(ユーザー指定の表示文字サイズによっては、デザインが崩れる場合があります)
XHTMLを使用しています。
なので、プラグインを使用される場合、いくつかHTML部分の編集をしていただく必要があります(編集しなくても多くの環境では問題無く動作するようですが、一応、保険として・・・。)
ブログ内検索
- <form action="/Search/" method="POST">をpostに(小文字にする)
- <input type="text" name="search" class="box">に<input type="text" name="search" class="box" />を追加
- <input type="submit" value="検索" class="btn">に<input type="submit" value="検索" class="btn" />を追加。
バーコード
- <img src="<!--$plugin_qrcode_img_link-->" border="0">に<img src="<!--$plugin_qrcode_img_link-->" border="0" />を追加。
XHTMLではimgやinputに終了タグが必要になるので、手動で付け加える必要があります。
お手を煩わせてしまって本当に申し訳ありません。
もっとも、どう頑張ってもユーザー側で制御できる部分には限界がありますので、完璧に正しい文法では記述できない模様ですが・・・。
そのような理由から、コメント投稿部分の携帯用絵文字の挿入用ウインドウは削除させていただきました。ご了承下さい。
手動で付け加える場合は、コメントフォーム(2ヶ所あります)の最後の部分、
<dt class="CommentFormDt">パスワード</dt>
<dd class="CommentFormDd"><input class="CommentForms" type="password" name="pass" />
<!--$g_emoji_window--></dd>
</dl>
このようにするのがよろしいと思います。
その他、改造はご自由にどうぞ。
余談。
上記のような問題がありながら、なぜあえてXHTMLで記述したのか?ということですが、
新規記事投稿時に、HTMLエディタを使用した場合、改行すると<br>ではなく<br />と書き出されるようなので・・・それが理由です。
かといって、サービス提供側としてはXHTML推奨、という訳では全く無いようですが(推測)。
どちらで書いても矛盾が出てくるので、なんというか、もう少し整合性を持たせてもらえたらいいのにな~、と素人考えながら思ってしまいます。
さらに余談。
記事の表示部分に対して文字が大きく感じられるかもしれません。
これは、私の視力がよろしくない為、小さな文字にしてしまうと自分で読めなくなってしまうからです。
そのような理由から、テンプレートの文字サイズはできる限り相対的な指定にしたいと思っています。
○○pxと指定されていると、IE6ではどう頑張っても読めない場合が意外と多いんですよね・・・。(それゆえ、日常ではほとんどの場合Firefoxを利用しています)
小さな文字の方がオシャレ、だとは思いますが、自分で読めなければ意味が無いですから。笑。
あ、改造していただく場合にはもちろん、文字サイズを固定して頂いて構いません。
PR