娘のバレーボール部のホームページに、
試合風景の動画を載せたいと思い、いろいろ調べていましたら、こんな素晴らしいプログラムがありました。
WYSIWYGエディターなのですが、すごく高機能で使いやすい。
これだと、おそらくブログのことがあまり分からない人でも簡単に投稿が出来そうです。
文字を大きくしたり、色を付けたりはもちろん、画像も
こんな感じで、参照ウィンドウが開きますのですごく簡単。
動画はこんな感じで、挿入出来ます。
今日は、トレーニングは休養です。
で、ちょこちょこっとブログを、いじってました。
まず友達や、トライアスロン関係の方のブログの、リンク作成。
『BlogPeople』 を使って、更新されたらNEWマークが出るようにしました。
これで、友人のブログが更新されたらすぐ分かります。
RSSリーダーもあるのですが、あまり使ってないんですよね・・・
常時起動しとけばいいのかな・・・
それと、一時外していた『Google AdSense』
なんかブログにいっぱい広告があるのも、どうかと思いながら、先日の『ウェブ進化論』の影響です（笑）
柔軟な思考で、いろいろ試していきたいと思います。
ブログをＭＴ（MovableType）で作っている人が、携帯で記事の投稿、更新、修正などが出来てすごく便利な『MT4i MovableType用 携帯電話向け変換プログラム』 の、セキュリティの問題などを、修正した最新バージョンが公開されていました。
まだ、ベータ版ですが、 2.0を使用中の方は2.1βへのバージョンアップを強く推奨いたします。
とのことでした。
で、早速入れ替えてみました。
最新バージョンはこちらです。
特に問題なく、ちゃんと動いているようです(^^)
システム・クリエイター 蒲生トシヒロ さんのブログで、『AjyaxなWYSIWYGエディター、TinyMCE Plugin for Movable Type Beta3』が、リリースリリースされていました。
前回紹介した、『Ajaxify/EnhancedEntryEditing Ja』より、かなり高機能で、使いやすくなっています。
また、html編集モードと簡単に切り替えが出来、すごく便利。
これはいいです。
mixiでは、日記を外部のブログから読み込ますことが出来るのですが、やっぱりmixi内の日記に書き込む方が読む人には、読みやすいですよね。
で、少し前から、どうしようかなと思っていたのですが、mixi内のMovableTypeで作る（初心者）] トピックで、面白いプラグインが紹介されていました。
MovableTypeの記事をmixi日記にお手軽コピーするプラグイン mixiSyncです。
早速入れてみましたが、すごい便利(^_^)
これからこれを使ってみます。
Movable Typeにプラグインとして組み込んで使用するWYSIWYGエディターが、こちらで公開されていたので、入れてみました。
このブログは、文字設定がShift_JISにしていて、基本的には『UTF-8』などで使うように出来ていますので、plugins/Ajaxifyの『EnhancedEntryEditing.pl』を開いて、214行目 『 language : "ja_utf8",』を削除。
英語モードですが、ちゃんと動いてるようです
こんな感じで絵文字や、文字の色を変えたり出来ます。
| テーブルなんかも | 入れられるようです。 |
| ちょっと便利 |
インストールのしかたなどは、こちらで詳しく紹介されています。
よくあるブログサービスのように、メインページで表示されるエントリーの数を限定し、その前のエントリーへリンクを飛ばしたいと、いろいろ調べてみました。
丁度今日届いた本『Movable Typeブログ拡張パーツ&デザインガイド』
にも、アーカイブの分割は載っていたのですが、メインページのことはかかれていません。
で、見つけたのが、こちらのサイト。
すごくわかりやすかったので、こちらを参考にやってみました。
まず、「MTPaginate」をダウンロード、解凍したら、「MTPaginate.pl」を「plugins」フォルダにアップロードします。
次に、メインテンプレートの出力ファイル名を、「index.php」に変更。
そして、メインテンプレートを変更します。
こちらでのタグを参考に（ほとんどそのまま(^_^;)）、
まず、
<MTPaginate>
<MTPaginateContent max_sections="7">
を、
<MTEntries>の前に挿入します。
1ページに表示する記事数は、[max_sections="7"] で設定。
次に、
<$MTPaginateSectionBreak$>
を、</MTEntries>の前に入れます。
そして、</MTEntries>の後に
<MTPaginateIfMultiplePages>
<MTPaginateIfMiddlePage_>
<a href="../blog/<$MTPaginateNextPageLink$>" target="_self" title="前のページ">≪前のページへ</a>
</MTPaginateIfMiddlePage_>
<MTPaginateIfFirstPage_>
<a href="../blog/<$MTPaginateNextPageLink$>" target="_self" title="前のページ">≪前のページへ</a>
</MTPaginateIfFirstPage_><$MTPaginateNavigator style="popup" format_all="all " place_all="after" separator="|" target="_self">
<MTPaginateIfLastPage_>
<a href="../blog/<$MTPaginatePreviousPageLink$>" target="_self" title="次のページ">次のページへ≫</a>
</MTPaginateIfLastPage_>
<MTPaginateIfMiddlePage_>
<a href="../blog/<$MTPaginatePreviousPageLink$>" target="_self" title="次のページ">次のページへ≫</a>
</MTPaginateIfMiddlePage_>
</MTPaginateIfMultiplePages>
</MTPaginate>
を挿入します。
（次のページと前のページへのリンクの矢印などは、参考にさせて頂いたサイトと逆にしました。
どちらがいいかは、わかりませんが・・・(^_^;)
※<a href="../blog/<$MTPaginatePreviousPageLink$>" target="_self" title="
の../blog/は、自分のブログのホルダーになります。
それとブログの設定で表示する日数を変更します。
私は3650日にしました。
まあ、10年もこのシステムでつけるとは思わないのですが・・・
で、うまくいったように思ったのですが、一つ落とし穴がありました(^_^;)
(続きを読む…)
月別アーカイブデータがずいぶん多くなって、場所を取るようになりましたので、プルダウンメニュー化しました。
参考にしたのは、この本
Movable Type ブログテンプレート&デザインガイド
まず、テンプレートの月別アーカイブの部分を
<h2>月別アーカイブ</h2>
<script type="text/javascript" src="<$MTBlogURL$>menu.js"></script>
<form id="menu" name="menu">
<select id="menuitem" name="menuitem" onChange="menujs()">
<option value="none">選択して下さい</option><MTArchiveList archive_type="Monthly">
<option value="<$MTArchiveLink$>">
<$MTArchiveTitle$></option>
</MTArchiveList></select>
</form>
と言う風に、フォームタグを入れて修正。
次にテンプレートの管理画面から「テンプレートを新規作成」をクリック
テンプレートの名前を付けます。
私は、本の通り「プルダウンメニュースクリプト」としました。
出力ファイル名を「menu.js」と指定、テンプレートの中に、以下のソースを記述
function menujs(){
var URL = document.menu.menuitem.options
[document.menu.menuitem.selectedIndex].value;
if (URL != "none") {
window.location.href = URL
}
}
後は見出しとプルダウンメニューの間隔などを、CSSファイルで指定すればOKです。
※この『Movable Type ブログテンプレート&デザインガイド』は、MTで一からブログを作るのにも、自分の好きなデザインにカスタマイズするのにもすごく参考になる本です。
まだ、あまりサブカテゴリーを作っていないので、それほど必要じゃないかも知れないのですが、今後記事が増えて、カテゴリーを分けていく上で、あると便利だなーと思うのが「パンくずリスト」です。
トップページ > トライアスロン > レースレポート
こんな感じで、タイトルの上に、カテゴリーのリンクが張られるやつです。
りっちさんの『ブログ別！作成・カスタマイズ講座』で、すごくわかりやすく解説されていましたので、早速導入してみました。
りっちさんのページでは、
個別エントリーの編集
＜記述例＞
<a href="<$MTBlogURL$>">トップページ</a> >
<MTParentCategories glue=" > ">
<a href="<$MTCategoryArchiveLink$>">
<$MTCategoryLabel$></a>
</MTParentCategories>
> <$MTEntryTitle$>
となっているのですが、私の場合、ヘッダーじゃなくってエントリータイトルの上にパンくずリストを置こうと思いましたので、最後の<$MTEntryTitle$>は無しにして
<a href="<$MTBlogURL$>">トップページ</a> >
<MTParentCategories glue=" > ">
<a href="<$MTCategoryArchiveLink$>">
<$MTCategoryLabel$></a>
</MTParentCategories>
としました。
簡単に設置出来て、結構便利な機能だと思います。
ちなみにカテゴリーアーカイブは
<a href="<$MTBlogURL$>">トップページ</a> >
<MTParentCategories glue=" > ">
<a href="<$MTCategoryArchiveLink$>">
<$MTCategoryLabel$></a>
</MTParentCategories>
と、紹介されているタグをそのまま利用させて貰いました。
せっかくですので、この間すこしご紹介しました『MT4i』を使って、こちらでも携帯用ページを作ってみました。
携帯用のページはこちらhttp://www.ehamono.jp/blog/i/です。
私の駄文を携帯でわざわざ読もうという方がいるかどうかは、別として、携帯から任意のカテゴリーに投稿出来るのは便利です。
画像などのファイルのアップロードは出来ませんので、こちらは従来通りのモブログシステムを利用させて貰おうと思います。
