Light Formatter -WordPressプラグイン￤ Luc プログラム＆デザイン

Light Formatter -WordPressプラグイン

＜ダウンロード＞
＜インストール＞
＜使い方＞
＜更新履歴＞
＜コメント＞

Light Formatterは、PukiWikiっぽいタグを導入できるWordPress用のプラグインです。

とはいってもまだ目次出力／テーブルタグ／改行／行頭インデントしか実装されていません :-)

WordPressデフォルトのTinyMCEでテーブルを作ろうとするとプラグインをインストールしないといけないし、プラグインを入れてもテーブルを書くのが面倒だ！とか、Wikiスタイルを実現するプラグインを使いたいのにWiki本体をインストールするの面倒なんですけど・・・という方におすすめです。

＜ダウンロード＞ ↑

Light Formatter 0.2をダウンロードする（ver0.2）

＜インストール＞ ↑

アーカイブをダウンロードして解凍し、Wordpressインストールディレクトリ内のwp-content/plugins以下へアップロードしてください。
管理画面にてプラグインを有効化してください。

＜使い方＞ ↑

（1）テーブルタグ ↑

先頭と末尾、項目の間に「|」をつけると、テーブルタグに変換します。
「|~」のようにチルダをつけると、そのセルはthタグとして出力されます。
テーブル記述の先頭に「|##{オプション[, オプション…]}|」を書くことで、出力されるテーブルにスタイルを設定することができます。複数オプションを指定したい場合にはカンマ区切りで記述してください。オプションの書き方は次の通りです。
- table_style={tableタグ用のCSS記述}
- tr_style={trタグ用のCSS記述}
- th_style={thタグ用のCSS記述}
- td_style={tdタグ用のCSS記述}
セルごとにスタイルを指定したい場合には、「|##{オプション}##」のように指定します。
- style={指定セル用のCSS記述}
- id={指定セル用のid指定}
- class={指定セル用のclass指定}

[テーブル記述例（1）]

    |~ラベル1|~ラベル2|~ラベル3|
    |カラム1|カラム2|カラム3|
    |カラム1|カラム2|カラム3|
    |カラム1|カラム2|カラム3|

↓ 実際の表示内容はこちら

ラベル1	ラベル2	ラベル3
カラム1	カラム2	カラム3
カラム1	カラム2	カラム3
カラム1	カラム2	カラム3

[テーブル記述例（2）スタイルを色々指定]

    |##id=table_id1,class=table_class1,table_style=border-collapse:collapse;, th_style=border:3px solid #9f9;, td_style=border:3px solid #9f9;padding:5px;|
     |~##style=color:#99f;,id=th_id1##ラベル1|~ラベル2|~ラベル3|
    |##id=td_id1##カラム1|カラム2|カラム3|
    |カラム1|カラム2|カラム3|
    |カラム1|カラム2|カラム3|

↓ 実際の表示内容はこちら

ラベル1	ラベル2	ラベル3
カラム1	カラム2	カラム3
カラム1	カラム2	カラム3
カラム1	カラム2	カラム3

[テーブル記述例（3） tablesorterを使用]

    |##class=tablesorter|
    |~商品名|~産地|~値段|
    |こんぶ|北海道|580円|
    |わかめ|岩手|298円|
    |大根|埼玉|230円|

headタグ（header.php）の中に↓を書いておく。

<link rel="stylesheet" href="/script/jquery/plugins/tablesorter/themes/blue/style.css" type="text/css" media="screen" />

<script type="text/javascript" src="/script/jquery/plugins/tablesorter/jquery.tablesorter.js"></script>

<script type="text/javascript">

jQuery(function(){

    var $sorttables = jQuery("table.tablesorter");

    var $sorttables_tr = $sorttables.find("tr");

    jQuery($sorttables_tr).parent("tbody").replaceWith($sorttables_tr);

    $sorttables.find("tr:gt(0)").wrapAll("<tbody></tbody>");

    $sorttables.find("tr:eq(0)").wrap("<thead></thead>");

    $sorttables.tablesorter();

});

</script>

↓ 実際の表示内容はこちら

商品名	産地	値段
こんぶ	北海道	580円
わかめ	岩手	298円
大根	埼玉	230円

（2）改行 ↑

行末に「~」をつけると改行を行います。WordPressに勝手に改行を削除されるときなどにお使いください。
「~~~」などと複数並べるとその数分改行します。

（3）行頭インデント ↑

行頭に「^」をつけると半角スペース2個分のインデントを行います。WordPressに勝手にスペースを削除されるときなどにお使いください。
「^^^」などと複数並べるとその数分インデントを行います。

（4）目次出力 ↑

投稿内容やページ内容の最初のほうに、「#contents」とだけ書いてみてください（#の前にスペースなどがあるとうまく動きません）。ページ内の<h1>～<h6>を探して、目次を作ってくれます。

＜更新履歴＞ ↑

2008/2/16：Ver 0.1を公開。
2008/5/25：Ver 0.2を公開。目次出力（#contents）機能の追加と、テーブル出力機能の機能拡張。

＜コメント＞ ↑

こぶたのラッパさん:
2008/2/16 at 7:28 PM

WordPressでテーブルタグを使いたい – Light Formatterを作ってみました…

WordPressで投稿やページにテーブルタグを使おうとすると意外に大変なんですね。
WordPressのプラグインサイトで探してみても、ちょうどいいのが見つからない。。

WP-Table
→テーブルタ…

こんにちわさん:
2008/4/7 at 12:54 AM

wordpress2.5でもこのプラグインは使えますか？？

2.5に使ってみたんですが、入力した文字列がそのまま表示されてしまうのでうまく動作できない状態です。。。

smilkobuta さん:
2008/4/7 at 12:25 PM

まだ2.5を入れてなかったので、ちょっと試してみますね。

WordPressでの投稿時に改行やインデントをしてくれるプラグイン | Web&MUSICブログQUALL さん:
2008/4/13 at 5:27 PM

[…] Light Formatter 詳しい使い方はhttp://hello.lumiere-couleur.com/2008/02/16/light_formatter/ […]

wordpress投稿時の改行 « ITソルーションさん:
2008/5/7 at 5:19 PM

[…] Light Formatter -WordPressプラグインこちらは、PukiWiki風に入力ができるプラグインで、2.5＋visual editorであっさり動いた。おまけに、テーブルとかも簡単に記述できるようになるので、お勧めではないだろうか？なにせ、wordpressでは、テーブルを投稿するのに、かなり無理がある、。もちろん、”~”を行末に入力するというのは、特殊処理だが、そのあたりを説得できるかどうかがポイントとなる。 […]

nori さん:
2008/5/21 at 1:30 PM

こんにちわ。
これめちゃ便利で使わせてもらってるんですが
オプションでstyleと同じようにClassとIDを指定できたら最高です。。

smilkobuta さん:
2008/5/25 at 12:54 PM

noriさん、こんにちは。コメントありがとうございます。
ご要望のclassとid指定を作ってみました。

ついでに#contentsで目次をつける機能も加えてVer 0.2としましたので、よかったらお試しください。

aki さん:
2008/5/29 at 4:42 PM

はじめてコメントさせていただきます。
便利なプラグインですね。

行頭インデントなのですが、投稿フォームにて改行していない一行分の文字データについて＾の効果が続いてくれると使いやすいと感じました。

＾●見出し・・・・・・・・・・・・・・・見出し最後尾
＾＾○小見出し
↓

●見出し・・・・・・・・・・・・・・・・・・・
見出し最後尾文字
　○小見出し

こうなってしまうので。

smilkobuta さん:
2008/5/31 at 1:59 PM

今日やっとWordPress 2.3.3からWordPress 2.5.1にバージョンアップしました。
Light Formatterプラグインも正常に動いてくれています。

akiさん、コメントと機能のご提案をどうもありがとうございます。
確かにインライン要素の場合に複数行になるとインデントされなくなるので、見た目が悪いですね。
インライン要素をブロック要素で囲むよう、修正してみます。
ブロック要素で囲まれるとまずいケースもあるはずなので、使い分けできるように工夫してみます。

joki さん:
2008/6/8 at 5:15 PM

はじめまして、今日このプラグインをインストールさせていただきました
大変重宝しております。と言うわけで早速こちらのBlogもLDR行きとなりました(^-^)

ちょくちょく遊びに来させていただきます！

nori さん:
2008/6/12 at 10:26 AM

遅くなりました。。

ありがとうございます！
classとID重宝してます

mos さん:
2008/7/9 at 10:33 AM

はじめまして。プラグインを試しているのですが、cssをWordPressのテーマのほうで一括管理したいのですが、どうもうまく働きません。
何か方法がありますでしょうか？
またテーブル全体をdivなどで囲んでも出力では消えていますが、有効にする方法はありますでしょうか？

よろしくお願いいたします。

smilkobuta さん:
2008/8/13 at 12:29 PM

＞mosさん
こんにちは！

・cssをWordPressのテーマのほうで一括管理
Light Formatter自身はインラインcssしか出力していませんので、「table.lftable { … }」のようにWordPressのテーマ側のcssで記述すれば問題ないはずですよ。

・テーブル全体をdivなどで囲むと出力では消える
divとかpは、WordPressが勝手に消したりしてよく分からないですよね。
このページのサンプルtableも、前後にdivがありますが、table以外の要素も含まれているためか、消されずに残っています。
mosさんも、何か別の要素を足してみたりしてお試しください。

「今を生きる」管理人さん:
2008/8/23 at 8:16 PM

素晴らしいプラグインをありがとうございます。

ずっと、ＷＰで複数行改行したいと思っていたので、
とても助かりました。

smilkobuta さん:
2008/8/23 at 10:10 PM

よくよく考えてみると、複数行改行するのって、普通の文章を書いていれば普通にありうるはずなんですけどね・・・

コメントありがとうございます！

Test | 『空と大地と犬達と』さん:
2009/1/27 at 6:20 PM

[…] どぉ～なんでしょうかね？プラグインに brBrbr と、 Light Fomatter　を追加してみました改行がうまくいくのでしょうか？ […]

我が家の道具 | 『空と大地と犬達と』さん:
2009/2/1 at 3:42 PM

[…] や　Light Formatter […]

CMSとしてのWordPressでサイト構築をするときに便利な13のプラグイン | 5509 さん:
2009/4/16 at 6:39 AM

[…] Light Formatter […]

クイックウェブ » Blog Archive » WordPressでサイト構築をするときに便利な13のプラグインさん:
2009/4/17 at 6:11 PM

Taka さん:
2009/5/3 at 5:09 PM

こんにちわ。今日から使ってます。
質問なのですが、jQueryの「Tablesorter」と併用する場合、以下の様にテーブルを作りたいのですが、何か提案頂けたら嬉しいです。

THタグをtheadタグで囲み、TDをtbodyタグで囲みたいのです。
例：(を-で置き換えてます)
-table id=xxxx-
-thead-
-tr-
-th–/th–th–/th–th–/th-
-/tr-
-/thead-
-tbody-
-tr-
-td–/td–td–/td–td–/td-
-/tr-
-/tbody-
-/table-