最近のCSSはどんどんプログラム化していく傾向にあるようです。CSSからさらにCSSをimportするだけでなく、メタ表現によるスタイル適用も可能なようで、ハイパーリンクURLのファイル形式にあわせたアイコン表示が可能な情報を知り、NichePatchに取り入れました。
ついでなので、今回はファイルサイズを取得するjQueryプラグインも一緒に同梱しています。
その他、Webに公開されていないXAMPPの超便利な使い方 ~1/2~の良さを評価いただいたチャロさんからのバグ報告と、リクエスト(一部)も盛り込んでいます。
使い方
- niche-patch.0.82.zipをダウンロード
※最新版はhttp://typista.it-creates.com/wp-content/uploads/niche-patch.zip - プラグインディレクトリに解凍
- ダッシュボードからアクティベート
- ONにしたい機能は「ダッシュボード」→「設定」→「Niche Patch Plugin」から。
その他、バージョン非表示機能、投稿&ページの作成画面で、一番下に「スラッグ」を表示する機能、投稿タイムスタンプのチェック機能、カテゴリー未選択 or 未分類のチェック機能などを追加することができます。
参考URL
ファイルサイズをJavaScriptライブラリ「jQuery」で自動表示する「addSizes.js」
http://www.skuare.net/2008/10/javascriptjqueryaddsizesjs.html
任意のファイルのファイルサイズを取得する
http://www.openspc2.org/JavaScript/library/etc/filesize/index.html
jQueryを使ったPDFアイコン付加プラグイン
http://www.nk0206.com/life/2009/03/jquerypdf.html
CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与
http://phpspot.org/blog/archives/2007/01/csspdfexcel.html
PDFやExcel、Wordなどのフリーアイコン素材
http://www.css-lecture.com/log/web-design/037.html
制限事項
- 動作検証はWordPress2.7.1でのみです。(今後明示的に2.7以降のサポートに切り替えていく予定です。)
- v.0.80でホスト名の識別により「LOCAL SERVER」として認識する仕様を追加しました。
- ご利用のWebサーバ(Apache)がCGIモードの場合は、ログイン画面へのHTTP Digest認証は機能しません。
- 以前から気長にリファクタリングを想定中ですが、オプション値のバリデーションがほとんど実装されていませんので、ご了承ください。
- まだ実装は不十分ですが、Niche PatchはJavaScriptがONの状態でのみ正しく動作します。OFFの場合はサイトトップにリダイレクト処理しています。(今後はリダイレクト先を指定可能なように対応予定)
- バージョン(v.0.58)のメインとなるCMS運用のためのシンプル化機能は、オプションがONであると同時に、便宜上「ユーザ作成権限」が無い(つまり管理者でない)場合に動作します。※細かい機能ごとのオプション設定は要望があれば検討します。
- wp_list_pages()で実際に表示されるページ一覧は、menu_order(=ページ順序)の次にpost_title(=ページタイトル)の文字コード順のようですので、同じmenu_orderの場合、並び順のパっと見では順番操作できていないように勘違いしやすいので注意してください。(順番操作ボタンを+/-ではなく↑/↓のように1件ずつ確実に入れ替えていく処理も考えましたが、post_statusとの関連でダッシュボードのページ管理一覧を表示しているモードによって隠れているページとの順序性をどうするかという点で仕様を詰め切れそうにないので見送りました。)
- 投稿タイムスタンプのチェックは、ページの場合に動作しません。(今後調査します)
- 「保存」「公開」ボタンのonclickイベントを利用していますが、他プラグインとの競合は未検証です。(こちらも追って、調査していきます)
- なお、本来はonclickイベントへのハンドラ登録ではなく、リスナー登録のほうが美しいようですが、チェックNGの場合にPOST処理を中断する手段の実装にひと手間、ふた手間かかりそうなので、現状はonclickハンドラがすでに登録済みの場合のみ、当ニッチパッチハンドラ実行後(さらにいうと結果がtrueの場合)にコールするようにしています。今回(v.0.80)のバグ改修との関連を当初懸念し、一応addEvent(リスナー登録方式)に変更しました。(チェックNGの場合のPOST処理は何も考えることなく動作しているようです。)
改修履歴
[v.0.82]2009.06.18
- たびたびの検証不足でファイルサイズ出力機能を動作させるためのjQuery読み込みが抜けていました。
(正確にはv.0.80でソースリファクタリングしたときの弊害)
[v.0.81]2009.06.17
- 検証不足で不必要な箇所にmetaタグ出力があったため改修
(XTHML ValidなWordPressを汚さないように・・・)
[v.0.80]2009.06.17
- 開発環境判定でホスト名設定な機能を追加
- リンクファイルの形式に合わせたアイコン表示機能を追加
- リンクファイルのファイルサイズを表示する機能を追加
- 開発環境判定ONかつ開発環境動作の場合に、投稿ページで「カテゴリ追加」が動作しない不具合の改修
- window.onloadハンドラからリスナー方式に変更
[v.0.70]2009.02.07
- 開発環境判定機能をリリース
[v.0.60]2009.02.04
- ログイン画面へのHTTP Digest認証機能をリリース
- v.0.58リリースのCMSシンプル化機能で、権限グループによっては、意図せずダッシュボードメニューの「設定」が表示されてしまっていたので、非表示の対応
[v.0.59]2009.01.28
- CMS運用のための+1のシンプル機能リリース
- サーバ(PHPバージョン or 設定?)によってはCMSシンプル化機能が動作しなかった不具合(strposの問題?)の修正
[v.0.58]2009.01.27
- CMS運用のための13のシンプル機能リリース
- ページの場合に「カテゴリチェック無し」 or 「未選択のみ」が不正に動作していた不具合の修正※Page Category Plus(v.2.2で検証)を利用している場合に、当該オプションがONであれば正しく動作します。
[v.0.51]2009.01.15
- WordPress2.7不具合対応(投稿タイムスタンプチェックとカテゴリチェック)
[v.0.50]2009.01.10
- ページの表示順操作の対応
- テーマディレクトリを隠蔽するためにindex.html生成機能追加
今後の対応
開発環境の識別条件をもうすこしフレキシブルに設定可能にするよう考えています。また、「LOCAL SERVER」の表示はブラウザをスクロールすると消えてしまうので、今後対応予定です。
ログイン画面へのHTTP Digest認証機能のIDとパスワードは複数指定可能なようにしたい。
また、保存パスワードは可能ならばハッシュ化してDB保存しておきたい。
HTTP認証ID、パスワードのリマンド機能の要不要、その実装方法なども検討予定です。
なお、v0.60からNiche Pacheのオプション値を”false”(文字列)から、false(真偽値)に変更しています。
これは”false”(文字列)のままだと、テキスト指定のオプション値がNULLの場合に”false”(文字列)になってしまう歪な現象を避けるための対処です。
ソースレビューだけですが、JavaScriptソースを除いて、オプション値が”false”(文字列)かの判定は過去バージョンでは存在しないため、影響は出ないはずですが、もし過去バージョンですでに運用されている場合は、大変お手数をおかけしますが充分にテスト実施のうえ、バージョンアップしてください。
さらに本来は”true”(文字列)も、true(真偽値)に変更すべきですが、現状では大勢に影響はないものと判断(むしろ変更したことによるソース修正&検証の影響が大きい)し、片手落ち感が残りますが、既存のままとしています。
プラグインの配布方法、とくにバージョンアップ時の通知方法を調べる。
その他、思いつきでニッチにふさわしいパッチがあれば、プラグイン実装していく。
日本語決め打ちではなく、多国語対応方法も気長に調べていきたい。
5 comments
はじめまして。Niche Patch Plugin、かゆいところに手が届くプラグインで、大変便利に利用させていただいております。
0.82を使用しているのですが、IE7とIE8で確認したところ、ファイルサイズが上手く表示できませんでした。Firefox 3では大丈夫でした。
ソースを確認させていただいたところ、np_addSizes.js.phpの22行目、
console.log(url);
という箇所でJavaScriptエラーが発生しているようでした。ここをコメントアウトしたところ、IE7とIE8でも無事にファイルサイズが表示されるようになりました。
このconsole.logという部分が何に利用されているのか良く分からないのですが、もし良ければご修正いただければありがたいです。
> ソースを確認させていただいたところ、np_addSizes.js.phpの22行目、
> console.log(url);
> という箇所でJavaScriptエラーが発生しているようでした。
> ここをコメントアウトしたところ、IE7とIE8でも無事にファイルサイズが表示されるようになりました。
ごめんなさい。IE動作未確認でした。
ご指摘のコードはFireFoxのJavaScriptコンソールに出力するためのメソッドです。
デバッグプリントなのでコメントアウトで問題ありません。
現在「ダッシュボードシンプル化」機能の設定を詳細化中なので、そちらにフィードバックします。
masaさん
ニッチパッチプラグインのファイルサイズ表示機能不具合のご報告ありがとうございました。IE・・・ほんとに使わなくって・・・
ご指摘のとおり、コメント化するだけで充分な対応ですが、正式版としてv.0.83に反映しました。
v.0.83のメインは、ダッシュボードのシンプル化機能を詳細に設定できるように、かつグループ権限ごとに違った設定が可能なようにしました。用途があれば、是非使ってみてください。
たびたびすみません。IE6でもアイコンを表示する方法を見つけたので、お知らせします。以下のページに解説とデモがあります。
10. Styling different link types
http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/
DEMO
http://www.webdesignerwall.com/demo/jquery/link-types.html
◆ CSSにIE6用に以下のようなcssクラス”pdficon”を追加
a.pdficon {
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_pdf.gif) no-repeat center right;
}
◆ IE6の時のみjQueryを利用して、Aタグに”pdficon”cssクラスを追加
(function($){
jQuery(document).ready( function() {
$(‘a[href$=”.pdf”]’).addClass(“pdficon”);
});
})(jQuery);
のような処理を追加します。
手元でバージョン0.84に追加してみたところ、IE6でも上手くアイコンが表示されるようになりました。
IE6用に限った処理なので、ニッチパッチプラグイン本体に追加する必要はないかもしれませんが、ご参考までに取り上げてみました。
masaさん
ie6対応のアドバイス。ありがとうございました。
勉強になります。
せっかく情報提供いただきましたので、次回バージョンに反映します。
今後ともよろしくお願いします。
By submitting a comment you grant typista a perpetual license to reproduce your words and name/web site in attribution. Inappropriate and irrelevant comments will be removed at an admin’s discretion. Your email is used for verification purposes only, it will never be shared.