2011年2月20日

デザイン改造 その4

引き続きデザインの改造を続けます。
最終的に、カテゴリアーカイブ、月間アーカイブも全てツリー化したいのですが、とりあえず出来るところからツリー化しました。
できたのは簡単な、最近のブログ記事、だけですけど...。

デザイン改造 その3

今回はデザイン改造というよりも機能の追加。

カレンダーを表示させせたいと思います。

いつもお世話になっている小粋空間さんにmt4にajaxカレンダーを表示させるという記事がありますので、いつものようにそのまま活用させていただきます。

今回はAjax 月送りカレンダー(MT4版)ってのを試してみます。

全ては小粋空間さんの記事のとおりなので、手順通り進めれば何事もなかったかのようにちゃんとカレンダーが表示されました。

さすがですね。

それと、今回はアクセスカウンタを追加しました。

画像タイプのアクセスカウンタだとフリーのものも出回っているので、案外簡単に設置できるのですが、個人的に画像タイプのアクセスカウンタは好きではありません。

結局、phpで適当なスクリプトを組んで設置することにしました。

悪戦苦闘の末、なんとか完成しました。

と思っていたのですが、やはり落とし穴が...。

mt-search.cgiで検索結果を表示させると、アクセスカウンタのphpスクリプトがそのまま表示されてしまう!?

シロートの私には対処方法は今のところ分かりません。

とりあえずの対処法は、アクセスカウンタを消す!ことしかできませんので、とりあえず設置を取りやめ、google先生と相談中です、トホホ。

2011年2月19日

php化

引き続き、mt4の修正を行っています。
最終的に、php化しなければいけないので、早い段階でphp化してしまいます。
作業自体はそれほど難しい物ではないので、テンプレートの必要個所を変更し、XML宣言の修正を行い、再構築。で、いらないファイルを削除して完成!

のはずでしたが、タグクラウドはサイト内検索などのmt-comment.cgi・mt-search.cgiを使用すると、画面がおかしくなります。ページのソースを確認すると、
<?php echo '<?xml version="1.0" encoding="UTF-8"?>' ?>
となってしまっています。
もちろん、画面上に'?>といったゴミが残ってしまいます。
今まであまり気にしたことが無かったのですが、気になります。

で、いつもの小粋空間さんに関連記事が載っていましたので、

<MTUnless name="system_template">
<? php echo('
</MTUnless>
<?xml version="1.0" encoding="utf-8"?>
<MTUnless name="system_template">
'); ? >
</MTUnless>

と変更し、無事php化が完了しました。

デザイン改造 その2

引き続き、デザインの変更をしていきます。

全体的なレイアウトは嫌いではないのですが、地味な感じですので少し明るめのデザインに。

また幅が800pxに設定されていますが、最近のディスプレイ事情もありますし、800pxでは写真などを貼り付けるにしても、どうも狭く感じてしまいますので、900pxに変更しました。

あとはまたまた小粋空間さんの記事を参考にしてサイドメニューの折り畳みを導入しています。

最終的にはカテゴリアーカイブ、マンスリーアーカイブもツリー形式の折りたたみにしたいのですが、一度に取り組んでしまうと、何が何だか分からず、失敗したら元に戻せなくなりますので、とりあえずメニューの折り畳みのみ導入しました。

で、結果がこんな感じです。

blog-image-03.png

2011年2月18日

デザイン改造 その1

デフォルトの状態でmt4をスタートさせるとこんな感じになります。
でも、私の好みのデザインではないので、チュートハンパな知識で少しずつ改造していきます。
blog-image-01.png
いつも参考にさせてもらっている小粋空間さんのデザインを利用させていただきます。
Movable Type(MT)テンプレートの中から、Movable Type 4.2 テンプレートセット(コミュニティ機能なし)のXHTML 1.0 Strict(utf-8 版):スタイル対応版(フッタ付きリキッドレイアウト対応)を利用させていただきます。
template_4_2_utf8_1_13_style_liquid.lzh
手順に沿って変更を続けると、このような画面になります。
これで少しは好みに近いデザインになりました。
blog-image-02.png
また改造は少しずつ...。
 1  |  2  |  3  |  4  |  5  |  6  | All pages