タグ: 小技

スマイリー(絵文字)を画像で挿入 – emoji

Posted on 2009年04月22日 | 7 Comments| Clip to Evernote

WordPressで最初から入っているスマイリーを変更したり、
もっとスマイリーを増やしたりするプラグインはよく見かけたけど、
好きな場所に保存したスマイリーを投稿画面でも見える状態で挿入できるプラグインは少ないんじゃないかな?

emoji」というその願いを叶えてくれる絵文字プラグインを発見したhappy0159.gif

スマイリー(絵文字)は通常文字列で挿入されて、
後からgif画像に変わる。
記事を投稿するときのビジュアルエディタではプレビューされない。
でもemojiなら最初から画像で挿入されるから投稿画面でもそのまま見える。


emojiで絵文字を投稿してる画面

emojiで絵文字を投稿してる画面

そして嬉しいことにコアファイルに触らなくても、
任意の場所にアップロードしたスマイリーを設定できるので、
スマイリー(絵文字)を自由に変更したり増やしたりできる。

例えばこのブログ http://yuina.lovesickly.com と
もう1つのブログ http://silk.lovesickly.com で同じスマイリーを使いたい時。
http://lovesickly.com/emoji/ にスマイリー画像を入れて2つのブログから指定することができる。
(※スマイリーURLはダミーです)
スマイリーを入れたフォルダを移動しなければ
WordPressをバージョンアップしても、インストールし直しても、お引っ越ししても、
「あれ。スマイリーがリンク切れだよsad0082.gif」ってことがないわけだ。
サーバー容量も(スマイリーくらい気にする容量じゃないけど)2カ所にアップロードするより節約になるしね。

というわけでとってもナイスhappy0159.gifなプラグインだが、インストールも簡単。
ダウンロードしたzipファイルを解凍してプラグインディレクトリにアップロード。
または、zipファイルを 管理画面→プラグイン→新規追加 からブラウザでインストール。
あとは有効化するだけ。

設定→絵文字の設定 から絵文字をアップロードした場所を設定する。
絵文字の画像場所(外部用url) か 絵文字の画像場所(内部用path)
に絶対パスで指定。

普通に http://example.com/なんたら… って指定する方が簡単だけど、
どうかするとそれでは動かないときがある。
URLでダメなときは内部パスで指定すると動くかも。

sign0124.gif内部パスが分からないときの危険な調べ方

  1. 念のため絵文字の設定画面を2つのブラウザ(タブ)で開いておく。
  2. 内部パスにカンでパスを指定してみる。
  3. 間違っていると保存したときにエラーが出る。
  4. エラーに内部パスが出てくるのでコピーする。
  5. ブラウザの戻る。(戻れないときは開いておいた設定画面の方を。)
  6. 内部パスに正しいパスをペーストして「変更を保存」する。

※これをやってみて困ったことが起きても責任は持てません。

実は同じサーバーの同じデータベースの同じバージョンのWordPressで
片方は正常動作したのに、片方は動かない…
という謎の現象が起きたんだ。
でも内部パスで指定したら動いたんだ。
動かなーい。って方はお試しあれ。


スマイリーを増やしたいときにはフリーの顔文字サイト
顔文字コレクション」が便利。
透過gifのスマイリー(絵文字)が無料で豊富♪
このブログでも利用させて頂いてますhappy0025.gif


Zopimのその後

Posted on 2009年04月20日 | 13 Comments| Clip to Evernote

昨日書いたアクセス解析付きライブチャット「Zopim」なんだけど、
どうやら一部の環境で正常に表示されなくなるようで…。
面白いツールだからすっごく残念なんだけど外しました。

原因としてまず疑ったのは他のパーツとの競合。
特にあし@辺りを怪しんでみたので…。
シルクロードに片想いっていうブログもこっそりやってるんだけど、
そっちはあし@とかその他ブログパーツ貼ってないので
そこにZopimを設置してみた。
そしたらこのブログで発生したのと同じ不具合の報告を頂いた。

この時点であし@(もしくは他のパーツ)との競合っていう可能性が消えた。
じゃあレイアウトの問題か?とも思ったけど、そうでもないようだ。

不具合の発生している方(と発生していると思われる方)は
Win + IE7のようだ。(多分)

あたしが確認した環境はWin + IE8とFirefoxとChrome。
ということはIE7との相性が悪いって可能性が高いってわけだ。

一番多くの方が利用している環境だね…orz
というわけで泣く泣くZopim ライブチャットをブログから外した。
あまりにも名残惜しいのでZopimを記念撮影しておいた。

 

Zopim Dashboard

Zopim Dashboard

 

Zopim 管理画面のチャット表示

Zopim 管理画面のチャット表示

 

サイトに表示されるチャット

サイトに表示されるチャット

 

さよなら…Zopim。
1日だけだったけど楽しかったよ。


アクセス解析つきライブチャット「Zopim」を設置してみた

Posted on 2009年04月19日 | 14 Comments| Clip to Evernote

もうお気付きの方もいらっしゃるかもしれないけど
このブログの右下にライブチャットを設置した。
Zopim Live Chatという凄いサービス。

これは何かっていうと、
この窓からあたしとチャットできるっていうシステム。
ちょっと質問したいとか、雑談したいとか、なんでもOK。
メールフォームから問い合わせる程じゃないこととか、
リアルタイムに話したいときとか、
お気軽に使って頂ければ嬉しいな。

実はこれ、今これを読んでるあなたに、あたしの方から話しかけられるんだ。


話しかけられたときの表示

話しかけられたときの表示

赤い吹き出しがみょーんみょーんって跳ねてたら話しかけられてる。
クリックするとチャット窓が開くので、ライブチャットができる。

Zopim Live Chatには高性能なアクセス解析機能があって、
管理画面ではリアルタイムに訪問者の情報を見ることができる。
(検索ワードの日本語は文字化けしちゃって分からないんだけど;)
どのページに、どこから、どんな検索ワードで訪れたか、
IPも勿論だし、滞在時間も…。
訪問者に名前やメモを付けることもできて、
お♪Aさんだ。話しかけてみよう♪
なんてこともできちゃったりする。

ブログにアクセスしたら突然管理人から話しかけられた。
なんていうのはちょっと怖いかもしれないけどw

この凄いサービスはなんと無料。
導入もとっても簡単。

Zopim Live ChatにアクセスしてメールアドレスとURLを登録すると
パスワードがメールで送られてくるので、
メールに書かれているURL(管理画面のダッシュボード)にアクセスして
メールアドレスとパスワードを入力してログイン。

タグが発行されるのでブログパーツを貼るみたいに
適当な場所にコピペして完了♪

メールも管理画面も全部英語だけど、
貼り付けたチャットは自動的に(微妙な)日本語になる。

実は英語アレルギーで挫折しそうになったけど、
WEBマーケティングブログさんの「サイト上でプッシュ営業もかけられる アクセス解析機能付ライブチャットサービス「zopim」
という記事でとっても分かりやすく画像付きで解説されてるので導入できたんだ。
この記事の1000倍分かりやすく書かれているので設置してみたい方はそちらへ是非。



追記 at 2009-04-19 03:06:33

酷く重いとご報告を頂きました。
ページが読み込まないなどありましたらご感想をお聞かせ下さい。
(重くなったという方が多数いらっしゃれば外します;)


Collapsing Linksが更新されたので…

Posted on 2009年04月18日 | 10 Comments| Clip to Evernote

以前リンクを折りたたみ表示させるプラグイン「Collapsing Links」を導入して
展開しないという報告を頂いたので無効にしていたんだけど、
今日WordPressの管理画面にログインしたらプラグインの更新通知が。

もしかして動くようになってるんじゃないかしら?
と期待を込めて有効化。

Windows XPのFirefox 3.1 Beta 3とIE8とChromeで動作確認。
折りたたみ、展開表示の正常動作を確認。

ただし、ウィジェットの設定画面で
「Animate collapsing and expanding」にチェックを入れると
IEではリンクが展開できない。

あれ?これ前も同じこと書いたね…;
やっぱり動かないよって方がいらっしゃれば教えて下さいm(_ _”m)ペコリ


WordPressでTwitterを楽しむ – Twitter Tools

Posted on 2009年04月16日 | 10 Comments| Clip to Evernote

Twitterのブログパーツでもいいんだけど、
せっかくだからもっと便利に使えるWordPressプラグインがないかな?
と思ってプラグインディレクトリを探したら…

すっごいいっぱいあった@@;

今回は「Twitter Tools」をチョイス。
このプラグインは

  • WordPressの記事更新時にTwitterに投稿
  • サイドバーにTwitterの呟きを表示
  • サイドバーからTwitterに投稿
  • Twitterの投稿をWordPressの記事として投稿

と、一通りの機能の揃った便利プラグインだ。

あたしはTwitterの投稿をブログ記事にはしたくないので
(だって独り言ばっかだしw)
その機能はオンにしてないんだけど、
他は全部オンにしてみた。

インストールはいつも通り簡単にできる。
プラグインを有効化したら、「設定」→「Twitter Tools」から設定する。


Twitter Tools設定画面

Twitter Tools設定画面


まずユーザーネームとパスワードを入力してテストする。
OKだったらそれぞれの項目を設定。
以下ほぼ機械翻訳。日本語がおかしいけど、なんとなくで理解して下さい;

Enable option to create a tweet when you post in your blog?
オプションは、さえずるあなたのブログに記事を作成するときに有効にしますか?

Set this on by default?
デフォルトでこの設定?

Create a blog post from each of your tweets?
各tweetsからのブログ記事を作成しますか?

Create a daily digest blog post from your tweets?
あなたのブログを毎日tweetsからダイジェストを作成しますか?

Title for daily digest posts:
毎日のダイジェストポストのタイトル

Create a weekly digest blog post from your tweets?
tweetsから週1回あなたのブログのダイジェストを作成しますか?

Title for weekly digest posts:
週1回のダイジェストポストのタイトル

Order of tweets in digest?
twiitsダイジェストの並び順

Category for tweet posts:
tweetポストのカテゴリ

Tag(s) for your tweet posts
tweetポストのタグ

Author for tweet posts
tweetポストの投稿者

Exclude @reply tweets in your sidebar, digests and created blog posts?
@replyを除外したサイドバー、ダイジェストを作成してブログ投稿?

Tweets to show in sidebar
サイドバーに表示する呟きの数

Create tweets from your sidebar?
サイドバーからtwitterに投稿できるようにするか

JS Library to use?
JSライブラリを使用するか?(jQueryとPrototypeから選択)

Give Twitter Tools credit?
Twitter Toolsのクレジットを表示するか(Powered by Twitter Tools.)

となっている。
これらを設定したらTwitter Toolsをウィジェットに追加。
WordPressにログインしているとサイドバーから投稿できる。


管理人にはこう見える

管理人にはこう見える

入力欄に呟きを書いて「Porst Tweet!」を押すと投稿できる。
ログインしていないと投稿欄は表示されない。


ADgger

堅実に儲かるアフィリエイト