ここ最近、ブログのカスタマイズをちょこちょことしていたわけですが、大きな壁にぶち当たりました。
その壁とは、「再構築」時のエラーです。
個別記事（indivisual archives）を再構築しようとすると、エラーがでて途中で終了してしまう状況です。
(more…)
Archive for the ‘movabletype’ Category
Movabletypeにはその編集画面において、リンクタグをボタン1つで挿入できる便利な機能があります。
しかしながら、ワタクシの使用環境ではリンク先を別ウィンドウ（_blank）で開くことの方が多いため、その都度、挿入されたリンクタグに「target=”_blank”」を指定していたわけです。
でもそれがまた面倒臭い。
いくら慣れてもその都度半角指定して書き込むのは面倒です。
そこで今回は、Movabletypeの編集画面を多少変更させて、リンクタグを入れる時は常に「_blank」指定できるように設定します。
(more…)
さて、ここ数日のMT3.01カスタマイズですが、どうにも解決できないことがありました。
注：このブログで行っておりません。施しているのは別ブログです。ここはそのうちに…ｗ
それは、ブログの編集画面で編集作業を簡単にするための新しいボタンを設置する作業です。
色々なところでその手法が紹介されているのですが、なぜか上手く行かない。
＜参考＞
無言さんのつぶやき: MT3.0でBlockquoteのボタンを作成
PC Blog@Noel cafe: blockquoteボタン
書いてある通りにしても、カテゴリーを選ぶところに「selected=”selected”>」とか表示されたり。
そこで、なんで上手く行かないのかとしばらく考えて、とりあえず思い当たることが1つ。
文字コード。
通常、SHIFT-JISとかEUCとか使われてると思うんです。（このブログもEUC-JPです。）
ところが今作業を進めているブログはUTF-8で作っている…。
この関係でedit-entry.tmplを修正しても上手く行かないのでは？
※HP制作業者が何を言っている！とかって愚問はなしで…。
※文字コードのこととか詳しい人、コメント下さいです…。
とにかく、何をやっても上手く行かないと悩んでいた時に、このブログに出会いました。
wakabayashi.net: Movable Type 3.0bのエントリーのボタンを増やす
その中に、ダウンロードできる圧縮ファイルが！
これは試してみる価値あり。
早速DLして、自分のサーバーにアップップ。
すると、見事おかしなバグなくして成功！
一部を除いては…。
ログインしてみると、全体のデザインが狂ってます。
エントリの入力フォームが左側のメニューの下に行ってしまって、非常に使いづらい。
しかも背景色とかうまく表示できてない部分とかあるし…。
でも、そんなことではめげません。
それならば！とCSSをいじろうと思い立ちます。
そこでデフォルトのstyles.cssをエディタで開き、該当個所を探りつつ修正。
ちなみに、ワタクシが修正したのはここ。（※下記は修正・追加した部分だけを記載）
body-wrap{width:780px;}
body-nav{width:620px; margin:0px 0px 15px 15px;}
field{clear:both; margin-top:10px;}
それでstyles.cssを上書き修正して、れっつログイン！
見事！（？）でも無いけど、とりあえず使いやすくなりました。
いやいや、今回はきつかった。
でもあんまりカッコ良い方法じゃないような気もするんですよね。
だって、結局原因不明なまま、他人様のお世話になってやっとのことですからねぇ。
俺がやったと言えばCSSの修正ぐらい。
でもまぁ、できたんで良しとしますか…。
最後にスクリーンショットを。
小さくてごめんね。
今日もシコシコMTカスタマイズ。
忘れないようにメモとして残しておきます。
同じようなことでお悩みの方への参考になればまた良し。
今回は、長くなったカテゴリアーカイヴのページを分割し、任意のエントリ数だけを1ページに表示して、
——————————–
前のページ／次のページ
All Pages 1｜2｜3｜4
——————————–
というナビゲーションをページに入れようって作戦です。
（注：ちなみにKANGAROO WEBlogでは導入しておりません。そのうち…）
アテンション！！
この手法は、各種アーカイヴがphpファイルでないと出来ません。
すなわち、サーバーがphpに対応していないと出来ないと言う事です。
まずはそちらのご確認をして下さいです。
また、全てのアーカイヴファイルをphpに変更するので、今までの「.html」ではアクセスできなくなります。
そんな方はまず、こちらを → CROSSBREED：MTのPHP化とページ分割
では、手順を追って説明します。
1．まずは「MTpaginate」というプラグインを入手。
ページの一番上にある「Download」をクリックして任意の場所に保存。
解凍後、MTpaginate.plをmt.cgiのあるフォルダの「plugins」フォルダにアップロードします。
パーミッションを「755」などに設定します。
（注：サーバーによって違う可能性あり。ちなみにワタクシはLolipop使用。）
2．続いて、ブログの設定へログインします。
今現在、生成される各種アーカイヴファイルをphpに設定している人は次の手順へ進んでください。
まだHTMLを使っているという方は、ウェブログの設定→アーカイヴの設定へ進み、「カテゴリーアーカイブのテンプレート」と書いてあるボックスに、
cat_< $MTArchiveCategory dirify="1"$>.php
を書き込みます。斜体の部分は任意の名称に出来ます。
詳細はこちら → CROSSBREED：MTのPHP化とページ分割
3．続いて、カテゴリーアーカイヴのテンプレートを下記のように変更します。
<MTEntries></MTEntries>の中は一部中略しますが、各エントリの最後になる部分に<$MTPaginateSectionBreak$>を挿入するのをお忘れなく。
－－以下－－
<MTPaginate>
<MTPaginateIfMultiplePages>
<div>
<a href=”<$MTPaginatePreviousPageLink$>”>前のページへ</a> ／ <a href=”<$MTPaginateNextPageLink$>”>次のページへ</a><br />
<$MTPaginateNavigator format_all=”All Pages” placement_all=”after”></div>
</MTPaginateIfMultiplePages>
<MTPaginateContent max_sections=”5″>
<MTEntries>
中略
<$MTPaginateSectionBreak$>
</MTEntries>
</MTPaginateContent>
<MTPaginateIfMultiplePages>
<div>
<a href=”<$MTPaginatePreviousPageLink$>”>前のページへ</a> ／ <a href=”<$MTPaginateNextPageLink$>”>次のページへ</a><br />
<$MTPaginateNavigator format_all=”All Pages” placement_all=”after”>
</div>
</MTPaginateIfMultiplePages>
</MTPaginate>
－－以上－－
4．ここまで終わったら、リビルドします。
するとカテゴリアーカイヴの拡張子がphpに変更され、上記ナビゲーションが表示されていると思います。
試しにクリックすると「***.php?page2」とかってページが出来上がっていると思います。
あとはご自由に見た目を変更すればOKでございますね。
ひょっとすると、どこか手順が抜けているかも知れませんｗ
でも、そこはお勉強と思って自分で色々試してみて下さい。
思い出したら追記します。
コメントくれればわかる範囲でお答えしますよー。
ともかく、お疲れ様でした。
【参考にさせていただいたブログ紹介】
network styly*: 長くなりすぎたページを分割して表示する方法
ARTIFACT: ページ分割/Permalinkの変更
CROSSBREED: MTのPHP化とページ分割
みらくるさぷりめんと: カテゴリーの分割表示
きままにポロポロ: movabletype 設定メモ
先日より、とある場所にてMT3.01をインストールして作業をしております。
そこでCSSをカスタマイズしている時に出たＩＥのバグについて覚え書きを残しておこうと思います。
ＭＴの環境は、movabletype3.01を使用、ＨＩＮＡＧＡＴＡさんの提供によるテンプレート及びスキンを使用です。
◆バグと思しき症状。
背景色（背景画像）を指定したブロック内で、画像にfloat指定をすると「画像が表示されない（画像が見えない）状況、または文字が消える症状に陥る。
◆回避法。
参考：Dragon/egg: 「画面真っ白現象」はCSSのバグでした
上記では文字が消える症状について、その回避方法を説明されています。
そこで、画像も文字も一緒かもってことで同じように、サイズ指定を試みてみました。
float要素の入るブロックにサイズを指定するって事です（説明ベタですまん）。
例えば、box1という「箱」の中にfloat要素を指定したimgを表示させる場合。
box1に背景色（背景画像）を表示すると、その時点でimgが表示されません。
右クリックすると、画像自体は存在することが確認できます。
そこで、box1に「明確なサイズ」を指定します（width:***px; や height:***pxなど）。
そうすると、あら不思議！
ちゃんと表示されますね。
◆考えられる原因。
さっぱりわからん。