Group items tagged

使いやすくなった投稿画面 気になるのは1番お世話になるであろう投稿画面。よく使う機能以外はデフォルトで非表示になっており、全体的にスッキリしています。 タグ 特にタグまわりが使いやすいと感じたので、これを機会にプラグイン(Ultimate Tag Warrior)で行っていたタグ付けをWP標準のタグ機能に移行しました。 オートコンプリートでタグ候補を表示してくれるし、削除も1クリックです。

ファイルアップロード 画像や動画などのファイルを記事に貼り付ける場合、アップロードだけではなくURLを指定できるようになりました。「Media Library」がなかなかよくできていて、キーワードや月日で絞り込んで検索できるので過去にアップロードした画像の再利用がしやすくなっています。 特別なプラグインを導入せずに画像管理ができるのは素晴らしいのですが、ちょっと動作が重いように感じました。(1度はブラウザが落ちるというアクシデントが…)

パーマリンクの編集 以前は「Post Slug」欄でパーマリンクの指定ができましたが、WP2.5からは記事タイトルの下に新しく「Permalink」という欄が設けられています。 直感的でわかりやすいとは思うのですが、この「Permalink」欄は記事を1度でも下書き保存しないと表示されないのでちょっと不便かな？と思いました。

手順 2 で説明したように、変更前は /○○○○/index.php を読み込ませていましたが、ルートディレクトリ直下に移動した /index.php を読み込ませるように.htaccess で操作しています。 http://www.hogehoge.com/○○○○/wp-login.php からログインしなおす。 パーマリンク設定をデフォルトから変更していた場合、再度保存しなおす。 ※手動で .htaccess を書き換える場合には、管理画面のいちばん下に書き換えるためのソース（↑上のソース）が出力されますので、それを.htaccess にコピペして保存します。 新しいサイト URL にアクセスし、正常に表示されるか確認。 .htaccess のパーミッションを書き込み不能に戻す。

4行目　require(’./wp-blog-header.php’); を require(’./○○○○/wp-blog-header.php’); と書き換えて保存。（「○○○○」は、WordPress 本体をインストールしてあるディレクトリ名） ＜変更後＞ <?php /* Short and sweet */ define('WP_USE_THEMES', true); require('./○○○○/wp-blog-header.php'); ?> この index.php は、WordPress 内部の動作命令すべてを受け取るファイルです（wp-blog-header.php から読み取っている）。なので、ここで編集した index.php から wp-blog-header.php へのパスを WordPress 本体がインストールされているサブディレクトリをはさんだパスに変更する、ということになります。 .htaccess のパーミッションを書き込み可能にする。（mod_rewrite ルールの変更。書き込み可能にしておけば、自動的に .htaccess の中身を変更してくれます。mod_rewrite ルールは手動で書き換えることも可能です。手順 6 を参考にしてください）

WPの場合、まずME（Multilingal Edition）と本家どちらにするか？ですが、本家WPでは日本語が表示できない、または支障が起こるのでは？という疑問があると思います。意外とMEと本家版の違いを説明したサイトがありませんでした。実際には、本家WPでも日本語表示は問題ないといって良いでしょう。管理メニューの一部が（.moを入れても）英語のままになったり、日付表示がおかしくなったりしますが、すぐ修正できます。MEの方は知らないのでコメントできません。

MTの場合は単体で一応最低限の機能は付けてある感じだったのに対して、WPの場合は単体での機能より、プラグインやテーマでカスタマイズしていく設計思想なのだと思います。ただ、 Tag機能やサイドバーWidgetまでプラグイン対応なのはどうかと思います。というのも、実際にプラグインを導入しようとして検索すると、TagまたはWidgetのプラグインは複数あり、どれが標準のもの（？）なのか迷うからです。 テーマも、私は初めデザインでテーマを決めましたが、それがプラグインに対応しているかどうかまで見極めないと、自分でカスタマイズしてからでないと思ったような表示にならないということで、最初の投稿までにカスタマイズが必要になってきます。この辺は「WordPressインストールしたら始めにやること」をご覧下さい。 もう一つ、「ブログロール」という他サイトへのリンクを管理する機能があるのですが、これはなぜプラグインではないのか、ちょっと変な感じがしました。しかも、初期設定でWordPressの開発者の方々のブログにリンクが張られているのも、戸惑いました。どうなんでしょう？

WPは基本はシンプルみたいに書きましたが、widgetやtagは基本ではないのに対して、以下のような凝った基本機能があります。 smilies（ ←これ）は基本機能 akismetというスパムフィルタが非常に優秀 管理画面がAJAX（Prototype+Scriptaculous） 管理画面のダッシュボードでブログにリンクしているサイトを自動表示 記事の入力中の自動保存機能

『WP-SnapAvatar』は、コメント投稿者がGravatarに登録していない場合、デフォルト画像の代わりに、投稿者のサイトのキャプチャ画像を表示するWordpressプラグインです。 WP2.5にて、Gravatarの表示を有効にしている必要があります。 プラグイン配布元 → WordPress › WP-SnapAvatar « WordPress Plugins 導入方法 プラグイン配布元から『wp-snapavatar**.zip』をダウンロード。（Download） 解凍後、『wp-snapavatar』をwp-content/pluginsへアップロード。 管理画面にて有効化する。 Gravatarを表示する Settings（設定） > Discussion（ディスカッション）にて、Avatar display（アバターの表示）を Show Avatars（アバターを表示する）にする。 Gravatarを表示させたい箇所（comment.php）に以下のコードを挿入する。 コード PHP: <?php echo get_avatar( get_comment_author_email(), '48' ) ?> 数値はアバター画像のサイズ。

ちょっと懐かしいので、2.5 と 1.5 を比較してみました。ファイルサイズの差にはちょっとビックリ 1.5 にはなかったもの 画像投稿機能 TinyMCE タグ (もちろん) メディアライブラリ テーマのプレビュー (スクリーンショット) アップロードしたファイルの日付別の保存 ウィジェット おそらく、テンプレートタグとかのカスタマイズ用の機能はもっと少ないのではないかと思われます (is_user_logged_in はなかった)。懐かしいのは、記事作成中のプレビューとブックマークレット、それと、かなりモノトーンな管理画面。 コアファイルサイズ wp 1.5 - 1.05 MB (言語ファイルは含まず) wpme 2.0.11 - 2.90 MB wp 2.5 日本語版 - 4.65 MB ファイル・フォルダ数 wp 1.5 - 163 / 10 wpme 2.0.11 - 343 / 43 wp 2.5 日本語版 - 528 / 69

最近ロリポが特に安定感がないからなのです。。。MySQL サーバーは変えたのでなんとかかんとかですが、FTP サーバーが最近不安定な気が・・・。Establish Error やら Database Error やらがしょっちゅう起きてします。本気で移動もアリかと思い始めました。

Step 1: Check if the theme is widget-ready You can’t use widgets if the theme you’re using isn’t widget-ready in the first place. Navigate to your Presentation menu and proceed to the Widgets sub-menu of your administration panel. If you see something like this, you’re out of luck:

Step 1: Check if the theme is widget-ready You can’t use widgets if the theme you’re using isn’t widget-ready in the first place. Navigate to your Presentation menu and proceed to the Widgets sub-menu of your administration panel. If you see something like this, you’re out of luck:

Step 2: Use available widgets For the rest of the tutorial, we’ll be working with one of our widget-ready themes called Moonlit Sky. You’ll notice this particular free WordPress theme has two sidebars on the right side. Both of these sidebars are widgetized. Go ahead and drag some of the available widgets into the sidebar of your choice and save the changes. These changes will be reflected on your main site automatically. Some widgets have a little icon next to them where you can set things like the title of the widget to be displayed on the site. Here’s what the settings for the Categories widget looks like:

投稿内容の変更を最初から保存してくれる機能が追加されるようです。（diffみたいなもの？） これは複数人管理サイトで威力を発揮しそうですな。（もちろん、個人でも） 私も結構記事訂正する方なのですが、訂正前の記述はなるべく消さないようにしてたんです。どう変えたか、どこを変えたかたぶん1週間後には忘れていますからねぇ。（そりゃ、ち・・・＜自粛＞）そうすると表示された記事はごちゃごちゃしてきて、訂正すればするほど見づらくなってきくとです。 これならすっぱりさっぱりキレイに直しても後で困ることはなさそうです。こうなると、一体データベースはどうなるんですかね？ すごく訂正するとどんどん肥大化するとか？ でも、へたくそな記事を書く私としては、大いに歓迎したい機能です。 8月リリース（予定）が待ち遠しいっすね。

うちのサイトは、Wp Super Cacheと、Wp Cache で動いてる箇所がバラバラで、不安定でした。完全に忘れてました。 ってことで、WP Super Cache と同居出来る ってのは 完全ではありません。

本来は記事やページを PDF ファイルに変換してくれるプラグインを導入すべく、いくつかのプラグインを試してみたのですが、どうも日本語環境との相性が良くなかったり、当サイトはレンタルサーバを利用していることもあって、プラグインを動作させるための環境が整えられていなかったりということで動作せず。。。 ContuttoPDF Wordpress post2pdf plugin Wordpress post to pdf plugin だったら、プラグイン以外で何とかできないものかと思っていたところ、Web サイトやブログを PDF ファイルへ変換できるボタン（widget）を提供してくれる便利なサービスを見つけました。 Web2PDF Online Widget

ルートディレクトリとは違うディレクトリにWordpressをインストールして、ホームURLだけ擬似的にルートディレクトリにする方法。 この設定変更さえすれば、好きなディレクトリにWordpressを置くことが出来る。 複数設置する時やルートディレクトリはすっきりさせたいという時に便利。 ルートディレクトリのURLがhttp://example.comと仮定。 1.適当なディレクトリを作成する。（ここでは/wordpressというサブディレクトリにwordpressをインストールしたとする） 2.wordpress管理パネルの設定を開く 3.一般設定 にある　WordPress のアドレス(URL)をWordpressのコアファイルがインストールされているURLに変更する（http://example.com/wordpress） 4.ブログのアドレス (URL)をルートディレクトリのURLに変更する。（http://example.com） 5.「設定を保存」ボタンを押す 6.１で作ったディレクトリにWordpressのコアファイルを移したりインストールしたりする。 7.index.php と .htaccessをルートディレクトリ（http://example.com）に移動させる 8.index.phpをテキストエディタで開く 9.　require('./wp-blog-header.php');　という行を探して require(’./wordpress/wp-blog-header.php’);　というように変更する。 つまり、wp-blog-header.phpの相対パスをインストールディレクトリに変更する。 10.ログインURLがhttp://example.com/wordpress/wp-admin/になります。 11.もしパーマリンク設定をデフォルトから変更していたら更新しといてください。 Wordpressが自動的に.htaccessを変更してくれます。 もし.htaccessに書き込み権限が設定されてなくて変更できなかったら、自分でコピペしてください。

ページキャッシュは WordPress 本体には無い機能で、plugin によって提供されます。1 Blog Cacher, WP-Cache, WP Super Cache などがあります。

WordPressのリッチエディタにはTinyMCEが使われている。リッチエディタを使うのはソースコードなどタグを記事本文として流し込むときだけなので、あまり気にしなかったが、使っている人から、なぜ明朝体のでかいフォントなのかと言われた。皆さんはどうしているのだろうか。ここではリッチエディタにオリジナルのCSSを適用する方法を調べてみた。 リッチエディタはiframeで実現されているため、擬似的にhtml-head-bodyの構造を取っている。ここに適用されているCSSは以下の3つだが、このうち”wordpress.css”が変更の対象となる。 wp-includes/js/tinymce/themes/advanced/css/editor_content.css wp-includes/js/tinymce/plugins/wordpress/wordpress.css wp-includes/js/tinymce/plugins/spellchecker/css/content.css 変更するにはまず適用するCSSを作成する。その際に、変更するwordpress.cssを当該CSSで@includeする。 フォントの指定を含め、一般的な設定をするのなら以下のようなCSSになるはず。使用しているテーマのCSSから必要な部分だけ持ってくればよい。

CSS /* rich_editor.css ver 0.1 by Junon */ @import url('http://www.techdego.com/wp-includes/js/tinymce/plugins/wordpress/wordpress.css'); body { margin: 0; padding: 0　10px; background-color: #fff; color:#000; font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", sans-serif; font-size: 0.8em; line-height: 1.4; } p a:link { text-decoration: none; color: #186FD0; border-bottom: 1px dotted #186FD0; } p a:visited, p a:active { text-decoration: none; color: #666; border-bottom: 1px dotted #186FD0; } p a:hover { text-decoration: none; color: #186FD0; border-bottom: 1px solid #186FD0; } p { margin: 1em 0; } li { margin-top: 1em; } ul li { list-style: square; } ul li ul { margin-bottom: 0.3em; } ul li ul li { list-style: circle; } a:link img, a:hover img, a:visited img, a:active img{ border: none; } .alignleft { float: left; } .alignright { float: right; } .clearer { clear: both; } code, pre { font-family: "courier new", courier, monospace; } 上記をTinyMCEに適用すればよいのだが、今回は自分のテーマに付随させてテーマを外せばエディタのCSSも変わるようにする。

上記のCSS（ここではrich_editor.cssとする）をテーマのstyle.cssと同じ階層に保存する（背景画像をテーマと共有するため）。 テーマのfunctions.php（無ければ新規に作成）の最後に以下のコードを記述する。 PHP function replace_editor_css($css_file) { $css_file = get_option('siteurl') . '/wp-content/themes/**theme-name**/rich_editor.css'; return $css_file; } add_filter('mce_css', 'replace_editor_css'); ちなみに、上記の部分を別のphpファイルにして、pluginsフォルダに入れるとプラグインになる。テーマを変えてもCSSを適用したいならプラグイン化をお勧めする。

WP2.5のファイルを見てみると「wp-admin」ディレクトリ内にbookmarklet.phpがありました。新規投稿画面ではなく簡易投稿画面に移動してサッと投稿するにはこちら。http://site-url/の部分は各自編集してください。

冒頭にあげたfuuriさんの記事へのコメント欄でNaoさんが紹介していたQuickPostプラグインがWPのBookmarkletよりも高機能です。 WordPress › QuickPost « WordPress Plugins WordPress Plugins/JSeries » QuickPost 日本語版 このプラグインで表示される投稿画面ではタグとカテゴリーしか設定できないので簡単にサクッと投稿する人(記事)向き。TumblrのBookmarkletのようなイメージです。

Bookmarkletではありませんが、ブラウザで今見ているページのリンクと選択範囲を引用文として投稿画面に貼り付けるならFirefox用のblogエディターを使うという手もあると思います。 ScribeFire :: Firefox Add-ons インストールすると右クリックのコンテキストメニューとステータスバーの「Blog this page」から今見ているページを投稿することができます。

アップグレードで面倒なのって多分プラグインの見直しだと思うんだよね…。 プラグインが対応してないせいで上のバージョン使えないってこともあるし。 UltimateTagWarrier 管理してたタグはWordpressのタグへそっくりそのままエクスポートできた。便利。 プラグインの使用はそのまま可能だった。 wordpressのタグアーカイブとUTWのアーカイブが喧嘩して表示されなくなる。 サーバログ見るとデータベースでエラーが発生していた。プラグインオフにしたら表示は動くが… 日本語タグのバグがなくなるまで使いたいけど、アーカイブ表示出来ないのは致命的。 Tiny-MCE関係 aoinaさんの作ったプラグインwp-tinymceで超愛用してたんだけど Firebugで「tinyMCE is not defined」というエラーが発生して、ビジュアルエディタが操作不能になった。 プラグインオフにしてもソースにプラグインが出力するソースが表示されてたが、どうもキャッシュが残ってたのが原因らしい。（よくわからない） Problemi con Visual editor di Wordpress 2.5で配布されてるプラグインを使ったら直せた。 tiny_mce_config.phpの’compress’ => trueをfalseにしてからプラグインをオンにして、エディタをリロードしたらエラーが消えた。 Bookmarklet Helper aoinaさん作Bookmarklet Helperプラグイン。新規作成までは行くんだけど、引用の本文や参照元等のタグが一部挿入されない。 2.5はデフォルトについてたブックマークレットは削除されている。（2.6で復活するらしい）その影響？ iG:Syntax Hiliter コードビューのボタンが表示されない。他は問題ないと思う。 WP-AddQuicktag 動かない。残念。

Wordpress への投稿手段を、無駄に色々試していますが、WP が2.5になって、ビジュアルエディタのプラグインはちょっと怖かったので、様子を見てました。 でも、こんなにスゴいのがあったんですね。 なにがスゴいって、プラグインフォルダに入れて、有効化するだけ！という手軽さと、管理画面で、使いたいボタンをドラッグアンドドロップで増減できるとう便利さ！と、スタイルのボタンに自分のCSSのクラスが反映されちゃってるし。　スゲー！ Plugin URL: TinyMCE Advanced » LaptopTips Version: TinyMCE Advanced version 3.0.1 (requires WordPress 2.5) TinyMCE 3.x Language Package Download で、Japanese をダウンロードして、TinyMCE 3.0.8と一緒に /wp-includes/js/tinymce へ入れたら、ボタンの種類も増えました。 もう少し色々試したら、また記事にしてみます ;-)

メールフォームのWordPress用プラグインは何種類かあったので手頃なものから試してみました。XREAのサーバーに設置しているサイトで実験したものです。 WP-ContactForm 日本語対応版 文字化け Secure Form Mailer Plugin 文字化け無し、本文が表示されない PXS Mail Form 正常動作 PXSMail with Akismet　スパム対策版 というわけで・・・ PXS Mail Formを設置方法

Post Versioning Developers familiar with Subversion, or SVN, understand the concept of versioning and diffs. Compare one file, or revision, against another file, or revision, and see a breakdown of differences between the two. With the help of GUI tools, developers can see a color-coded red vs. green (removed vs. added) presentation. This concept has now been applied to posts so you can view differences between posts as well as “revert” to an earlier version of a post. I absolutely love this feature and you can see an example of a “revision compare” built directly into WordPress.

Google Gears Support Gears is the Google technology that allows for Firefox (apparently IE 6 too, but I can’t confirm) to “pre-cache” pages and speed up access. Gears has been integrated with WordPress 2.6 on the admin side and speeds things up tremendously. This is particularly important where broadband access is limited or inaccessible (third world, for instance). To enable Gears in your new WordPress 2.6 installation, click on the Turbo link in the upper right corner of your WordPress admin.

XML-RPC Editor Functionality Quietly, a new bit of functionality snuck into WordPress trunk that threw a number of developers and kicked off an interesting discussion. In the development cycle, XML-RPC and Atom Pub API for remote editing was turned off by default as a “security precaution” since many recent WordPress security issues seem to stem from the XML-RPC protocol.