激的！ブログ大改造ビフォーアフター　MT独自タグの知識は無駄にはならない！

ブログというシステムに改めてすごいと感じたのはMT独自タグを使ったカスタマイズを実践してからです。HTMLではひとつひとつが手作業で行わなければイケない作業を一度構築してしまえば手間をかける事なく、一瞬で編集・変更され、新しい条件でデータが反映される。今回、見た目がものすごく変わったこのブログにも実はふんだんにMT独自タグカスタマイズが施されています。今回は軽く使ったMT関連の知識をご報告します。

今回初めて私のブログに来た人はこの辺に違和感を感じてると思います(笑)

作っといてなんですが・・私も違和感はあります(笑)
もともとは１行～２行のグローバルメニューの予定でしたが・・
思ったよりも・・扱っていた商品情報が多かったらしく（；^ω^）

気がついたら６段に((((；ﾟДﾟ))))ﾏﾀﾞﾌｴﾙ

さて、そんな変化の裏側を辿れば聞くも涙・・語るも涙の・・・

そんな話はないけどね

(； ･`∀･´)　　Σ(ﾟДﾟ;)ｶﾞｰﾝ

あるのはストイックなまでのカスタマイズ作業のみ！

さて、この見た目がめっちゃ変わるという段階で
主に変更を必要とされたのは【CSSの知識】です(*´∀｀)

CSSとはスタイルシートといい主にWEBページのデザイン部分や
レイアウトを作り出すものですが・・
わからない人はまずこのレポートで予備知識をつけましょう(*´∀｀)

→　たぬきち流　ちっちゃい事はきにすんな簡易レポートシリーズ第2弾！
　　塗り絵でわかるCSSとHTMLの覚え方！

事、私が使っている賢威テンプレートにおいては物凄く厄介な代物なんですね(-_-;)
わかりやすい図をお見せするとこんな感じ(*´∀｀)

通常のCSS構成

賢威のCSS構成

賢威のCSS構成が他のテンプレート等と違い
なぜ検索エンジンから高いSEO効果を得られるかというと
諸説色んな話が飛び交いますが・・・私が過去に検証したケースから考えると
検索エンジンに提示する情報の正確性にあります(*´∀｀)

提示する情報の正確性とは
どこに？どのように？どういうものとして？
という情報が明確に伝えられているという事(*´∀｀)

例えば、画像でも
ttp://○○画像URL.jpg　として表示されるのと
ttp://○○画像URL.jpg　横幅○○px　縦幅○○px　代替テキスト
このふたつでは検索クローラーに与える労力が段違いですね

上記の場合、クローラーはURLを読み込みに行ってから
画像のサイズ、大きさを認識します(*´∀｀)ﾀﾞｲﾀｲﾈΣ(ﾟДﾟ)

しかし、下の例場合は、画像を読み込みに行った時点で
すでにそこに画像が入るエリアを認識しています

人間様のお仕事と同じですよ
郵便局の配達箱をイメージして下さい(*´∀｀)

郵便物の仕分けから始まって配達するのと
すでに仕分けされてる郵便物の住所だけを見て配達するのでは
どっちが配達する人にとって好まれるでしょう？

つまり賢威はそれぞれのブロックが独立し明確にそのブロックの存在位置を
検索エンジン側に情報開示しているという事(*´∀｀)

HTMLを見た限りでは、ぱっと見気づかないでしょうけど・・
CSSをカスタマイズしていくと・・避けては通れない・・茨の道・・

エリアが決まっている場所に・・・強引にエリアを作る作業な訳だから・・・
当然、全てのエリア定義を変更していかなければいけないorz
※じゃないと、上に重ねて表示されます

心が折れかけましたが・・・多くの人に言われていた言葉を胸に頑張りました

「たぬきちさんの記事は勉強になるけど・・情報が多すぎて・・」

「確かあそこの記事に書いてたはずですけど・・探せなくて・・」
「迷子のになります・・・」

・・・・うん？まぁ・・
必要とされてるという事だけ受け取っておこう(笑)

そこで今回の激的ビフォーアフターの狙いはこう(*´∀｀)
・一度構築したら今後はスタイルを変更しやすい作りに
・訪問者にわかりやすい道標でむふふな展開？
・ループ・ザ・ループ　Σ(ﾟДﾟ)ｼｮｾﾝﾂｷｻｼﾃｻﾏﾖｯﾃ？

という訳で今回は第一弾カスタマイズポイント

一度構築したら今後はスタイルを変更しやすい作りに
という部分についてお話します(*´∀｀)
でも長くなるので利用したタグの一覧だけ先に見せておきましょう

・MTInclude module=”任意の名前”
MTモジュールテンプレートを読み込むコマンドです

・mt:Entries
ブログのブログ記事の一覧のためのブロックタグです。
特定のカテゴリのブログ記事だけを抜き出すことや
日付順で指定した数のブログ記事を一覧することができます

・mt:EntryAssets
特定のブログ記事で利用しているアイテムの一覧を表示するためのブロックタグ
ブロク記事アーカイブか、MTEntries ブロックタグの中で利用できます

・mt:AssetThumbnailLink
オリジナルファイルへのリンク付きのサムネイルを表示する
XHTMLタグを表示します。サイズを指定するモディファイアを併用して
サムネイルのサイズを指定することができます

・mt:AssetThumbnailURL
MTAssetThumbnailURL はサムネイルのURLのみを表示します。

・MTEntryExcerpt
ブログ記事の概要に入力した内容を表示します。概要に記述がないときは
ブログ記事の本文を、指定した概要の文字数だけ先頭から表示します。
上記のタグを設定するだけではこんな感じになるんですね(*´∀｀)

さらっと書いたけど・・これを実行するには最低でも上記のタグと

・インデックステンプレートの作成
・モジュールテンプレートの作成
・アーカイブテンプレートのカスタマイズ
・CSSの編集
・各独自タグのモディファイア（オプション）の理解

とやる事は盛りだくさんなんですね（；^ω^）説明めんどいから省略

ちなみに賢威のフォーラムを覗きましたが・・参考になる情報はありませんでしたorz
賢威特典のほうに使ったタグとカスタマイズ方法を
そのまままるっと載せておくので私から賢威を購入された方はチェックですよ(*´∀｀)

→　賢威カスタマイズ通信

残り二つの項目の狙いにも大きな意味があります(￣ー￣)ﾆﾔﾘ

カスタマイズ工程第一弾では一度構築したらシステムさえ変えなければ
記事の変更や画像の変更なども自動で入れ替わるスタイルが構築できました
作業の効率化だね(・∀・)ﾆﾔﾆﾔ

ツイート