カウンター
  • 1131今日の閲覧数:
  • 1211昨日の閲覧数:
  • 849今日の訪問者数:
  • 884昨日の訪問者数:
アーカイブ
カテゴリー
2011年5月14日 土曜日

Internet Explore9でMovable Typeのファイルアップロードが使いにくい

最近、自宅のメインマシンのブラウザを、Internet Explore8から9にバージョンアップしました。

いつも使っているブラウザは、タブブラウザの出始めの頃からずっと愛用しているSleipnir2なんですが、ブラウザエンジン自体はInternet Exploreを使用しているので、いろんな面で新しい方がいいかなと思ってバージョンアップしました。

通常使う分には、ブラウザエンジンを意識する事はあまりないのですが、セキュリティの強化とか支援パーツ等、いくつかの面で余計な画面が表示されたりする事がありましたが、なんとか使っていました。

しかし一番困ったのが、ブログの写真のアップロードです。

私のブログは自宅の自作PCマシンにLinuzを入れて、自宅サーバとしてそこにMovable Type 3.38を入れて使っています。

記事の中に写真をアップするのも、枚数が多い時や動画、Google MapsなどはFTPソフトを使って一気にやってしまいますが、1枚2枚の写真の時はMovable Type の「ファイルのアップロード」機能を使っています。

でも、Internet Explore9にしてからこれがうまくいかなくなりました。

今までなら写真を選択してアップすると、生成されるタグは、

< img alt=”2011ブルスカチケット写真” src=”http://greenleaf.ddo.jp/wp/wp-content/uploads/2011blueskyheaventicket.jpg” width=”480″ height=”360″ />

などと表示されていたのですが、これが、

< a href=”http://greenleaf.ddo.jp/wp/wp-content/uploads/2011blueskyheaventicket.html” onclick=”window.open(‘http://greenleaf.ddo.jp/wp/wp-content/uploads/2011blueskyheaventicket.html’,’popup’,’width=480,height=360,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0′); return false”>画像の確認< /a>

となってしまい、これで表示すると、

画像の確認

こんな状態になってしまいます。

これでは困るのでいろいろ調べてみたのですが、結局Internet Exploreのバージョンを8に戻す事にしました。

バージョンダウンの方法は、

「スタート」ボタン→「コントロールパネル」を選択
「プログラムと機能」の左側の「インストールされた更新プログラム」を表示
中段の「Microsoft Windows」→「Internet Explorer 9」を選択
上部の「アンインストール」をクリックして作動
しばらくしてアンインストールされたら、PCを再起動する。
起動後は Internet Explore8に戻っている。

この問題も、たぶんセキュリティがらみの設定で解除出来るんでしょうけど、使い慣れたIE8ベースのブラウザでもうしばらくやっていくつもりです。


ブログランキングに参加中です
気に入ったらポチお願いします
にほんブログ村 バイクブログ ハーレーダビッドソンへ
にほんブログ村




2011年1月11日 火曜日

Movable Type でページ分割の方法

動作が重くなった私のブログへの対策、第二弾です。

今回はソフト的な対策をやってみました。

記事数が増えてくると、表示されるページ数が増えてきます。

特にカテゴリーページは、100ページを超えるジャンルがあると表示が遅くなって閲覧者の方に迷惑が掛かります。

私のブログでも一番記事数の多い「ハーレーツーリング」カテゴリーでは168もの記事があり、また「スイス旅行」カテゴリーでは記事数は14ですが、一つの記事に写真が60~80枚もあるため全部で1000枚以上になり、また地図表示も行っているのでこれらをすべて一度に表示するとかなり重たくなってしまいます。

メインページについては、Movable Type の「設定」ページの「表示に関する初期設定」で表示数を指定出来ますが、その前後へ移動するナビゲーターがありません。

カテゴリーページにいたっては、表示ページの制限すらする事が出来ません。

プロバイダ系のブログでは、あらかじめページを分割して表示してくれる機能があるものが多いですが、Movable Type ではその機能がついていません。

ブログ自体をPHP化すると対応出来るようですが、それはそれで手間も掛かるし、使えるプラグインに制約が出てしまう等の問題点もあります。

そんな時に便利なのが、今回紹介するプラグイン、「PageBute」です。

私のブログで今回のプラグインを使って、「メインページとカテゴリーアーカイブを分割して表示する」ように設定してみました。

すでにいろんなサイトで紹介されている機能追加ですが、テンプレートの設定方法がわかりにくかったので、自分のための備忘録として残しておきます。

使用する環境ですが、ブログソフトとしてのMovable Type の最新版はVer5が提供されていますが、私のブログでは未だにVer3.38を使っています。

今のバージョンでカスタマイズに慣れているので他のバージョンにアップする予定は今のところありません。

■まずは、プラグインを導入します。

スカイアークシステムのサイトから、PageButeプラグインをダウンロードします。

いくつかあるバージョンの中から、私は「PageBute バージョン3.4.0」をダウンロードして使わせてもらっていますが、MT3.38でもうまく動作しています。

インストール方法は、ダウンロードして解凍した「PageBute.pl」ファイルをMovable Typeの「plugins」ディレクトリにアップロードするだけです。

■次にテンプレートを設定します。

基本的な流れは、
<MTEntries> の直前に <MTPageContents count=”5″> を追記します。
(※ ”5″の数字は分割表示したいページ数です)

そして、</MTEntries> の直前に <$MTPageSeparator$> を、直後に </MTPageContents> を追記します。

さらにページ移動の表示をさせたいところに、

【例1】
Page:<MTIfPageBefore><span><$MTPageBefore delim=”<<前の5件 “$></span></MTIfPageBefore>
<$MTPageLists delim=” < “$>
<MTIfPageNext><span><$MTPageNext delim=” 次の5件>>”$></span></MTIfPageNext>

あるいは、

【例2】
<MTIfPageBefore><span><$MTPageBefore delim=”新しい日付の3件 << ”$></span></MTIfPageBefore>
<$MTPageLists$>
<MTIfPageNext><span><$MTPageNext delim=” >> 古い日付の3件”$></span></MTIfPageNext>

と記述します。

上の二つの例はどちらを使っても構いませんが、その表示例は下記のようになります。

【例1】

pagebute_banner1.jpg

【例2】

pagebute_banner2.jpg

となります。

次に掲載するのが、実際に私のブログで使っているテンプレートの記述例です。

まずは「メインページ」の記述です。

赤字の部分が追加したところです。

  (前 略)

<div id=”beta”>
<div id=”beta-inner” class=”pkg”>

<div align=”center”>
<MTIfPageBefore><span><$MTPageBefore delim=”新しい日付の3件 << ”$></span></MTIfPageBefore>
<$MTPageLists$>
<MTIfPageNext><span><$MTPageNext delim=” >> 古い日付の3件”$></span></MTIfPageNext>
</div>
<br>

<MTPageContents count=”3″>

<MTEntries>
<$MTEntryTrackbackData$>
<MTDateHeader><h2 class=”date-header”><$MTEntryDate format=”%x”$></h2></MTDateHeader>
<div class=”entry” id=”entry-<$MTEntryID$>”>
<h3 class=”entry-header”><a href=”<$MTEntryPermalink$>”><$MTEntryTitle$></a></h3>
<div class=”entry-content”>
<div class=”entry-body”>
<$MTEntryBody$>

     <div align=”right”>
     <p style=”font-size : smaller;color : blue;”>ブログランキングに参加しています。<br>
     1日1回のクリックがはげみになります。<br>
     <a href=”http://bike.blogmura.com/harley/”>
     <img src=”http://www.blogmura.com/img/www88_31_femgreen_2.gif” width=”88″ height=”31″ border=”0″ alt=”にほんブログ村 バイクブログ ハーレーダビッドソンへ” /></a></p>
    </div>

<MTIfNonEmpty tag=”EntryMore” convert_breaks=”0″>
<p class=”entry-more-link”>
<a href=”<$MTEntryPermalink$>#more”>続きを読む “<$MTEntryTitle$>” »</a>
</p>
</MTIfNonEmpty>

<MTEntryIfTagged>
<div class=”entry-tags”>
<h4 class=”entry-tags-header”>タグ:</h4>
<ul class=”entry-tags-list”>
<MTEntryTags>
<li class=”entry-tag”><a href=”<$MTTagSearchLink$>” rel=”tag”><$MTTagName$></a></li>
</MTEntryTags>
</ul>
</div>
</MTEntryIfTagged>

</div>
</div>

<p class=”entry-footer”>
<span class=”post-footers”>
<MTIfNonEmpty tag=”EntryAuthorDisplayName”>
投稿者: <$MTEntryAuthorLink show_email=”0″$> 日時: <$MTEntryDate format=”%x %X”$>
<MTElse>
日時: <$MTEntryDate format=”%x %X”$>
</MTElse>
</MTIfNonEmpty>
</span>

<span class=”separator”>|</span> <a class=”permalink” href=”<$MTEntryPermalink$>”>パーマリンク</a>
<MTIfCommentsActive>| <a href=”<$MTEntryPermalink$>#comments”>コメント (<$MTEntryCommentCount$>)</a></MTIfCommentsActive>
<MTIfPingsActive>| <a href=”<$MTEntryPermalink$>#trackback”>トラックバック (<$MTEntryTrackbackCount$>)</a></MTIfPingsActive>
</p>

</div>

<$MTPageSeparator$>

</MTEntries>

</MTPageContents>

<div align=”center”>
<MTIfPageBefore><span><$MTPageBefore delim=”新しい日付の3件 << ”$></span></MTIfPageBefore>
<$MTPageLists$>
<MTIfPageNext><span><$MTPageNext delim=” >>古い日付の3件”$></span></MTIfPageNext>
</div>
<br>

</div>
</div>

<div id=”gamma”>
<div id=”gamma-inner” class=”pkg”>

  (後 略)

メインページは、一度に表示する記事数は3個にして、記事より上と一番下の二ヶ所に他ページへの移動ナビゲーションを表示するようにしました。

次は「カテゴリーページ」の記述例です。

基本的に追加する内容は同じです。

  (前 略)

<div id=”alpha”>
<div id=”alpha-inner” class=”pkg”>

<p class=”content-nav”>
<a href=”<$MTBlogURL$>”>メイン</a>
</p>

<h2 id=”archive-title”><$MTArchiveTitle$> アーカイブ</h2>

<MTPageContents count=”3″>

<MTEntries>
<$MTEntryTrackbackData$>
<MTDateHeader><h2 class=”date-header”><$MTEntryDate format=”%x”$></h2></MTDateHeader>
<a id=”a<$MTEntryID pad=”1″$>”></a>
<div class=”entry” id=”entry-<$MTEntryID$>”>
<h3 class=”entry-header”><$MTEntryTitle$></h3>
<div class=”entry-content”>
<MTIfNonEmpty tag=”EntryBody”>
<div class=”entry-body”>
<$MTEntryBody$>
</div>
</MTIfNonEmpty>

<MTIfNonEmpty tag=”EntryMore” convert_breaks=”0″>
<p class=”entry-more-link”>
<a href=”<$MTEntryPermalink$>#more”>続きを読む “<$MTEntryTitle$>” »</a>
</p>
</MTIfNonEmpty>

</div>

   <div align=”right”>
   <p style=”font-size : smaller;color : blue;”>ブログランキングに参加しています。<br>
  1日1回のクリックがはげみになります。<br>
   <a href=”http://bike.blogmura.com/harley/”>
   <img src=”http://www.blogmura.com/img/www88_31_femgreen_2.gif” width=”88″ height=”31″ border=”0″ alt=”にほんブログ村 バイクブログ ハーレーダビッドソンへ” /></a></p>
   </div>

<p class=”entry-footer”>
<span class=”post-footers”>
<MTIfNonEmpty tag=”EntryAuthorDisplayName”>
投稿者: <$MTEntryAuthorLink show_email=”0″$> 日時: <$MTEntryDate format=”%x %X”$>
<MTElse>
日時: <$MTEntryDate format=”%x %X”$>
</MTElse>
</MTIfNonEmpty>
</span>

<span class=”separator”>|</span> <a class=”permalink” href=”<$MTEntryPermalink$>”>パーマリンク</a>
<MTIfCommentsActive>| <a href=”<$MTEntryPermalink$>#comments”>コメント (<$MTEntryCommentCount$>)</a></MTIfCommentsActive>
<MTIfPingsActive>| <a href=”<$MTEntryPermalink$>#trackback”>トラックバック (<$MTEntryTrackbackCount$>)</a></MTIfPingsActive>
</p>
</div>

<$MTPageSeparator$>

</MTEntries>

</MTPageContents>

<div align=”center”>
Page:<MTIfPageBefore><span><$MTPageBefore delim=”<<前の3件 “$></span></MTIfPageBefore>
<$MTPageLists delim=” < “$>
<MTIfPageNext><span><$MTPageNext delim=” 次の3件>>”$></span></MTIfPageNext>
</div>

</div>
</div>

<div id=”beta”>
<div id=”beta-inner” class=”pkg”>

  (後 略)

カテゴリーページは、表示記事は3個、ナビゲーションは一番下にだけ表示させてます。

■次に、大事な設定があります。

Movable Type の「設定」ページの「表示に関する初期設定」で表示数を「0」か、「999」などの数値に変更しておきます。

これは、PageButeの表示記事数設定よりも、上記のシステム上の「表示に関する初期設定」の方が優先されるためです。

■デザインを変える

私のブログのページ分割の表示では、ページ毎に□で囲み、マウスオーバーしたページは、白抜き数字で表示しています。

こういったデザインにするには、テンプレートを書く時に、

<div align=”center”>

の下に、

<p class=”pagelist”>

と記述します。

さらにスタイルシートの「css」ファイルに、

p.pagelist {
font-size:12px;
clear:both;
padding-top:10px;
text-align:center;
}

p.pagelist a{
text-decoration:none;
padding:4px;
border:1px solid #0066cc;
background:#fff;
color:#0066cc;
}

p.pagelist a:hover{
text-decoration:none;
padding:4px;
background:#0066cc;
color:#fff;
}

p.pagelist b{
font-weight:bold;
text-decoration:none;
padding:4px;
border:1px solid #0066cc;
background:#0066cc;
color:#fff;
}

と書いておきます。

ここまでの設定をすれば完了です。

設定後の実際の動作状況は、このブログのメインページとカテゴリーアーカイブページで確認してみてください。

これで長くなりがちなメインページやカテゴリーページを、任意の記事数毎に分割し、自由に前や後ろのページに移動する事が出来るようになります。


ブログランキングに参加中です
気に入ったらポチお願いします
にほんブログ村 バイクブログ ハーレーダビッドソンへ
にほんブログ村




2009年7月2日 木曜日

Movable Type のバージョンダウン

やっぱりMovable Type 3.38に戻してしまいました。

何度も3.3*系と4.*系を行ったり来たりしています。
先月、意を決して4.25を導入し、
これならいけるかなと思ってしばらく運用していましたが、
ウリであるはずの再構築がほとんど早くならない割りに、
デザインの自由度や、画像格納ファイルが元画像と縮小サムネイルで異なり、
管理が不便になった事もあって、やはり3.38に戻すことにしました。

まあいくつか便利になった点もあるのかもしれませんが、
私の場合、普通に運用するだけだとMT4系の恩恵はなかったですね。

セキュリティ面では最新版の方がいいのかもしれませんが、
今までのPerlソフトやプラグインの活用、デザイン変更のしやすさまで考えて
結局、Movable Type 3.38でいきます。

OSの方は、先日入れたCentOS5が問題なく動いていて、
Fedora系より軽いようで気に入っています。

ブログの更新で内容を書くことも楽しいですが、
自宅サーバーの構成、環境設定をするのも楽しんでいます。


ブログランキングに参加中です
気に入ったらポチお願いします
にほんブログ村 バイクブログ ハーレーダビッドソンへ
にほんブログ村




プロフィール


メカ好きおじさん写真
メカ好きおじさん

・41年前原付、中型二輪取得
・CB50で東北野宿一周
・250cc四国・九州3週間5万円野宿
・38都道府県制覇
・XL250オフ後、再度オンロード
・KAWASKI2スト最後に降りる
・16年ブランク後リターン
・50歳で大型二輪免許取得
・ハーレーFLSTCにペアライド中


ブログランキングに参加中です
気に入ったらポチお願いします。
にほんブログ村 バイクブログ ハーレーダビッドソンへ
にほんブログ村

twitterlogoツイッター、やってます!
twitterlogoインスタグラム、やってます!