Movable Typeで携帯絵文字を利用するには?

| | カテゴリ : Movable Type , サイト制作 , 携帯 | コメント(4) | トラックバック(0)
このエントリーをはてなブックマークに追加  

Movable Type(MT)で携帯(docomo・au・SoftBank)の絵文字を利用したいとYahoo!やGoogleで検索すると該当する情報が得られない。


画像の絵文字で表現する方法はある。また携帯だけで表現するのはある。
出来たら、無料のブログサービス(amebaブログやFC2ブログ)同様、パソコンと携帯両方に3キャリア対応の絵文字を表示させたい。パソコンの場合は画像の絵文字で、携帯では、各3キャリアの絵文字で表示させたい。


色々調べてとりあえず、実現出来る方法を見つけました。


プラグインをつ利用するこで実現が可能。(Movable Typeはすでにインストール済みであるのが前提)


. ケータイキット for Movable Type
有料、52,500円、アイデアマンズさん


. emoddy(絵文字プラグイン)
無料、改変OK、CSS HappyLifeさん


ケータイキットは、Movable Type(MT)で携帯構築を実現するプラグイン、想定はあくまでも携帯をメイン。3キャリア対応、画像縮小、3キャリア対応絵文字など携帯でカスマイズ構築するならとても素晴らしいプラグインです。携帯はphp出力もあって、そのままだとパソコンでは絵文字は表示されない。しかも絵文字はそれぞれ名前が付いており、表を見ながら絵文字を選択しなければならない。


emoddyは、ブログ記事のところにボタンが表示され、ボタンを押すと、絵文字一覧を表示してくれます。そこから絵文字を選択すると、記事に画像のURLかタグが表示されます。
保存をすると、実際に絵文字が画像として表示します。非常に便利ですが、あくまでも画像です。

emoddy


そこで、絵文字の選択をemoddyで使用し、表示はケータイキットの絵文字機能を使うことにする

まずは、ケータイキット for Movable Typeのサイトに行き、プラグインをダウンロードと解凍。
Movable Typeをインストールしたディレクトリの「plugins」ディレクトリにアップロード。いくつかのファイル、ディレクトリのパーミッションを変更。


次にemoddyにサイトに行き、プラグインをダウンロードと解凍。「plugins」の中にある、「emoddy.pl」をテキストエディタで開き、


155行目を変更します。
・変更前:
$js_input_tag = "'<Emoddy:' + v + '>'";

・変更後:
$js_input_tag = "'<keitai><!--&' + v + ';--></keitai><nokeitai><Emoddy:' + v + '></nokeitai>'";


<keitai></keitai>内で、ケータイキットで携帯の場合、表示する場合に有効することができます。<!-- -->内も外してくれます。
反対に<nokeitai></nokeitai>内は、携帯では非表示になります。


太陽の絵文字を選らんだ場合、ブログ記事の編集内では、以下のようになります。
<keitai><!----></keitai><nokeitai><Emoddy:sun></nokeitai>


変更が終わったら、保存を行い、Movable Typeをインストールしたディレクトリの「plugins」ディレクトリにアップロード。


次にMovable Typeにログインし、設定を行います。
テンプレートを、パソコン用と携帯用を作成します。作成方法は割愛します。
(メインテンプレート、アーカイブテンプレート等になるかと思います。)
アーカイブテンプレート


ケータイキットは、システムのプラグイン設定から、アイデマンズのサイトのマニュアルを参考に設定を行います。


emoddyは、システムのプラグイン設定から、「emoddy2.0.X」を設定を選択します。
詳細が表示されます。
「ICON SITE URL」と「ICON SITE PATH」を携帯キットの絵文字が保存されている場所に指定します。
「Movable Typeディレクトリ\plugins\KeitaiKit/iemoji」になるかと思います。
また、「emoddyタグを使用する」のチェックも入れ、保存を行います。
emoddyプラグイン設定


次に、テンプレートを一部変更します。


パソコン用のテンプレートに、本文や追記タグ「emoddy="1"」を入れ保存します。
<$MTEntryBody emoddy="1"$>
<$MTEntryMore emoddy="1"$>


携帯用テンプレートに、本文や追記タグを<MTKeitaiCond> </MTKeitaiCond>内で囲って保存します。
<MTKeitaiCond>
<$MTEntryBody$>
<$MTEntryMore$>
</MTKeitaiCond>


ブログ記事の新規作成か編集を行います。画面に移ると、絵文字のアイコンが表示さえていることを確認します。
emoddy絵文字のアイコン


アイコンを押すと、絵文字の一覧が表示されます。
emoddy絵文字のアイコン選択


実際に使用する場合、絵文字一覧が表示されているときに、該当の絵文字を選択します。
すると「emoddy.pl」で変更した内容で表示されます。
emoddy絵文字のアイコン実例


これで保存を行うと、パソコンでは、ケータイキットの絵文字を画像で表示を行い、携帯からはケータイキットの絵文字変換機能を使い、各キャリアの絵文字で表示をしてくれます。


ケータイキットを使用せずに実現は出来ますが、ある程度部品を作る必要があり、芝居が高いので。ケータイキットをオススメします
ケータイキット使用しない方法は、また機会があったら紹介します。


素晴らしいプラグインを作成した、ケータイキットとemoddyの開発者に感謝です。


よりMovable Typeの利用者が増えることと、携帯のサイトが増えることを願っています

トラックバック(0)

このブログ記事を参照しているブログ一覧: Movable Typeで携帯絵文字を利用するには?

このブログ記事に対するトラックバックURL: http://takot.sakura.ne.jp/mt/mt-tb.cgi/648

コメント(4)

初めまして。
記事を読ませて頂きました。
ケータイキットを使ってプラグインの絵文字で
携帯に3キャリヤで絵文字の表示ができたらいいな〜
って思っていましたので、この記事を読んで驚きました
もう前からこの形で使われていたのですね。
もっと早く知りたかったです。

MT5を使われておられるようですが、MT5でもプラグインは、使えますか?
プラグインの絵字は、emoddyさんのプラグインしかケータイキットで絵文字を表示させることは無理でしょうか?CKEditorのWYSIWYGエディタで絵文字を使う予定をしています。
お時間のある時で良いのでお返事下さい。

クロさん、コメント有難うございます。

MT5でもemoddyさんのプラグインとケータイキットの組み合わせは使えます。というより使ってます。
今ではケータイキットの方が対応が良くなったので、emoddyさんのプラグインは絵文字選択用として利用しています。

CKEditorの場合、「MobilePictogram」をケータイキットに合うようにカスタマイズすれば利用できるかと思います。
絵文字のネーミングが異なるので揃える必要もあります。

使えるか調べてみます。

お返事ありがとうございます。

調べて頂けるのですか、ありがとうございます。

WYSIWYGエディタで絵文字表示できれば、問題解決します。

現在MT4でMT4i利用していて絵文字は、モジュールで
変換して3キャリヤに表示させています。

今回MT5に変更してCKEditorのWYSIWYGエディタを使う
予定をしていますので、MT4iでは、絵文字のパスが変わるので変換できないし絵文字のリンクも切れてしまいます。

今まで使っていた絵文字を一度削除して新しく記事に絵文字を入れ替える作業はしないといけないと思いますが、どうせならケータイキットを導入して使っていこうと思っております。

MT4iもMT5でも使えるようになってるみたいですが、
以前のようにMT5で絵文字を変換するのは、できないと言われました。

お手数ですが、宜しくお願いします。

You can certainly see your skills in the article you write.

The world hopes for even more passionate writers like you who aren't afraid to mention how they believe.
Always follow your heart.

コメントする

Insert Emoddy tag

画像の中に見える文字を入力してください。

プロフィール

Kamitani79
ニックネーム : Kamitani79
映画鑑賞、音楽、写真、ゲーム。地元・横浜をこよなく愛する( `・∀・´)ノヨロシク
自己紹介 :
このエントリーをはてなブックマークに追加

携帯サイト

つながり

  • ブロガー(ブログ)交流空間 エディタコミュニティ
  • あわせて読みたいブログパーツ
  • フィードメーター - Kamitani79-メロンとバナナとブログ
  • SEO
    loading
Creative Commons License
このブログのライセンスは クリエイティブ・コモンズライセンス.
Powered by Movable Type 6.2.4

最近のアクション

人気のエントリー

最近の写真・画像

空の写真

www.flickr.com
This is a Flickr badge showing public photos and videos from Kamitani79. Make your own badge here.

このブログ記事について

このページは、Kamitani79が2008年5月11日 22:16に書いたブログ記事です。

ひとつ前のブログ記事は「HD DVD残骸」です。

次のブログ記事は「Fireflight」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。