004 ノウハウ＆ツール系: 2008年3月アーカイブ

ＡＴＯＭがレイアウト対応化

　桜の季節になりましたね。

　今日は、ＭＴ４で標準化されたＡＴＯＭについての雑談です。

　ＭＴ３で装備されていたＡＴＯＭフィードは、改行が反映されないベタテキスト表示でしたので、読みにくい・購読するありがたみがない、

　...という感じでしたが、このサイトのＡＴＯＭ1.0では、レイアウトをそのまま表示できるようになりましたね。

　これは、ブログ運営者にとっては驚異であり、脅威でもあるわけです。

　昨日、検索キーワードをチェックしていましたら、

「ヌーデ椅子と」（←わざと誤変換）＋「無料画像」というグーグル検索で

このページを訪問された方がおられたようです。

　冗談でも、「誤解検索」されないように気をつけないといけないですね。

　MT4のヘッダー画像差し替えの追加情報が必要かなと思いましたので、少し付け加えておきます。

　今回のＭＴ４カスタマイズはサイドバーに表示するカテゴリーアーカイブを、カテゴリー名と記事数だけでなく、記事タイトルも表示出来るようにするものです。

　日記ブログではない、インフォプレナーの情報提供サイトでは、

　「最近の投稿」...のように投稿日時による記事一覧はあまり意味がありません。

　「最近の投稿」がメインで、「カテゴリーアーカイブ」は記事数だけというナビゲーションは、閲覧者には探す手間がかかりますので、親切ではありませんね。

　そこで、「最近の投稿」はあえて表示から外して、カテゴリ分類と、記事タイトルというスタイルにしました。

　各カテゴリーとも、投稿日付順に記事は並んでいますので、どれが最近の投稿なのかはひと目で分かります。

　某２級資格取得の講習を３日間受けてきました。

　ほとんど無意味でしたが、受験資格を得るために必修なのです。

　講習後、自宅でテキストを読んで、いきなり過去問をやってみましたが、不合格点。

　法規関係をまったくやっていませんでしたので、その分野がクリアできませんでした。

　急遽法規を熟読して、別の過去問をやったところ正答率90％でした。６割で合格です。

　私は２級合格後、すぐ１級も合格するつもりですので、正答率100％でないと、納得しません。

　誤答の部分は、テキストに載っていない問題です。

　これは、多分講習の後に続く「受験講習」でこっそり教える引っかけ問題なのだと思います。

　講習の時に、講師が「あとは受験講習で解説するから...」というセリフを何度も言う、その意味がやっと分かりましたね。

　でも、追加講習３万円は痛い。この公益法人の窓口の人は「試験問題を解説するから...」と、

　あからさまな利益誘導をやっていましたね。

　意地でも１級とったるで！

　さて、ＭＴ４．０１のサイドバーのカスタマイズでしたね、

　私流MT4カスタマイズ・メモから、注意点をいくつかあげておきます。

・始めにフォントスタイルをチェックしておきます。

　私の場合ですと、英文が小さく、和文が大きく表示され、非常にアンバランスでした。

　これは、英文だけを使う人が作成したスタイルシートだからなので、前回の指定通りに、

verdana, "MS P　ゴシック" などを指定しておきます。

　その上で、フォントサイズを１ランク小さくしました。元スタイルが英文は小さく表示されるフォントでしたので、和文は少し大きすぎます。ですので、自分の好みの大きさに設定し直します。

　さらに、少しだけ遊び心を入れておきましょう。それは、

　MT4のカスタマイズに、いろいろとテンプレートが出ていますが、それぞれ独自色があります。
　たとえば小粋空間風にクールに決めるのもいいですが、どうも自分らしくないという感じを持つ方もいるでしょうね。

　思い切ってイメチェンするのは良いですが、
　アイドルの＊＊風なヘアデザイン...、でも顔は全然違うネって、
　かえって変に目立って恥ずかしく、ない？

　というわけで、オリジナルテンプレートをちょこっといじって、
　プチ整形カスタマイズをする方法をやってみましょうか。

　ホームページは、ヘッダーを変えるだけで、印象が際だって違ってきます。
　背景画像を、入れ替えてしまいましょう。

　基本のスタイルシートblog.css はあまり変更するところがありません。

　変えたところは、

　ボデーの背景色を薄いグレー(＃eee )に、

　リンクのアンダーラインを非表示に（text-decoration: none;）

　ｈ１などの大きい字は太字にすると汚く見えますのでfont-weight: normal;

　ブログの幅を、　　　#container-inner {
    　　　　　　　　　　　　　　　　　　width: 850px;

　２カラム左サイドバーは、/* Thin-Wide */

.layout-tw #alpha {
    left: 250px;
    width: 600px;
}

.layout-tw #beta {
    left: -600px;
    width: 250px;
}

　サイドバーが狭いと、リンクの表示などがすぐに改行されて好ましくないので、250にしました。

　次は、メインのスタイルシートの変更です。