BlogTop > Archives > 2012年4月 Archive

2012年4月 Archive

« 2012年3月 | 2012年4月 | 2012年5月 »

今月のいらんことしい（2012年4月） 21日
MT：encode_js でエスケープ文字が差し込まれる文字列 17日
ホームベーカリーでホットケーキ粉の蒸しパンレシピ 08日
メモ：自分のはてなフォトライフの新着画像をPipesでバッジ作成 06日
Pluploadのローカルテストの自分用ノート 03日

今月のいらんことしい（2012年4月）

Posted by: maRk
2012年4月21日 06:08
Last update: Apr 21, 2012 06:08
MTカスタマイズ | myown

今月（2012年4月）サイト内でカスタマイズした箇所をまとめたエントリです

Tag Archives (タグアーカイブ)のタイトルの表示形式を変更
はてなふるふるブックマーク機能を削除
WordPress の404ページにもGoogle のリンクヘルプ導入
FancyBox ライブラリをヴァージョン 2.x系に変更
サイト内検索がサイドバーメニューで上位に表示されるように変更した
Googleカスタム検索ページのカスタマイズ
Disqus コメントのpadding がなくなっていたのを修正

Tag Archives テンプレートにおいては、

Tag Archives : タグネーム « ブログ名

という形式でしたが以下のように階層に変更

タグネーム « Tag Archives « ブログ名

WordPressのテーマには、今使っているテーマだと、ランダムリンクとタグ一覧がでるようになっていますが、Google検索のヒントから探すことも出来るように設置してみました。

404 ページのカスタマイズ - ウェブマスターツールヘルプ

設置はテーマ編集で404テンプレートを編集（当該テンプレートファイルに対して一時的にパーミッションを書込み可能にしておく必要があります）。上のリンク先にスニペットがでるのでブログトップURLをいれればOK

利用中のFancyBoxのヴァージョンを2に移行しました

FancyBox(ヴァージョン2以降）は以下から

fancyapps/fancyBox · GitHub

設置方法は説明ページにあるとおり。

ダウンロードファイルを任意のスクリプト用のディレクトリにアップロード

jQury 1.7.x を読み込む

jquery.fancybox.css、jquery.fancybox.pack.js をそれぞれ読み込む。

折角なので、Thumbnail Helper という機能も使ってみる事にしました。

Optionally add button and/or thumbnail helpers　というコメント以下のコードで、今回はthumbnail helpers のほうだけ使用することにしたので、jquery.fancybox-thumbs.cssとjquery.fancybox-thumbs.js を読み込むようにしました。

Thumbnail Helpers を使う場合は、特定のclassを割り当て、jQueryのコードをThumbnail Helpers対応のコードを読み込む必要があります。

この機能は、モーダル表示中に下部にサムネイル画像が表示されてそのサムネイルをクリックすることでも画像を表示させることができるというものです（このエントリにて動作を確認できます）。

そして記事毎で「使う」・「使わない」を選択しておきたいので、MTIFタグによる振り分けを行うことにしました。

条件分岐が以前のものより複雑になるため、fancybox用のモジュールを新たに新設して、モジュール内で分岐処理した後にinclude で取り込むという形であります。

Googleカスタム検索では、テーマを「シャイニー」から「デフォルトスタイル」（Google検索結果風）へと変更。ラベルによる絞り込み機能も追加してみました。これらは、管理画面からの操作で可能です。テーマ変更後は新たにコード取得しなおして検索ページを編集し更新する必要があります。

Disqus コメントの端のの余白が無い状態は以下を追加で対処しました。

.comments-open-content { padding:2.5em; }

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

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

Comments
TrackBack Closed

MT：encode_js でエスケープ文字が差し込まれる文字列

Posted by: maRk
2012年4月17日 10:24
Last update: Jan 12, 2015 23:12
mt5

MTOS 5.13の環境でencode_js の出力に関してのテストテンプレート。

scriptという文字列があったときに、バックスラッシュによるエスケープ文字が挿入されることに最近気がついたので、テキトーなテンプレートを作ってみてみました。

<mt:Var name="var[0]" value="script">
<mt:Var name="var[1]" value="javascript">
<mt:Var name="var[2]" value="applescript">
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<title>encode js test</title>
</head>
<body>
<p><$mt:GetVar name="var" encode_js="1"$></p>
<script>
(function(){
var i;
var a=new Array( <mt:loop name="var" strip_linefeeds="1">
<mt:Unless name="__last__">
<mt:Var name="__value__" encode_js="1" regex_replace='/(.*)/','"$1",'>
<mt:Else><mt:Var name="__value__" encode_js="1" regex_replace='/(.*)/','"$1"'>
</mt:Unless></mt:loop> );
for (i=0; i<3; i++){
     document.write('<' + a[i] +'>' + 'test' + '</' + a[i] + '>' );
}
})()
</script>