はまぞうブログをカスタマイズ(1)はまぞうブログのテンプレート構造

はまぞうブログをカスタマイズ(1)はまぞうブログのテンプレート構造

はまぞうブログをカスタマイズ

遠州でブログというとはまぞうブログ

webいじりをするweb屋tMとしては、はまぞうブログのカスタマイズは避けて通れない道だと思いますので、はまぞうブログのカスタマイズをするにはどうすればいいかをメモしておこうと思います。

はまぞうブログのテンプレート構造

はまぞうブログのテンプレートはPC版・スマホ版ともに

  • スタイルシート
  • トップページ
  • 個別記事
  • アーカイブ

の以上4つのファイルから作られています。

PC版・スマホ版で別のテンプレートを利用しているので、レスポンシブに作ることはできないかもしれません。

同一ファイルにすればいけるのかも?

テンプレート「ノートグリーン」を見てみる

まずはCSSファイルから。

何のひねりもない、普通のCSSファイルでした。
CSS3の要素は使われてない模様。

あえていうなら、コピペしただけとはいえ、CSSの書き方が汚い。(人のことを言えるほどキレイに整形してるわけじゃないけれど)

続いて、トップページのHTMLファイル。

ドキュメント宣言はXHTMLになっています。
HTML5でもいけるのかどうかがちょっときになるところ。

個別記事のテンプレート

wordpressに慣れてきちゃってるから、共通部分は呼び出したくなるけど、そうもいかないみたいね。

アーカイブのテンプレート

なんかあんまりつっこみどころがない。

置換タグにだけ気をつければ何でもいけそう

はまぞうブログのカスタマイズですが、置換タグにさえ気をつければわりと何とでもいけそうに感じるテンプレート構造でした。

次は実際にいじりながら調べてみようと思います。


Back to Top