WEBデザインストック | WEBデザイン・Movable Type等の備忘録

MTでアップロードや画像の貼り付けを劇的に使いやすくするプラグイン

2008-07-30T08:57:52Z

Movable Typeの画像のアップロードやリッチテキストエディタでの画像の貼り付けなど使っているとイマイチ使い勝手が悪いような気がします。ほかのMovable Typeユーザーさんのブログなどを見ていても同様の意見がちらほら・・・・

ということで、使い勝手が悪いアップロードや画像の貼り付けを劇的に使いやすくするプラグインをご紹介！

]]> Junnama Online (Mirror)さんのSidebarImageプラグインです。

このプラグインをインストールすると、ブログ記事の編集画面の右側に画像と書かれたメニューが追加されます。これをクリックすると下の画像のようにメニューが展開されそこから画像を貼付けできるようになります。

最初は、画像の貼り付けのみでしたが、プラグインのバージョンアップでアップロードもできるようになりました。そのアップロードの画像がこちら

画像メニューの右側に新規作成と書かれたメニューがあり、クリックするとアップロード画面が展開されます。　もう一度新規作成をクリックすると下に同じアップロード画面が展開され複数アップロードにも対応してくれている優れものです。

ファイルの保存先はプラグインの設定画面から指定することが可能です。このプラグインを導入後は、画像のアップロードや画像の貼り付けがかなり楽になりました。 Movable Type標準のアップロードや画像貼り付けを使用している人は、一度このプラグインをためしてみることをおすすめします。

MTで過去に使われたタグを候補として表示するプラグイン

2008-07-08T09:06:28Z

いままでタグを入力するのが面倒で記事を書いてもタグを入力しないでいましたがみなさんのブログなどを見ていて、やっぱタグ重要だわ。と思い直しました。

]]> 早速 TaggingHelperをblog.aklaswad.comさんの所からダウンロードしインストール！インストール方法はいつもの方法で、pluginsディレクトリを、お使いの MTのpluginsディレクトリ内にアップロードするだけ！簡単です。

TaggingHelperを使用した時の編集画面、赤線を引いてあるのが、過去に使われたタグでクリックするだけで、タグが入力できます。

このTaggingHelperを使った感想としましては、最高に便利！！この一言に尽きます。必ずインストールしたいプラグインの一つですね。

Movable Typeで絵文字を使うならEmoticonButtonプラグイン

2008-07-02T00:02:39Z

先日私の奥さんが、急にブログを始めたいと言い出したのでMovable Typeをおすすめした所「それでいいわ」と言うのでドメインを取得しMovable Typeを早速インストール！ブログのデザインは、かわいいのがいいと横で言っているのを無視してvicunaをインストール！！

テンプレートのデザインを少しカスタムし、かわいい感じに。そして本題の絵文字の話に、絵文字は絶対使用したいと言うので過去にまとめたプラグイン集を見ていると・・・・・

]]> ちょうどいいのがありました、Kickstart my heartさんの MTでも絵文字使おうぜプラグイン、アリマスです。

さっそくプラグインをインストールし絵文字を使用してみることに・・・スゴイ、本当に絵文字が使えますしかも動いています。そして奥さんは、絵文字を使いガリガリ、エントリーを書いています。その絵文字を使ったブログがこれチュウタロウの子育て奮闘記

Movable Typeで絵文字を使いたいのならこのEmoticonButtonプラグインがかなりおすすめです。とても簡単に絵文字を使用することができます。それにしても女性は、絵文字を使うのがすごく上手ですね。ビックリです。

Movable Typeで絶対にインストールしたいプラグインベスト5

2008-06-14T04:19:01Z

Movable Typeといえばプラグインをインストールすることによって色々な機能を簡単に追加できるカスタマイズには欠かせないものだと思います。

その中でも、私がMovable Typeをインストールしたら必ずこのプラグインを入れるぜ！という Movable Typeで絶対にインストールしたいプラグインベスト5をランキング形式で発表します。

]]> まずは第5位

静的ページ用ページ分割プラグイン PageBute

ブログのトップページやアーカイブページなどはどうしても長くなりがちですが、そんな時にこのプラグインです。

PageButeプラグインは、Movable Typeで生成するhtmlをページ分割してくれるプラグインです。静的にページを分割してくれるので、検索エンジンにもやさしくページを分割してくれます。 Movable Typeでブログをやるなら絶対にインストールしたいプラグインです。

続いて第4位

MovableTypeに自由度の高いフォームを簡単に複数設置できるプラグイン A-Form

Movable Typeだけでは、フォームを作ることができませんが、このプラグインは Movable Typeに簡単にフォームを設置することができるプラグインです。

続いて第3位

エントリーの関連付けを行うプラグイン

このプラグインは、エントリーどうしを関連付けて、それぞれのエントリーに、関連するエントリーの一覧を表示できるようにするプラグインです。このプラグインを使えば、ブログを見に来てくれたユーザーに、関連するエントリーとして沢山のエントリーを見せることが可能です。

そして第2位

オススメ記事を紹介(リコメンド）するMovableTypeプラグイン RecommendedEntry

このプラグインは、過去のユーザーが辿った記事の傾向を集計して、簡易的な記事リコメンデーション機能を実現するプラグインです。詳しくは、このブログでも取り上げたこの記事を読んだ人はこんな記事も読んでいます。リコメンドプラグインを見てみると分かりやすいかもしれません。

そして栄えある第１位は

カテゴリーとフォルダを並べ替えるプラグイン

このプラグインは、カテゴリーとフォルダを自分の好きな順番に並べ変えることができるプラグインです。このプラグインのおかげでカテゴリーなどに小細工をしなくても自由にカテゴリーとフォルダを並べ変えることができます。

ベスト5に選んだプラグインは、どれも自分で使用してみて素晴らしいと思うプラグインを選んでみました、もしこの中の一つでもインストールしていないプラグインがあったら是非導入を検討してみては、Movable Typeがもっと好きになるかもしれませんよ。

レンタルサーバーにMovable Type4.1を複数インストール

2008-06-12T17:03:16Z

共有タイプのレンタルサーバーにバージョンの違うMovable Typeを複数インストールできないものかと思い、webを検索していたら、ピッタリの記事を発見しました。有名なデジパさんの社員ブログで WWW WATCHさんの記事、1つの DB で MT4 を複数インストールです。この記事を参考にMovable Typeを複数インストールにチャレンジしたいと思います。

]]> ファイルに書き出される接頭辞（prefix）の変更

接頭辞が同じにならないようにMT4.1の以下のファイルの一部を変更します。

lib/MT/ObjectDriver/Driver/DBI.pm
lib/MT/ObjectDriver/Driver/DBD/Legacy.pm
lib/MT/ObjectDriver/Driver/DBD/Pg.pm

ファイルをテキストエディターで開きデフォルトでは mt_ となっている所を同じ接頭辞にならないように変更します。

DBI.pm では 15行目にあるmt_を（例）webdesignstock_に変更。

Legacy.pmでは50行目にあるmt_を（例）webdesignstock_に変更。

Pg.pmでは137行目にあるmtを（例）webdesignstockに変更。

ファイルの変更が終了したら、サーバーにファイルをアップしMTのインストールを開始します。

Movable Type4.1でも問題なくインストールすることができました。これで1つのデータベ－スでも複数のMTサイトを運営することができるようになりました。

Movable Type 対応テンプレートVicunaのイラストを描いてみた

2008-06-09T14:14:43Z

Movable Typeのテンプレートでお世話になっているvicunaさんでキャラクターのイラストの募集をしていたのでチョット仕事の息抜きに書いてみました。

]]> テンプレートのデザインと同じくシンプルでアッサリなイラストにしてみました。

MTでエントリーにソースコードを表示でき、改行変換も便利にするプラグイン

2008-06-05T16:54:27Z

Movable Typeのプラグインやカスタマイズで、お世話になっている The blog of H.Fujimotoさんのブログで、非常に便利なプラグインを発見しました。

]]> 当ブログのようにMovable Typeのプラグインの導入やカスタマイズをメモ代わりにエントリーに書いてる方も多いと思いますが、そんな時に役に立つのがエントリーにソースコードを表示でき、改行変換も便利にするプラグインです。

このプラグインはエントリーにHTMLソースを記述する時に～で囲まれた部分のHTMLソースをそのまま表示でき、なおかつ改行を自動でbrタグに変換する機能があります。以下の要素では、内部の改行はbrタグに変換されます。 blockquote div p h1 h2 h3 h4 h5 h6 form address

このプラグインのおかげで無駄な変換がなくなりエントリーを書くのが楽になりました。すばらしいプラグインを公開していただいてるThe blog of H.Fujimotoさんに感謝しております。

プラグインをインストールすると、テキストのフォーマット欄に改良テキストフィルターが追加されます。

Movable Type4.1の環境でもプラグインは、問題なく動作しました。

Movable Type 対応テンプレートVicunaの感想

2008-06-03T15:17:03Z

初めてMovable Typeなどのコンテンツ管理システム(CMS)などを使用した人はデフォルトのテン
プレートのデザインがイマイチなのでガックリする方も多いのでは？

私も始めてMovable Typeをインストールした時のデフォルトテンプレートにはかなりの衝撃を受けました。

]]> それからフィールドビジネスブログなどの有料テンプレートなども使用しましたが、デザインは素晴らしいのですがテンプレートのカスタマイズが分かりにくいのが難点でした。

このブログでも使用させていただいている、Movable Type 対応テンプレートVicunaはブログのデザインもシンプルでテンプレートのソースも非常に分かりやすく、シンプルな設計になっていますので初心者でもカスタマイズしやすいテンプレートです。

シンプルで分かりやすく綺麗にまとまっているVicunaのメインページ　main_indexのソース

どのテンプレートを使用するか悩んでる人は、Vicunaのテンプレートを使ってみては。きっとMovable Typeが好きになると思いますよ。

この記事を読んだ人はこんな記事も読んでいます。リコメンドプラグイン

2008-05-13T15:58:10Z

Amazonなどにある、この商品を買った人はこんな商品も買っていますを、Movable Typeで
実現するプラグインを導入したので忘れない内にカスタマイズ方法を備忘録。

]]> 前々から導入したいと思っていましたが、php化に伴い、今回思い切って導入いたしました。
プラグインの配布元でもあるOpen Magicvoxさんの所で詳しくご紹介されています。

動作環境が、MovableType 3.33 で動作確認となっていましたが、MovableType 4.1でも
無事に動いてくれました。すばらしいプラグインを作っていただいたことに感謝しております。

プラグインのインストール方法

MTRecommendedEntry.plファイルをpluginsフォルダにアップロードします。
これでRecommendeEntryプラグインのインストール完了です。

エントリ一覧用インデックステンプレートの作成

RecommendeEntry プラグインはエントリの一覧を記述した PHP ファイルが必要です。
以下の内容でインデックステンプレートを新規作成してください。

出力ファイル名は、recommendedentry.phpとしました。

データフォルダの準備

RecommendeEntry プラグインが集計した、ユーザーが見た記事のデータファイルを保存
するためのディレクトリを作成します。

作成したディレクトリの絶対パスを控えておきます。
（例）絶対パス/home/kanbandb/www/webdesignstock/recommendedentry

エントリアーカイブテンプレートの修正

RecommendeEntryを用いて、ユーザ動向の集計と記事リコメンデーションを行うために、
個別アーカイブテンプレートを修正します。
個別アーカイブテンプレートの先頭に<$MTUseRecommendedEntry$>タグを入れます。

（例）<$MTUseRecommendedEntry template="2で作ったインデックステンプレートの
名前" datapath="データフォルダの絶対パス"$>

（今回の場合）<$MTUseRecommendedEntry template="recommendedentry"
datapath="/home/kanbandb/www/webdesignstock/recommendedentry"$>

記事リコメンデーションを表示するのに下記を個別アーカイブテンプレートに追加
<h2>この記事を読んだ人はこんな記事も読んでいます</h2> <ul><MTRecommendedEntries count="5"> <li> <a href="<$MTRecommendedEntryParam name="permalink"$>"><$MTRecommendedEntryParam name="title"$></a> (<$MTRecommendedEntryParam name="count"$> hits)</li> </MTRecommendedEntries></ul>

以上で、この記事を読んだ人はこんな記事も読んでいますを実現するプラグインの導入は
終了です。

簡単に、この記事を読んだ人はこんな記事も読んでいます。のようなリコメンドを導入できる
すばらしいプラグインなので是非導入を検討してみてはいかがでしょうか。

.htaccessを使ってwwwのあり・なしを統一

2008-05-08T00:00:24Z

.htaccessを使ったwwwのアドレス統一のカスタマイズをしたので備忘録がてらご紹介。

]]> 同じアドレスでwwwがあり・なしのサイトがありますが、これはSEO対策の面では、非常によくないことです。検索エンジンがクロールする際、wwwがあり・なしのサイトでは、別のサイトとして認識されてしまうからです。これを回避するには、.htaccessを使ってアドレスをどちらかに統一するのがベストです。

という事で、.htaccessファイルを簡単に作成してくれるサイトをご紹介。

.htaccessを簡単に作成できる.htaccessEditor

このサイトでwwwあり・なし統一をクリックし出てきた入力欄に統一したいアドレスを記入します。

入力すると下に次のような画面が出ます。

出てきたソースを.htaccessファイルにコピーしてサーバーにアップすればwwwあり・なしどちらか希望のアドレスに統一され、希望していない方のアドレスにアクセスした場合リダイレクトで希望のアドレスに飛ばされます。

Movable TypeのファイルをPHP化する

2008-05-05T23:57:06Z

Movable TypeのファイルをPHP化するカスタマイズをしたので、忘れない内に備忘録を残します。

今回Movable TypeのファイルをPHP化するにあたり非常に参考になったのがMovable Type 備忘録
さんの記事MovableTypeをPHP化するです。
PHP化のメリット、デメリットも詳しく書かれていますしMovableTypeの色々なカスタマイズ
を方法を公開してくれる非常にありがたいブログです。

それでは、PHP化をサックとご紹介します。

]]> アプリケーションディレクトリーにあるmt-config.cgiをFTPツールでダウンロードしエディタで
mt-config.cgiを開きファイルの最後の行に

#======== php ======================= DBUmask 0022 HTMLUmask 0022 UploadUmask 0022 DirUmask 0022 HTMLPerms 0777

を追加します。

次に、インデックステンプレートのメインページを開き

メインページの出力ファイル名をindex.htmlからindex.phpに変更。

そして、アーカイブテンプレートの拡張子もhtmlからphpに変更します。

ヘッダーの先頭にxmlの宣言がある場合は、次のように宣言を変更します。

これでファイルのphp化は終了です。

と、いつもならこれでOKなのですが、今回はうまくいかず記事やアーカイブで500エラーが
出てしまいました。
色々と試してみましたが、どうやらフォルダのパーミッションが原因でエラーが出ていたらしく
念のため問題のフォルダを削除し、再構築しページを確認。

記事やアーカイブで問題がないことを確認して、無事php化することができました。