2009年8月アーカイブ

Mobable Typeの出力するページをPHP化する検討をします。

PHP化する目的

1.PHPスクリプトが使えるようになる。
htmlのままですと、使えるプログラムは、MTタグやJavaScriptになりますが、PHP化することで、よりダイナミックなページの表現が可能になります。

2.再構築時間の短縮
サイドバーなどの別ファイルにして読み込ませるモジュール化などにより、再構築の時間を短縮できます。

3.不要なファイル削除の手間を省く
PHP化の設定変更の結果、不要になったファイル(index.html, archive.html, etc)の削除作業が最小ですみます。
後でやるとカテゴリフォルダごとにindex.htmlファイルを削除、またブログ記事をすべて再構築せねばならず、手間がかかります。

PHP化の手順
  1. メインページの拡張子変更
  2. アーカイブインデックスの拡張子変更
  3. アーカイブ(ブログ)記事の拡張子変更
  4. サイトの再構築を行う
  5. 不要な「.htmlファイル」を削除する

フォントの種類は自分が見てほしいと思っているフォントで、サイトを見てほしい場合に指定します。

指定しない場合は、ブラウザののデフォルトのフォントで表示されますが、それだとブラウザによって閲覧イメージがかなり変わってしまう場合があります。、時には、サイトの表示がくずれてしまったり、サイト作成者が意図していようなトラブルが起こることがあります。

そのため、font-familyは指定しておくのが、オススメです。

font-familyは以下の5つのグループがあります。

[フォントの一般分類名]

serif 明朝系のフォント
sans-serif ゴシック系のフォント
cursive 草書体、筆記体系のフォント
fantasy 装飾的なフォント
monospace 等幅のフォント

 

font-familyを指定する際の注意点は以下の3つです。

  1. サポートするOSを検討する。
  2. サポートするブラウザを検討する。
  3. 使ってほしいフォントは左から順に列挙する。
  4. 指定の最後にフォントの一般分類名を記述する。

 

font-familyの指定例

サポートするOS:Windows Vista, Windows XP, (Mac OS)

サポートするブラウザ:(IE7), IE8, FF3, Safari4, Google Chrome 2

の場合

  font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", sans-serif;

IE7, Mac OSについては評価環境がなかったので、実行確認はできていませんが、不具合あればご指摘ください。

 

Webサイトを印刷する際には、画面表示とは変えたい場合があります。

[(例)印刷時に改善したいこと]

  1. 中央のメインカラムだけを印刷させたい
  2. 印刷のときに、白黒でもわかるような配色に変えたい
  3. カラ―インクを大量消費しないように配色を工夫したい

等々、印刷の際には印刷媒体にあったレイアウトを工夫する場合があります。

このような場合、media属性を指定することにより、印刷用のスタイルシート(CSS)を指定することはできます。

[印刷用のスタイルシートの指定]

<link rel="stylesheet" href="styles.css" type="text/css" media="all"/>
<link rel="stylesheet" href="print.css" type="text/css" media="print" />

media=”all” : すべての出力媒体(画面、印刷、等)に適用される
media=”print” : 印刷時だけに適用される

今回は、3カラムのMTサイトで中央カラムのみを印刷させたい場合の設定例を示します。

 

CSSでは、各要素を「ボックス」と呼ばれる四角形領域の概念に適用されます。

ボックスは内側から順に、内容領域、Padding、border、marginと呼ばれる部分によって構成されます。

 

[ボックスの概念]
内側から順に、内容領域、padding、border、marginと呼ばれる部分によって構成されます。

 

実際のソースコードで、その動作を検証してみます。

 

MTではブログ記事の公開時に更新Pingをポータルサイトへ送信する機能が標準で実装されていますが、デフォルトでは、この機能がOFFになっています。

更新Pingを送信することで、各ポータルサイトでブログ記事が掲載される機会が増え、アクセスアップにつながりやすくなります。

ここでは設定しておきたい主要な更新Pingサーバを紹介します。

 

[更新通知先 : MTのデフォルト設定では...]
更新pingはどこにも送信されないようになっている

 

 

[更新通知先の設定]
その他の項目へ主要な更新pingサーバを設定!

 

 

MTではカテゴリは文字コード(アルファベット、五十音)順にソートされますが、実際の運用では、重要なコンテンツが上位に表示されるようにしたいところです。

MTの標準機能では、カテゴリを並べ替え直すことはできませんが、SuperSortプラグインを使うとことで実現できるようになります。

 

[MTのデフォルトカテゴリ順]
文字コード順に表示されてしまう...
”カスタマイズ”を先頭にしたい!!

[SuperSortプラグインで順番を変更]
”カスタマイズ”を先頭にできた!!