hiroeleganceのエレガンスとは呼べない日常

WEB屋hiroelegance(ヒロエレガンス)のブログhiroeleganceのエレガンスとは呼べない日常略して「エレ日」です。YouTubeで毎週火曜0時にラジオを配信しています。ラジオの神様である伊集院光さんの深夜の馬鹿力に憧れて自己満ラジオやってます。

よく使うMovableTypeのカスタマイズ

      2016/12/22

titleの変更

デフォルトテンプレートのtitle部分が
記事名-ブログタイトル
という表示なのですが

記事名|ブログタイトルに変更します。

個別エントリーアーカイブ

< $MTEntryTitle$>|< $MTBlogName$> 

参考サイト:titleタグを最適化する - MovableTypeにおけるSEO対策

パンくずリストの追加

トップページ >MTカスタマイズ講座 > 操作アップ編 > パンくずリストの設置

パンくずリストとは上記のような現在位置を表示するものです。
語源は童話「ヘンゼルとグレーテル」で、森の中で迷わないように
パンくずを少しずつ落としながら歩いたというところからきていると言われています。


個別エントリーアーカイブ

トップページ > 


< $MTCategoryLabel$>

> < $MTEntryTitle$>

カテゴリーアーカイブ



< $MTCategoryLabel$>

・「MTParentCategories

 エントリーが属する親カテゴリーとサブカテゴリーをリストアップします

・「glue=" &gt; "

 リストをつなぎ合わせる文字を指定します

・「&gt;」とは、「>」のことで、「greater than」の略です。

 別の文字や記号に変更してもOKです。

参考サイト:パンくずリストの設置

METAタグの最適化

実はエレ日ではやっていません。
vicunaCMSではデフォルトで入ってないので。
仕事でブログ構築する時に試行錯誤して実現しました。

色々試した結果かたつむりくんのWWWさんのところの記事が一番わかりやすくて
エラーもでなかったです。

テンプレートモジュールHTMLヘッダに記述します。

<mt:If name="main_index">
? ? <meta name="keywords" content="XHTML,CSS,JavaScript,Movable Type,WordPress,Webデザイン,CMS" />
? ? <meta name="description" content="<$mt:BlogDescription$>" />
<mt:ElseIf name="archive_index">
? ? <meta name="keywords" content="<mt:Entries lastn="2"><mt:If name="__first__"><mt:EntryCategories glue=","><$mt:CategoryLabel regex_replace="/[0-9]+_/",""$></mt:EntryCategories><mt:ElseIf name="__last__"><mt:EntryIfTagged>,<mt:EntryTags glue=","><$mt:TagName$></mt:EntryTags></mt:EntryIfTagged></mt:If></mt:Entries>" />
? ? <meta name="description" content="<mt:Entries lastn="5"><$mt:EntryTitle encode_html="1"$>,</mt:Entries>" />
<mt:ElseIf name="entry_template">
? ? <meta name="keywords" content="<$mt:EntryKeywords$>" />
? ? <meta name="description" content="<$mt:EntryExcerpt$>" />
<mt:ElseIf name="page_template">
? ? <meta name="keywords" content="<$mt:PageKeywords$>" />
? ? <meta name="description" content="<$mt:PageExcerpt$>" />
<mt:ElseIf name="archive_listing">
? ? <meta name="keywords" content="<mt:Entries lastn="2"><mt:If name="__first__"><mt:EntryCategories glue=","><$mt:CategoryLabel regex_replace="/[0-9]+_/",""$></mt:EntryCategories><mt:ElseIf name="__last__"><mt:EntryIfTagged>,<mt:EntryTags glue=","><$mt:TagName$></mt:EntryTags></mt:EntryIfTagged></mt:If></mt:Entries>" />
? ? <meta name="description" content="<mt:Entries lastn="5"><$mt:EntryTitle encode_html="1"$>,</mt:Entries>" />
</mt:If>


Movable Type で meta タグの keywords と description を挿入するテンプレートを考えてみました。SEO 対策としてどれだけ効果があるかは疑問ですが、ないよりはマシということで。

「ないよりはマシ」とは言っても、正確にはヘタな keywords と description を入れるくらいだったな無い方がマシのようですので、以下の点だけ気を付けます。

* keywords : 5 、6 個にし、他のページと極力同じにならないようにする。
* description : おおよそ 100 字以内にし、他のページと極力同じにならないようにする。

これだけ意識して、以下のような Movable Type のテンプレートにしてみました。
引用元:Movable Type のテンプレートで作る meta タグの keywords と description
かたつむりくんのWWW

正方形サムネイルの作成

MT4にてアップした画像をアイテムとして管理できるのですが、
この画像を自動で正方形にするカスタマイズです。
ポートフォリオとか、写真を沢山扱うブログで役立ちますねbleah

サイドバーのサムネイルを全部正方形にする (MT4用)WingMEMOさん

だんだん苦しくなってきた・・・10は無理かな?

絵文字プラグインの導入

絵文字プラグインを導入し、
表現方法を広げてみましたhappy01

http://www.luckypines.com/mt/2008/05/mt.html

tagAssistプラグイン

CSS Happy Lifeさんのところで配布されています。
h2、h3、h4、h5、h6、preを記事の中に入れられる
タグ補助プラグインです。
あらかじめCSS側で小見出しのCSSを設定しておけば
見栄えもすっきりします。

http://css-happylife.com/log/movabletype-plugin/000330.shtml
こちらでダウンロード可能です。

よく使うMovableType6のカスタマイズになってしまったdown
中途半端だなぁbearing

  広告

 - Movable Type