MTカスタマイズ Archive

今月（2015年5月）、ブログでカスタマイズした箇所をまとめたエントリです。

• LDR Pocket をスマートフォン表示時に表示されるようにした
• ウェブマスターツールの名称変更があったので、過去記事にその旨を追記した

以下のページを参照しました。

• LDR Pocket ボタン-ウィジェット|LDR：LDR Pocket ヘルプ

※ご注意：LDR Pocketはスマートフォン向けサービスのため、「LDR Pocket に登録するボタン」もスマートフォン向けページに掲載いただくようお願いいたします。

Google ウェブマスターツールのGoogle Search Console への名称変更は、2015/5/20 付け記事により告知されています。

• Google ウェブマスター向け公式ブログ: "Google Search Console" - ウェブマスター ツールが新しくなりました

今月のカスタマイズは以上です。以下に過去のカスタマイズ記録リストがあります

• 当ブログのカスタマイズ記録

oEmbed は、URLよりページに埋め込み可能なコードを得るのに便利なしくみです。Movable Typeのサイトでこれを提供するための方法(正式なものではありませんが)のメモです。

oEmbed については、以下のページが詳しく解説されています。

• oEmbed APIの使い方まとめ！URLから埋め込みHTMLタグを作ろう！
• oEmbed でメディア共有サイトのコンテンツを簡単埋め込み - WebOS Goodies

設計の概要は以下の通りです。

• URL情報から、必要な情報を取得するのに Data-API を使用する
• Data-API から、URLに対応する記事の情報を返すAPIのカスタムインデックステンプレートを作る。APIはとりあえず、PHPで作成する
• APIは外部サイトからのクロスドメインアクセスの都合上、 Access-Control-Allow-Originヘッダー 出力で対策しておく
• APIで返す内容は、パーマリンク、ページタイトル、ページコンテンツくらいでよい。タイプはrich（iframe 利用）にすることで、概要・記事で使用している画像サムネイル等も掲載できる
• ページコンテンツは EntryExcerpt （Data-API でのキーは excerpt）を利用する（毎記事適切な概要入力されていること前提として）
• iframe で返すためのアーカイブテンプレートが必要
• エンベッド用アーカイブをアーカイブテンプレートに追加する
• エンベッド用アーカイブのURIと元記事のURIを紐付けしないと呼び出しができない。このブログではパーマリンクに記事IDを含めていないため、そのままでは無理
• 元記事のURI（/path/to/archives/記事ファイルネーム/）は /path/to/archives/embed/記事ファイルネーム/ のように置換する方針とする
• /embed/* は robots.txt 等に検索でインデックスされないようにしておく
• エンベッド用アーカイブは、使用頻度からダイナミックパブリッシングのほうで採用。表示パフォーマンスは不利になるが、仕組上、エンベッド記事の実体（静的なファイル）はないので、全体の再構築のときに響かない

流れとして、もう少し簡単にまとめます。

• Data-APIをつかって、記事に関係するデータをJSON形式であらかじめ出力しておく
• 記事URLのリクエストから、記事情報を得る
• 必要な情報をパースして、oEmbedの仕様に合った形式で返す
• エンベッド用のアーカイブを用意してこれを iframe にて埋め込む形にする

概説になりましたが、oEmbed対応については以上です。

以下に API のテンプレートのサンプルがあります。実際に使用しているもので、直に記述している部分をテンプレートタグに置き換えしたものです。

• Movable Type 6 ~ oEmbed提供用のファイルサンプル -- Bitbucket

※ このブログのURLの構成に基づいているので、そのままコピーしただけでは使えません。

※ Movable Typeのテンプレートタグが入っていますので、他のCMSでも同様にそのままの状態では使用できません。

※ Data-APIの同梱されていない Movable Typeでは動作しません。出力のJSONのキャッシュとして、bit-part/mt-plugin-DataAPIPHPCache を使っています。

※ 作成したのが Data-API のバージョンが 1のときのもので現在は v2 が出ていますが、/v1/ のフォルダがのこっていればそのまま使えています。

実際に使用している記事は以下にあります。WordPressでは、標準で、oEmbedのサイトはホワイトリスト方式になっていますので、wp_oembed_add_provider()に追加しておくなどします。

• oEmbed 対応テスト | maRkのつれづれぼっくす

（上の記事は出力結果の例で、oEmbed の使用は、記事作成の画面のところで記事URLのコピーを貼付けします）

今月（2015年4月）、サイトでカスタマイズした点をまとめたエントリです。

• サイトルートのみ、Analytics トラッキングコードを外した
• FCブログ閉鎖にともない、過去記事からリンクを外すなど
• Movable Type を 6.1.1 へアップデート

昨年より一部話題になっていた、Google Analytics でのリファラスパムの件ですが、スパムが後を絶たないため、トップページだけ外すということにしました。

これに至る理由は

• 対策に時間をとられるのはばかばかしい
• ランディングページでトップページは極端に少ない

ということからです。

今月のカスタマイズは以上です。以下に過去のカスタマイズ記録リストがあります

• 当ブログのカスタマイズ記録

今月（2015年3月）、ブログのカスタマイズした点をまとめたエントリです。

• シングルカラムのページに Media Queries と viewport を指定した
• MTInclude タグのモジュールテンプレート階層化の見直し
• 「ブローク」サービスはとっくに終了していたので、サイドバーから削除。ShortNoteプロフィールリンクを追加
• PHPのバージョンを、ここと tsuredurebox.geo.jp とでサーバー管理画面の設定よりバージョンアップ
• Vicuna CMS のサイトへのリンクを解除
• Actionstreams テンプレートに noindex, nofollow METAタグを付与

Movable Type 6.0.4 より、PHP 5.5 への対応が済んでいるのがわかったので使用するPHPのバージョンをあげました。CoreServer では管理画面のPHP設定の項目からドメインごとで切り替えることができました。

Vicuna CMS および、 mt.Vicuna へのリンクは、リンク先が存在しなくなり、別の第三者がドメイン取得されているようなので、この時点でリンクウェア（造語）としての意味を持たなくなったということで、リンクを解除ということで対応しました。

ちなみに、Movable Type向けテンプレートは、 HashiM氏により、mt.Vicuna HTML5 theme として管理されているようです。

今月のカスタマイズは以上です。以下に過去のカスタマイズ記録リストがあります

• 当ブログのカスタマイズ記録

今月（2015年2月）、ブログでカスタマイズした箇所をまとめたエントリです。

• カスタマイズ記録（今月のいらんことしい、バックナンバー）ページでテンプレートタグでやっていたのを、DATA APIで読み込むように変更
• Fancybox の JS、CSS 等更新
• ブログの一部記事、oEmbed 配信に対応
• HTTP ヘッダ X-UA-Compatible: chrome=1 削除してなかったページを更新
• Movable Type用DataAPI Disablerプラグイン 導入でDATA API 使用ブログを制限（6.1導入後削除）
• Movable Type のバージョンを6.1に、MTOSバージョンを5.2.12へ
• Action Streams 更新フィードで、title要素 に二重引用符（エンコードしたもの含む）があると、パースできないケースがあったので削除するように置換した

Movable Type DATA API を使ってみることにしました。

使用箇所は、カスタマイズ記録ページのリスト表示と、oEmbed プロバイダ用のAPI

oEmbed については、以下が詳しいです。

• oEmbed APIの使い方まとめ！URLから埋め込みHTMLタグを作ろう！ (Syncer)

以下に実際の動作をまとめておきました。対応するエディタで記事URLをペーストすると読み込みにいってrich形式でかえします。

• Movable Type oEmbed 対応 wit... by maRk | Short Note

Movable Type｜MTOS のバージョンアップをおこないました。

• APIをさらに強化したCMSの最新版 Movable Type 6.1 をリリース | Movable Type ニュース

<mt:ActionStreams replace="&quot","" replace="&#34;","">

(なぜか、regex_replaceで複数指定するとうまくいかなかった)

今月のカスタマイズは以上です。以下に過去のカスタマイズ記録リストがあります

• 当ブログのカスタマイズ記録

今月（2015年1月）、今年最初のブログのカスタマイズした箇所をまとめたエントリです。

• コード掲載ページに SyntaxHighlighter を導入
• XML-RPC cgiの実行権限を解除
• サイトのルートへの Analytics スニペットを出力しないようにした
• 個別記事ページにもアクセスランキングを表示するようにした
• サイトトップのトラッキングスニペットのカスタマイズ

記事内にコードのある場合に SyntaxHighlighter による表示になるようにしました。

カスタムフィールドに以下のように設定

システムオブジェクト
  記事
名前
  SyntaxHighlighter
説明
  SyntaxHighlighterを使用する
種類
  チェックボックス
オプション
  なし
必須
  チェックを外す
規定値
  SyntaxHighlighterを使用する
ベースネーム
  cfsyntaxhighlighter
テンプレートタグ
  cfSyntaxHighlighter

作成された、mt:cfSyntaxHighlighter タグを使って、テンプレートに SyntaxHighlighter (ver.3系)を読み込むように組みます。

<mt:If tag="cfSyntaxHighlighter">
SyntaxHighlighter を呼び出すコードを入れる。
</mt:If>

スクリプト部分は、フッター側に、スタイルシートは、head要素内に設置しています。

カスタマイズしたサイトトップのGoogle Analytics コードは、ShortNote に記載したとおりです。

今月のカスタマイズは以上です。以下に過去のカスタマイズ記録リストがあります

• 当ブログのカスタマイズ記録

今月（2014年12月）、今年最後のブログのカスタマイズした箇所をまとめたエントリです。

• Action streams ブログテーマをセットしなおしした
• 一部ページに、テンプレートの種類を示す、data-page-type属性を付与。setvars の設定を可視化するとした
• フッタの subscribe で livedoor reader の表記を Live Dwango Reader へ書き換え
• Movable Type バージョンアップ。6.0.6 および、MTOS 5.2.11
• トラックバックのリストのページのマークアップを変更

Movable Type のセキュリティアップデートのアナウンスは以下より。

• [重要] 6.0.6、5.2.11、5.18 セキュリティアップデートの提供を開始 | MovableType.jp

今月のカスタマイズは以上です。以下に過去のカスタマイズ記録リストがあります

• 当ブログのカスタマイズ記録

今月（2014年10月）、ブログのカスタマイズした箇所を記したエントリです。

• 記事投稿時Ping送信先でYahoo!ブログ検索を登録から外した
• Movable Type を 6.0.5 にバージョンアップ

今月のカスタマイズは以上です。以下に過去のカスタマイズ記録リストがあります

• 当ブログのカスタマイズ記録

今月（2014年9月）、ブログのカスタマイズした箇所を記したエントリです。

• Movable Type 6.0.4 にアップデートした
• Blog Ajax 検索専用ページで、form のクエリによるページ読み込みを廃止

• Movable Type 6.0.4の提供を開始 | Movable Type ニュース

今月のカスタマイズは以上です。以下に過去のカスタマイズ記録リストがあります

• 当ブログのカスタマイズ記録

今月（2014年8月）、ブログのカスタマイズした箇所を記したエントリです。

• labs にTwitter ウィジェットをいれた

今月のカスタマイズは以上です。以下に過去のカスタマイズ記録リストがあります

• 当ブログのカスタマイズ記録

今月（2014年7月）、ブログでカスタマイズした箇所をまとめたエントリです。

• FancyBox プラグインをバージョンアップ
• CoreServer 、PHP／Apache バージョンアップメンテナンスに伴い、WordPressでのPHPのCGI版による動作を解除

FancyBox は以下からダウンロード。

• fancyBox - Fancy jQuery Lightbox Alternative

トラブルをさけるために、展開後のフォルダ階層をオリジナルと同じにしてアップロードします。

FancyBox 用のモジュールテンプレートを更新して、FancyBox を適用している記事をフィルタして再構築。

サムネイル（50x50pix）使用する表示のときオーバーレイが真っ黒になるので、デフォルトの状態に修正しました。

今月のカスタマイズは以上です。以下に過去のカスタマイズ記録リストがあります

• 当ブログのカスタマイズ記録