Written  By  New-Can  [ 2011年5月29日 22:39 ]    Web Clap

Category  06-B. Movable Type/カスタマイズ関連

Bookmark   0    0        BBS

24日から風邪が悪化してしまい…
鼻が両方詰まってしまったり、昨日からは咳も出始めたり…と体調不良の日々が続いてます…(>_<)

…そんな今日この頃ですが、翌日の25日。
Movable TypeのVer5.1がリリースされたので、当サイトも27日にバージョンアップを実施しました。

ただ、バージョンアップの度になにかしらのトラブルに見舞われるので…
こんなに早く対応することはないのですが、試験的に別フォルダで試したところ、今回は特段大きな問題はなさそうな雰囲気。「一気にやってしまいました…」みたいな。。。

個人的な印象でしかありませんが…
便利そうなプラグインをガツガツ使用していなければ、あまり問題はないような気がします。
１番心配だったのは、携帯電話版で使用しているMT4iでしたが、今回は無事でした。
（※毎日、誰かしら携帯電話経由でアクセスして下さっているので、個人的には考慮したかった…）

バージョンアップしたことで…
見慣れていた管理画面が微妙に変わってしまったものの、Ver5.04の際よりも動作が少し軽くなり、ブログ記事作成画面のカテゴリ名も見やすくなりました。

あと、本文作成エリアや保存ボタンとプレビューボタン…
これは随分と大きくなりましたねｗ

…なんだか、管理者の自分ばかり恩恵を受けたような感は否めませんが、、、
今回のバージョンアップ対応を行うにあたり、小粋空間の記事を参考にして、facebookのコメント欄もついでに設置してみました。このコメント欄が頻繁に使用されるとは思っておりませんが、「個人的な趣味」というか、折角なので…（；＾＾）

〆

<Postscript>

話は変わりますが、最近アルファポリスの編集部の方からメールが届きました。
なんでもスリランカ旅行記が好評を博した？ようで、6/6に当ブログが取り上げられる模様です。

その日のアクセス数、どれくらいになるだろう…。
ブログ関連では、久し振りにドキドキする出来事のような気がします。
誰でも良いから、ヒトコトあると嬉しいなぁ…なんて。

- Entry Site -

Thank you so much to read My Blog. I hope it's a fine day for you. See ya!

Written  By  New-Can  [ 2010年12月18日 11:25 ]    Web Clap

Category  06-B. Movable Type/カスタマイズ関連

Bookmark   0    0        BBS

記事に添付されている画像をダブルクリックすると…
一部はポップアップされるように、あるときから“Litebox”を導入したのですが、最近それが上手く行かないケースがあることに気がついてしまったので、「改善を図らねば…」と思っておりました。そのため、まずは“Lightbox v2.04”へと変更する修正を始めました。

ところが、これが全く上手く行く気がしない…orz
そのとき、「もう１つ手段はあった気がしたな…」と思い出したのが、“jQuery LightBox Plugin”。名前の通り、jQuery版のLightBoxで、今迄の画像系リンクに対して、“rel”なしでも問題なく使えそうだったからです。。。

しかし、実はこれもそのまま利用するだけではポップアップされないのです…orz
ただ、他のブログサイトを見ると、キチント導入することができているのです。「何故だろう？」と思っていたところ、昨日原因が分かりました。

このブログの個別記事において、チョット前に導入した…
「“zenback”が原因である」という記事を発見することができました。「これは間違いないな…」と確信して、導入方法が丁寧に書かれている記事を読みながら作業を進めたところ…無事、導入することができました♪

要は、「当サイトで読み込む“jQuery”と“zenback”が読み込む“jQuery”が衝突してしまうため」です。

この記事に検索して辿り着いた方であれば…
その理由に関しては、「あぁ、なるほどね～」という感じで納得することができるかと思います。ただ、自分はプログラム記述手法に疎いので、「スクリプトの開始を“$”ではなく、“jQuery”から始める」とか、「省略形にしてしまうと“zenback”が導入されている頁では“LightBox”の効果を導入することはできないです」と言われても、信じて突き進むことしかできないのですが…（；＾＾）

そんな訳で、今回は調査に時間を要しただけに、解決できたときは本当に嬉しかったです。
個人的なメモがてら、記事にしておきます♪

1. jQueryファイルのバージョンを変更する（×：1.23→○：1.26…1.3以上不可／※参考記事）。
2. ファイル名を短くする（※趣味の問題ですね…）。
   jquery.lightbox-0.5.css→“lightbox.css”
   jquery.lightbox-0.5.js→“lightbox.js”
3. “lightbox.js”へと変更したファイル内に記載されているimagesフォルダの参照先を修正する。
4. 下記のように記載した“lightbox-add.js”を作成し、必要なファイルをアップロードする。
   jQuery(function($){
   $('a[@href$=".jpg"], a[@href$=".gif"], a[@href$=".png"]')
   .addClass("lightbox");
   $('#divのID名 a.lightbox').lightBox();
   });
5. ＜head＞内に下記の記述を追加し、再構築を実施する。
   ＜link rel="stylesheet" href="～lightbox/css/lightbox.css" type="text/css" media="screen" /＞
   ＜script type="text/javascript" src="～lightbox/js/jquery.js" ＞＜/script＞
   ＜script type="text/javascript" src="～lightbox/js/lightbox.js"＞＜/script＞
   ＜script type="text/javascript" src="～lightbox/js/lightbox-add.js" ＞＜/script＞

〆

<Postscript>

便利機能系は新しいものを１つ導入すると、従来のものは１つ壊れる…
そんなもんなんですね。やっぱり…（；＾＾）

- Entry Site -

Thank you so much to read My Blog. I hope it's a fine day for you. See ya!