タグ: プラグイン
WordPress 2.7.1 日本語版
Posted on 2009年02月16日 | 4 Comments|
WordPress 2.7.1の日本語版がリリースされていたので、
早速アップグレードした。
ダッシュボードの更新通知をクリックすると下のような画面になる。
まずは万が一に備えてデータベースとファイルのバックアップ。
そういえば…
WordPress Database Backupプラグインで
毎日バックアップをメールで送信するように設定してあるのに、
久しくバックアップのメールが届いていなかったことに気付いた。
「ツール」→「バックアップ」から手動でバックアップしてみる。
バックアップは正常に完了した。
が、メールで送信していますのところで止まる。
どうやらメール送信に失敗していたようだ。
FTPで繋いでみるとバックアップされたsqlが送信に失敗してるものだから溜まって…
サーバーの容量を圧迫していた。
やばい、やばい。
古いバックアップを削除した。
教訓: 何でも自動…は便利だけど、忘れ去っていいわけではない
次にFTPでファイルのバックアップ。
自動更新してるからローカルの方が古いっていう状態のプラグインディレクトリ、
アップロードした画像とかの入ってるディレクトリ辺りをダウンロード。
コアファイルは別にいいかなって。
さあ、いよいよWordPressをアップグレード。
日本語で利用したいので「バージョン 2.7.1-jaに…」の方を選択。
「自動アップグレードを実行」をクリック。
これでアップグレード完了。
動かなくなったプラグインとか、特に問題はなかった。
で、My Category Orderを利用している場合はもう一手間。
taxonomy.phpを /wp-includes/ 以下に上書き。
カテゴリの表示を確認してWordPressの更新は完了。
簡単だd(゚ー゚*)ネッ!
WordPressにプラグインをインストールしよう
Posted on 2009年02月10日 | 8 Comments|
WordPress 2.7になってプラグインのインストールはとても簡単になった。
ブラウザでアップロードができるのでFTPでアップロードする手間も省ける。
今日はプラグインの探し方とインストール方法を簡単に解説してみる。
クイックタグ(任意のタグを挿入するボタン)を追加する – AddQuicktag
Posted on 2009年02月5日 | 6 Comments|
WordPressの投稿画面で任意のタグをボタン1つで簡単に挿入したい。
wp-includesjsにあるquicktags.jsを編集するという手段もあるけど、
もっと簡単にできたらいいな。
そんな時に便利なプラグインが「AddQuicktag」だ。
インストールは簡単。
プラグインディレクトリに登録されているので、
「プラグイン」→「新規追加」からブラウザアップロードしてもいいし、
その機能が使えなくてもプラグインディレクトリにFTPでアップロードするだけ。
管理画面から有効化したら「設定」→「Add Quicktag」を開く。
「クイックタグの追加と削除」のところ。
ラベル名はボタンに表示される名前なので長すぎず分かりやすいものを。
開始タグ、終了タグに使いたいタグを入力して「更新」を押して反映させる。
終了タグがないタグは、終了タグのところは入力しなくてもOK。
1行ずつ「更新」を押して追加していく。
(「更新」を押すと入力欄が1行増える)
「クイックタグの設定の出力」のところでは、多分追加した設定を保存できるのだと思う。
が、これはあたしの環境では動作しなかったので未確認。
「クイックタグの設定の読み込み」のところでは、上記出力で保存しておいたものをインポートできるのだろうと思う。
上記と同様に未確認。
「Uninstall option」のところは、AddQuicktagをアンインストールしたいときにポチっと押すと、全ての項目がクリアされる。
登録したボタンは投稿画面のHTMLタブの方(ビジュアルエディタではない)に追加される。

AddQuicktagでボタンが追加された
昨日導入した「iG:Syntax Hiliter」のタグをAddQuicktagで登録してみた。
quicktags.jsを編集するとかやらないで、初めからこれ使えばよかった…。
とっても簡単。とっても便利。
コードを見やすく表示させる – iG:Syntax Hiliter
Posted on 2009年02月4日 | 3 Comments|
WordPressでコードを見やすく表示させたい。
行番号が必要なときは番号も付けたいし、
ずらずら長いコードは色分け(ハイライト)して表示された方がいいし、
面倒なときは言語指定なしで簡単に表示させられたら便利だし、
プラグイン独自のタグを忘れちゃったりするからボタン一つで入力したいし、
複数行のコードは見やすく行ごとに色を変えて表示できたらいい。
というわがままを叶えてくれるプラグインを発見。
素敵なことに「MMRT daily life」さんのところで日本語版が配布されている。
説明に書いてあるようにダウンロードしたファイルをプラグインディレクトリにアップロードして有効化。
管理画面の設定から、どんな風に表示させるか設定できる。
- コードBOX内の”コード”を別ウィンドウで開くリンクをつける
- コードの原文の表示方法を新しいウインドウで開くか
- コード言語を表示させるか
- コード内のコメントを強調表示するか
- 行番号を表示するか
- 行番号の色を交互に変えるか
- 行番号の色を2つ。カラーピッカー付き。
という設定項目がある。
タグを手入力したくないあたしのような人のために、クイックタグも設定できる。
マニュアルは英語なので簡単に説明すると、
- wp-includesjsにあるquicktags.jsを開く。
- プラグインに付いていたMANUAL.htmlの「6. QUICKTAGS」の部分を開く。
- 「add the following lines」の下にあるボックス内のコードをコピー。
- quicktags.jsの136行目辺り(moreタグの設定が終わったところ)を探して、);の後に改行してペースト。
- 保存してアップロード。
これで投稿画面のボタン群にActionScript、 ASP、 C、 C++、 C#、 CSS、 DELPHI、 HTML、 JAVA、 JavaScript、 MySQL、 PERL、 PHP、 PYTHON、 RUBY、 SMARTY、 SQL、 Visual Basic、 VB.NET、 XML、CODEのボタンが追加される。
コード貼り付ける場所はmoreの後じゃなくても、自分の使いやすい場所でOK。
ボタンが出現しない場合は、ブラウザのキャッシュをクリアしてみると表示されるかも。
ボタンが表示されるのはビジュアルエディタの方じゃなくて、HTMLの方なので、HTMLのタブを選択すること。
quicktags.jsを書き換えるの怖いんだけど…って場合は、
クイックタグを追加できるプラグインを利用するという手段もある。
ビジュアルリッチエディタとの併用不可というのをどっかで見たので、あたしは試してない。
WordPressのアップデートでquicktags.jsも上書きされちゃうかも?という不安を解消するには、そういうプラグインを探してみてもいいと思うんだけど。
これでボタン1つでコードを表示させるタグを入れられるようになった訳だが、
このブログではコードBOXがはみ出して、サイドバーと重なっていたので、
ig_syntax_hilitecssにあるsyntax_hilite_css.cssでサイズを変更。
このブログのフォントが白いもんだから、文字色も追加。
※注意!
コードを記入した後、ビジュアルエディタに切り替えないこと。
ビジュアルエディタでコードの入った投稿を開いた瞬間に<>の中身が消えたり、<とかに変更されたりする。
記事をビジュアルエディタで書き上げた後に、HTMLに切り替えてコードをペーストしたら、そのまま投稿ボタンを押そう。
昨日PHP Hilight Stringプラグインを紹介したばかりだけど、
iG:Syntax Hiliter 日本語版を使うことにした。
また1つ導入しているプラグインが増えたわけだが、今度は何を入れようか?w
コードを表示させる – PHP Hilight String
Posted on 2009年02月3日 | 4 Comments|
WordPressでPHPなどのコードを表示させたいときに、
<>を全角で書くなんていう手段でやっていたのだけど、
やっぱりコピペで使える状態で表示させたいなと。
そんなわけでコードを表示させられるプラグインを探してみた。
今回試したのはPHP Hilight Stringプラグイン。
(プラグインに表示されてる名前は「PHP Highligh String」、プラグインのホームページに書いてある名前は「PHP HilightString」。スペルが違うけども、どちらが正しいのかは不明。)
ダウンロードしたzipをそのままブラウザアップロードで
インストールまでやっちゃおうとしたんだけど失敗。
解凍してプラグインディレクトリにFTPでアップロードしたら大丈夫だった。
一緒に入っているhighlight.cssを開いて、使用中のテーマのstyle.cssにペースト。
これをやらないとスタイルが適用されないので注意。
ハイライトされる色はここを自由に変更できる。
[code lang=”言語”]表示したいコード[/code]
と記入することでコードが表示される。
([]は半角で)
言語(phpなど)は必ず小文字で記入すること。
色分け可能な言語は
php,cpp,css,diff,dtd,javascript,mysql,perl,python,ruby,sql,xml,java
で、色分けが必要ないときは
[code]表示したいコード[/code] ([]は半角で)
だけ記入すればOK。
行番号を付けたいときは、
[code lang=”言語” -数字]表示したいコード[/code] ([]は半角で)
と、始めたい行番号を指定する。
0にすると行番号は表示されない。
今回このプラグインを選んだのは、アップロードして有効化するだけで使える簡単さと、スタイルを簡単にいじれるから。
コードを表示させられるようになった筈なので、早速少し前の記事を修正してみた。
(フィードに新しくない記事が配信されてるのはそのせい)
無事に半角<>も表示されて、コピペで使えるようになった。
ふと思ったのだけど、このプラグインでコードを表示させるように記事を書いたら
もう他のプラグインに乗り換えできないな。
プラグインを削除したら[code][/code]の中身が消える予感…。
他のプラグインに合わせて全記事さらって[code]修正するのも大変だし。
でもまだ他のプラグインも気になってるから過去の記事を修正するのはやめておこう。







