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

| | カテゴリ : Movable Type , サイト制作 , 携帯 | コメント(17) | トラックバック(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

コメント(17)

初めまして。
記事を読ませて頂きました。
ケータイキットを使ってプラグインの絵文字で
携帯に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.

This is really fascinating, You're an excessively professional blogger.
I've joined your feed and stay up for in the hunt for
more of your great post. Additionally, I have shared your
website in my social networks

Hello everyone, it's my first pay a quick visit at this
web site, and article is genuinely fruitful in favor
of me, keep up posting these types of articles.

Hi there Dear, are you truly visiting this site on a regular basis, if so after that you will absolutely get good
know-how.

This is the right webpage for anyone who really wants to
understand this topic. You understand a whole lot
its almost hard to argue with you (not that I actually will need to…HaHa).
You certainly put a brand new spin on a subject which has been written about for many
years. Great stuff, just great!

I'm not sure exactly why but this website is loading extremely slow for me.
Is anyone else having this issue or is it a problem on my end?
I'll check back later and see if the problem still exists.

Thanks a lot for sharing this with all people you actually recognise what
you are speaking approximately! Bookmarked. Kindly also discuss with my website =).
We may have a hyperlink exchange contract between us

With havin so much written content do you ever run into any problems of plagorism or copyright infringement?
My website has a lot of exclusive content I've either
created myself or outsourced but it seems a
lot of it is popping it up all over the web without my
agreement. Do you know any solutions to help reduce content from being
ripped off? I'd certainly appreciate it.

Wow that was unusual. I just wrote an extremely long
comment but after I clicked submit my comment didn't show
up. Grrrr... well I'm not writing all that over again. Anyhow, just wanted to say fantastic blog!

I'm amazed, I have to admit. Rarely do I encounter a blog that's
equally educative and entertaining, and let me tell you, you
have hit the nail on the head. The problem is something which too few people are speaking intelligently about.
I am very happy that I came across this in my hunt for something
concerning this.

Wonderful post however I was wondering if you
could write a litte more on this subject? I'd be very grateful
if you could elaborate a little bit further. Many thanks!

Excellent way of telling, and good paragraph to obtain information on the
topic of my presentation subject matter, which i am going to present in academy.

I am extremely impressed along with your writing abilities as well as with the layout in your weblog.

Is this a paid subject or did you customize it
your self? Either way stay up the excellent high
quality writing, it's rare to see a great blog like this
one today..

コメントする

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」です。

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