WordPressに最近追加した4つのプラグイン


この記事の所要時間: 150



前の記事にWordpressに追加した30個のプラグインを紹介しましたが
最近4つのプラグインを追加しました。


1.所要時間
http://smkn.xsrv.jp/blog/2010/……estimated/

このプラグインを入れると、記事の先頭に
「この記事の所要時間: 約 x分xx秒」 と表示されて便利です!

2.facebook comment
http://bit.ly/nCmj5y

コメントにはDisqusでFacebookとかTwitterとか
色々対応させたんですが、コメント入力するときにこの画面だと抵抗があるかなと。
ということで、facebookのコメントプラグインも表示してみました。
こっちの方がよさそうだったら、Disqus は止めちゃうかも^^

3.TSL iframe unfilter
http://wordpress.org/extend/pl……-unfilter/

Wordpressのデフォルトだとiframeを記事の中に表示出来ません。
別にいいんじゃね?って思うかもしれないけど、色々不便です。

たとえば、youtubeを埋め込むとか、slideshareを埋め込むとか
埋め込みタグはだいたいiframeなので、
うまく表示するためには必須のプラグインです。

4.Exec-PHP
http://wordpress.org/extend/pl……/exec-php/

wordpressの記事内にPHPを動かします。
あまり必要ないかもしれないけど^^
ちょこっと使えると便利なときあるよね。

ということで、最近追加した4つのプラグイン紹介でした。
所要時間と、facebook commentは、さくっと表示されるので
Wordpressやっていて付けてない人はやってみるといいかも。

いずれも、pluginフォルダにコピーして、プラグインメニューから
有効化をするだけで、設定しなくても動くので。

WordPress 関連記事の表示方法


この記事の所要時間: 059


ちょっと前に、インストールしたプラグイン30個を紹介しましたが
その1つに、Similar Postsって関連記事を表示出来るプラグインを入れたんですが
なんと!表示されてませんでしたw
正確に言うと、設定されてなかった…

ということで、改めて設定しました。
Similar Postsのプラグインを入れると設定に表示されるようになるので
Placement の設定項目で、Output after post:をYESにすれば
関連記事が表示されるようになります。
ちなみにパラメータは、こんな感じで設定しました。

 prefix=<br /><h2>関連記事:</h2><div  class="similar-posts">&suffix=</div>





ということで、関連記事が表示されるようになりました
めでたしめでたし。

Similar Postsプラグイン
http://wordpress.org/extend/pl……lar-posts/
一緒に必要なプラグイン
http://wordpress.org/extend/pl……n-library/

WordPress スタイルの変更


この記事の所要時間: 313



記事タイトルとか、Widgetのタイトルとかを
CSS3を使って変更しました!

最近は、文字に影を付けたり
角丸のBOXにしたりをCSS3で簡単にすることが
出来るようになりました!

特に、スマートフォンにはHTML5/CSS3は有効みたいです。
スマートフォン用のCSS3の話は、また今度にするとして
今回は、WordPressに設定したCSS3をメモで残しておきます。

今回変更したのは
BLOGタイトル
記事タイトル
Widgetタイトル
検索BOX
を変えてみたよん。

実際には、style.cssを書き換えた程度
/wp-content/themes/[使っているテーマ]/style.css です。


BLOGタイトル

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.entry-title {
	clear: both;
	color: #222;
	text-shadow: 1px 1px 1px #999;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: .3em;
	padding-top: 15px;
 
	border-style: none none none solid; 
	border-color: #3399cc; 
	border-width: 1px 1px 1px 5px; 
	padding: 5px 10px; 
	margin-bottom: 1em; 
	background-color: transparent; 
}



このスタイルで影を付けています。
text-shadow: 1px 1px 1px #999;

Widgetタイトルの角丸は

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.widget-title {
	color: #666;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
	border-style: solid; 
	border-color: -moz-use-text-color -moz-use-text-color #3399cc; 
	border-width: 1px 1px 1px 1px;  
	margin-bottom: 1em; 
	background-color: #f2f2f2; 
	padding: 0px 10px; 
	border-color: #ddd;
	border-radius: 7px;
}



このスタイルでタイトルの背景を角丸にしてます。
border-radius: 7px;

同じ感じで、検索窓とか
記事タイトルも変更しています。

参考になれば☆

追記

サブタイトルについても変更してみました。

<h2>サブタイトル</h2>


こんな感じで指定するとスタイルが変更されるようにCSSに記載を追記しました。

1
2
3
4
5
6
7
8
9
.entry-content h2 {
	font-size: 20px;
	border-style: none none solid solid;
	border-color: #ccc; 
	border-width: 1px 1px 1px 5px; 
	padding: 5px 10px; 
	margin-bottom: 1em; 
	background-color: transparent; 	
}



良い感じで表示されるようになりました〜

WordPressの固定ページ便利♪


この記事の所要時間: 142

bot list

bot list



最近、企業ページもWordPressで管理するところが出てきていて
どうやっているのかなぁ、って不思議だったけど
WordPressを入れてみて、おっ便利じゃんって思った。

WordPressは、昔使ってたMovable Typeと違って
固定ページを作成するってメニューがあって
しかも、メニューに対応するテーマを設定すれば
ページのメニューもWordPress内で管理できる!

やり方は、まず表示させる固定ページを作成
そのあと、外観→メニューでメニューを作っていけば
トップページなどのメニューが更新されます。

メニュー

メニュー



メニューには、固定ページとかカスタムリンク、カテゴリーが選べます。
カスタムリンクは、普通にHTMLで作ったページなどを
メニューを選択されたらリンクで飛ばすイメージ。
カテゴリーは、登録した記事のカテゴリでフィルタして一覧表示ってやつかな。

BLOGだけじゃないから、WordPressは最近人気なんだね。

で、bot一覧も固定ページに作ってみました。
でもHTMLで前に作ったページがあるので
iframeで指定して表示しました

1
<iframe src="http://bot.vc/" scrolling="”no”" width="920" height="3000"></iframe>



こんな感じで…
でもこれだと左側に余白が出来ちゃう(タイトルのレイアウトにあう)ので
こんな感じで無理矢理タグ入れて左側に合わせて表示させました。
結構力業だったりするw

1
2
3
</div>
<iframe src="http://bot.vc/" scrolling="”no”" width="920" height="3000"></iframe>
<div>



企業のページは、WordPressで管理しましょうって、多くなってきてるんだろうなぁ〜
って実感した機能でした♪

iPhone用のWordPressアプリを入れてみた!


この記事の所要時間: 139

wordpress for iOS

wordpress for iOS



iPhoneからも更新出来るらしいので、便利かなと思って
早速アプリを入れてみました!

アプリURL
http://itunes.apple.com/jp/app……03880?mt=8

が…

そのままだと動きません。当然と言えば当然ですが^^
まずは、WordPressの設定→投稿設定で
リモート投稿の「XML-RPC」を有効にする必要があります。
これで更新は、iPhoneから簡単にできるようになりました!

XML-RPC設定

で、統計情報ってのがアプリにあったので
押してみたら、やっぱりそのままじゃ動きません><
統計情報を動かすには、statsの設定をしないといけないみたいで

とりあえず、下記のPluginをインストールします。
WordPress.com Stats
http://wordpress.org/extend/pl……ins/stats/
プラグインは、ダウロードして解凍したら
wp-contentのpluginsにFTPして管理画面で有効化すればOKです。

で、入れても実はすぐに動かなくて
wordpress.comのAPIキーが必要です。何でだ〜!

下記のサイトから登録して、もう一度statsプラグインの設定画面を見ると
https://ja.wordpress.com/signup/
wordpressにログインしたらAPIキーが表示されました。

APIキーを設定したら、ようやくiPhoneアプリから
統計情報を見ることが出来ます。
設定したばっかりだからグラフは表示されませんでしたが
エラーは出なくなりました。

WordPressに設定した30個のプラグイン


この記事の所要時間: 649



WordPressを設定して、やっぱり必要なのはPlugin

ということで、設定したプラグインを一覧で残しておきます。

1つずつファイルをダウンロードしてpluginフォルダに展開したフォルダごとFTPして
Wordpressのプラグインから「有効化」をすれば動くんだけど
Wordpressのプラグイン検索機能からも出来たかも^^

個別に設定が必要なプラグインは、設定とかで
各プラグインごとに設定します。
(設定が、分からなかったら聞いて下さいw)

プラグイン一覧

1. order-categories カテゴリ順番を変えられる
http://wordpress.org/extend/pl……tallation/

2. Ktai Style 携帯画面に対応
http://wordpress.org/extend/pl……tai-style/

3. Quick Cache  キャッシュ化(表示が速くなるプラグイン)
http://wordpress.org/extend/pl……ick-cache/

4. Smart Update Pinger Pingを更新部分だけにする
http://www.usefulsnippets.com/……/wordpress

5. Simple Tags タグ入力補助
http://wordpress.org/extend/pl……mple-tags/

6. WPtouch スマートフォン対応プラグイン
http://wordpress.org/extend/pl……s/wptouch/

7. All in One SEO Pack SEO対策
http://wordpress.org/extend/pl……-seo-pack/

8. Google Analytics Dashboard GoogleAnallyticsを管理画面に表示
http://wordpress.org/extend/pl……dashboard/

9. Google XML Sitemaps with Multisite support 検索エンジン用のサイトマップ作成
http://wordpress.org/extend/pl……e-support/

10.Head Cleaner WordPressで作成されるHTMLコードを圧縮
http://wordpress.org/extend/pl……d-cleaner/

11. Link to Post 簡単に過去記事引用
http://wordpress.org/extend/pl……k-to-post/

12. Popular Posts ブログの『人気記事』を表示
http://wordpress.org/extend/pl……ts-plugin/
13. Post-Plugin Library(一緒に必要なプラグイン)
http://wordpress.org/extend/pl……n-library/

14. PS Auto Sitemap ユーザー用のサイトマップ作成
http://wordpress.org/extend/pl……o-sitemap/

15. Search Meter ブログ内検索キーワード分析
http://wordpress.org/extend/pl……rch-meter/

16. SEO Slugs SEO対策
http://wordpress.org/extend/pl……seo-slugs/

17. Similar Posts 関連記事リンク表示
http://wordpress.org/extend/pl……lar-posts/
Post-Plugin Library(一緒に必要なプラグイン)
http://wordpress.org/extend/pl……n-library/

18. Ultimate Google Analytics Google Analyticsのコードを簡単にブログに埋め込む
http://wordpress.org/extend/pl……analytics/

19. Hot Linked Image Cacher 画像の直リンク禁止
http://wordpress.org/extend/pl……ge-cacher/

20. 特定キーワードに自動リンク
http://seoroi.com/specialty-se……-building/
ダウンロードが大変だった^^ RSS登録して Internal Link Building, をクリック

21. WP Evernote Site Memory Evernoteクリップボタン
http://wordpress.org/extend/pl……te-memory/
22。で設定出来るからいらないかも…。

22. WP Social Bookmarking Light ソーシャルブックマーク
http://wordpress.org/extend/pl……ing-light/

23. WP-Syntax ソースコードやHTMLのコードをハイライト
http://wordpress.org/extend/pl……wp-syntax/

24. brBrbr 改行をそのまま反映
http://camcam.info/wordpress/732

25. WP To Top 記事の先頭まで移動する
http://wordpress.org/extend/pl……wp-to-top/

26. AdSense Manager Google Adsenseの管理
http://wordpress.org/extend/pl……e-manager/

27. Photo Dropper Flickrから写真を検索、簡単に貼り付ける
http://www.photodropper.com/wo……ss-plugin/

28. Slimbox Plugin 画像のPOPUP
http://wordpress.org/extend/pl……ox-plugin/
動かなかったのでこっちに変更 slimbox Plugin for wordpress
http://www.hosimitu.com/2009/0……1-1079.php

29. advanced make clickable URL自動リンク
http://www.naviwave.com/wp_plu……clickable/

30. Open Graph Pro facebook OGP対応
http://wordpress.org/extend/plugins/ogp/

31. Disqus Comment System ソーシャルIDでコメント
http://wordpress.org/extend/pl……nt-system/

さくらのホスティング MySQL4から5にアップデート


この記事の所要時間: 24



さくらインターネットでホスティングしているDBを
MySQL4から5にアップデートしました。
結構大変でした^^

前に立てたDBなのでMySQLが4で、
最近のアプリを使おうとすると5じゃないと厳しいので
思い切って5にアップデート作業をしました。

移行の手順は簡単で
1.MySQL4のデータエクスポート
2.MySQL4のDB削除
3.MySQL5の作成
4.MySQL5のデータインポート
で、さくっと行くかなと思いきや
エクスポートまでは、そんなに苦労せずにいったけど
エクスポートしたデータファイル(SQL)が500MBぐらいになってしまって
WebのMySQL管理画面からインポートするとファイルが大きすぎて
セッションが切れてしまうと言う、何とも言う悲しい出来事が><

色々調べたら、分割でインポートしてくれるという
神っぽいPHPを発見して、それを使ってインポートして
ようやく移行が完了しました♪

これで、色々新しいアプリ試せるね〜

参考になったURLも付けておきます。

■移行手順
http://bamboostudio.tank.jp/ar……hives/1692

■分割インポート
http://wcrblog.seesaa.net/arti……78405.html
http://www.ozerov.de/bigdump/

ちなみに、bigdumpは、サーバ情報などだけだと
データが大きくて結局パラメータも設定しました。

変更した内容

$db_server   = '新DBサーバの名前';
$db_name     = 'DB名';
$db_username = 'USER名';
$db_password = 'パスワード';
 
$linespersession    = 50000;   // Lines to be executed per one import session
define ('MAX_QUERY_LINES',50000);      // How many lines may be considered to be one query (except text lines)


ということで、あんまり同じ作業する人いないとおもうけど
メモとして残しておきます☆

WordPress はじめました!


この記事の所要時間: 11

wordpress

wordpress



最近WordPressの話を聞かれることが良くあるので
自分のサーバもMovableTypeだけじゃなくて
WordPressも動かすことにしました♪

さくらのホスティングを借りてるんですが
WordPressはMySQL5じゃないと動かないので
MySQL4からの移行もあって動かすまでには
色々ありましたwww

ようやく動くようになったので、
Plug-inとかTemplateとか色々触ってみたいと思います
ノウハウ貯まったら、このBLOGに載せて行きます♪

ちなみに、このBLOGは
「ソーシャルメディア」「スマートフォン」「バナナ」を中心に
書いていきたいと思います。

ソーシャルメディアは、APIなどの話
スマートフォンは、HTML5/CSS3などの話
バナナは、バナナ味の食べたものの話
を中心に書いていきます。

興味があったら暇なときにでも見て下さい♪
よろぴこ☆