タグ: プラグイン

スマイリー(絵文字)を画像で挿入 – 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


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!」を押すと投稿できる。
ログインしていないと投稿欄は表示されない。


数字付きページナビゲーションを表示する

Posted on 2009年04月12日 | 6 Comments| Clip to Evernote

今まで「Next」「Prev」のページナビゲーションだったけど、
ページが多いとそれじゃ不便だなってことで「WP-PageNavi」プラグインを導入。

WP-PageNaviはWordPressに数字付きのページナビゲーションを表示させるプラグイン。
導入はちょっと不親切かも。
プラグインディレクトリから検索してインストールのところを見てもすぐには分からないっていうか。
プラグインのサイトのInstallationタブとUsageタブを見よう。

一応簡単に手順を解説してみる。
いつも通りのインストール方法でインストール・有効化する。
利用中のテーマファイルのページナビゲーションを表示させたい場所に

[php][/php]

を追加する。
footer.phpだったりするかもしれない。(テーマにより異なる)

色とかスタイルを変更したい場合はwp-pagenavi/pagenavi-css.cssを変更する。
テーマファイルのcssも必要があれば修正する。

WP-PageNavi設定画面

管理画面の「設定」→「PageNavi」から表示方法の設定をする。
プラグインをアンインストールするボタンもここにある。

テーマファイルをごにょごにょしなきゃいけないので、
テーマを変更したときとか、プラグインを無効にしたときは注意が必要。


リンクを並べ替えたり折りたたんだり

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

リンクが増えてきてサイドバーに表示させるには長くなってきた。
折りたためたらいいなぁ。
ということでリンク関係のプラグインを探していたら、
Collapsing Linksというリンクを折りたたみ表示できるプラグインと
My Link Orderという並び順を変更するプラグインを見つけた。

WordPressにインストールする方法はどちらもいつも通り、
「プラグイン」→「新規追加」からクリックだけでインストールできる。

まずMy Link Orderでちょっと気になっていた並び順を変更してみた。
ウィジェットにMy Link Orderを追加すると、
変更した並び順のリンクリストを表示させられる。

そして本命、Collapsing Linksでリンクをカテゴリ毎に折りたたみ表示させる。
このプラグインはMy Link Orderで変更した並び順を利用することができる。
ウィジェットにCollapsing Linksを追加して、
タイトルや表示順、折りたたみのマークなどを設定する。


Collapsing Linksウィジェットの設定画面

Collapsing Linksウィジェットの設定画面

Collapsing Linksプラグインで
「Animate collapsing and expanding」にチェックを入れると
IEではリンクが展開できない。
Firefoxではアニメーションする。
見えないのは困るのでチェックを外そう。


Firefoxで折りたたみと展開

Firefoxで折りたたみと展開

IEだとちょっと表示が違うけど、アニメーションしなければ展開できる。

リンクにnofollowを設定することもできる。
勿論このブログではそんな失礼なことはしない。
「設定」→「Collapsing Links」からスタイルシートを変更することもできる。

Collapsing Links と My Link Order はセットで便利なプラグインだ。
(動作確認Firefox 3.1b3とIE8。動かない場合は教えて下さい。)



追記:2009-04-10 21:58:48

一部の環境で動作しないことをご報告頂きました。
Collapsing Linksの方はバージョンアップするまで一時的に無効にしておくことにします。


ADgger

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