エントリーを投稿した後に間違いに気づいたときなど、急に記事を編集しなければならないときに便利なブックマークレットです。
表示中のWordPressエントリーの編集画面を１クリックで表示することができます。
一応筆者の環境では、Chocolate、GoogleManiaの両方同じブックマークレットから１クリックで編集できます。
WordPressのパーマリンクの設定がid表示になっているのが利用条件です。
javascript:
if(navigator.userAgent.indexOf('Safari') >= 0){Q=getSelection();}
else{Q=document.selection?document.selection.createRange()
.text:document.getSelection();}
location.href='http://'+encodeURIComponent(location.href.split('/')[2])
+'/wp-admin/post.php?action=edit&post='
+encodeURIComponent(location.href.split('/')[4]);（注意：上のコードは表示上の都合で適当に改行しています）
上のコードの改行を削除して、アドレスとしてブックマークレットに保存して利用してください。
また、ブログの仕様、階層によって若干コードを変更する必要があると思うので、このブックマークレットのコードを参考にどうぞ。
ヒント：location.href.split(’/')[数字] の数字を変更するだけでよいと思います。
location.href.split(’/')で表示中のアドレスを「/」で分割しています。
例えば、http://choco–late.com/test/ のtestの部分みを抽出したい場合は、数字は左からゼロカウントして、3番目なので数字は「3」です。
特に筆者は間違いが多くて、よく記事を編集するので役に立つはずです・・・。
（その前に、投稿する前によく見直しするクセをつけないといけませんね。）
MashableよりAJAXで作られたWordPressプラグインを３０以上紹介です。
WordPressのカスタマイズの幅が広がるプラグンばかりです。
当サイトもWordPressを使っているので、勉強と思って訳してみました。
ブロガーに便利なAjAX
訪問者に便利なAJAX
情報元はこちらです。
Mashable30+ AJAX-Powered WordPress Plugins
DesignVitalityの「The Open Source Web Design Toolbox: 100 Tools, Resources, and Template Sources」エントリーにて、１００のテンプレートソース、ツール、リソースのまとめが掲載されていたので、その日本語訳を紹介します。
参考になるサイトがたくさんあります。
フリーオープンソースデザインテンプレートのベストディレクトリ
- OSWD ： ２０００以上の無料デザインテンプレート。カラー、コントラスト、バリデーションなどで絞り込める。
- OpenWebDesign ： 無料ウェブデザインテンプレートを共有する人の巨大なコミュニティー。デザインコンテストなどもある。
- Open Designs ： 約６００のデザインのあるオープンデザインコミュニティー。
- CSS Tinderbox ： 基本的なＣＳＳ，ＨＴＭＬデザインテンプレートが手に入る。
オープンソース Web デザインアプリケーション
- Nvu ： FrontPage と DreamweaverがライバルのオープンソースＷｅｂオーサリングシステム (Linux, Windows, and
Mac)
- Cssed ： オートコンプリーション、構文ハイライト、バリデーションのあるＣＳＳエディター。 (C, C++) (Linux)
- Quanta Plus ： K Desktop EnvironmentのためのＨＴＭＬエディターと、ウェブ開発ツール。
- Bluefish ： ＧＴＫで書かれたプログラマーのためのＨＴＭＬエディター。上級者向け。(C) (GNU/Linux, Unix)
- GIMPShop ： Photoshopの代わりとして使えるオープンソース。(Mac, Linux, and Windows)
- Inkscape ： Adobe Illustratorの代わりとして使える、ベクトルグラフィックアプリケーション。
続きを読む »
ブログに最近欠かせないアイテムの一つがソーシャルブックマーク追加ボタンですね。１クリックでソーシャルブックマークに追加できるので、便利です。
しかし、最近そのソーシャルブックマーク（以下ＳＢＭ）サービスが多くなり、全てのボタンを表示するとサイトの見栄えも悪くなってしまいますね。
そこで、MixClipの管理人さんが作った、ブックマーク追加ボタン統合アイテム「AddClips」を使ってみました。
利用方法
利用は簡単です。
まず、AddClipsで自分のサイト専用のブックマーク追加ボタンを表示するコードを生成します。
AddClipsにも書いてありますが、本当に最短１０秒でコードを発行してくれます。
そして、表示したい場所にそのコードを貼り付けます。
これで完了です。
実際にブックマークを追加するときは、ボタンをクリックすると、次のようなページが表示され、そこで自分が追加したブックマークサービスを選びます。
普段利用するブックマークサイトが一つの場合、「次回からは選択しない。」にチェックを入れると、次からそのブックマークが自動で選択されます。
ご利用はこちらからどうぞ。
AddClips
問題と修正
このサイトはWordPressで作られているので、WordPressの場合の問題です。
AddClipsで生成したコードを貼り付けると、次のような問題点がありました。
- トップページのサイドバーに表示したAddClipsボタンから、ブックマークを追加しようとすると、一番最新の記事（同じくトップページに表示）をブックマークに追加してしまう。
- タイトルがうまく反映されない。
例えば、
「Flickrをもっと楽しむための１２のサイト - Chocolate（チョコレート）」（記事タイトル - サイト名）
としたいのに、
「Flickrをもっと楽しむための１２のサイト」（記事タイトルのみ）
となってしまうなどの問題がありました。
そこでAddClipsで生成したコードの一部を以下のように変更しました。
<a href="http://www.addclips.org/addclips.php" onclick="AddClipsUrl = '<?php if (is_single() || is_page() || is_archive()) { the_permalink(); } else { bloginfo('home'); } ?>'; AddClipsTitle = '<?php if (is_single() || is_page() || is_archive()) { wp_title('',true); echo(' - '); bloginfo('name'); } else { bloginfo('name'); echo(' - '); bloginfo('description'); } ?>'; return AddClipsWindow(this);" target="_blank"><img src="http://img.addclips.org/addclips_0.gif" width="141" height="16" border="0" alt="ブックマークに追加する" style="vertical-align:middle;" /></a><script type="text/javascript">var AddClipsId = 'あなたのＩＤ';</script><script type="text/javascript" src="http://www.addclips.org/addclips.js"></script>url部分と、title部分をページによって分けただけです。
同じような問題でお悩みの方がいたら、よければ参考にどうぞ。
