詳しくはreadme_pleiades.txtを参照ください。readme_pleiades.txtより、設定方法部分だけ以下に抜粋します。ディレクトリーにコピー。以降で必須で、これを指定しないと起動できなかったり、一部の機能が正常に動作しない可能性があります。起動オプション参照してください。最低限1と2だけ行えばEclipseが日本語化されます。出来ていたりと色々なアップデートが加えられているようです。Eclipseを試してみつつ、IDE探しの旅引き続き行ってまいります。コメントを残すBootstrapで作られたWEBサイトを見たまま印刷(プリントアウト)する方法Boostrapを使って作ったサイトをPC用の表示で印刷したい!Bootstrap利用して構築してあるWEBサイトを印刷すると、見たままの状態では印刷されず、紙媒体でも読みやすいように印刷時にレイアウト等が変更されて印刷されます。以下のURLで印刷プレビューしてもらうと、Bootstrapのデフォルトの印刷スタイルを確認出来ます。http://onocom.net/code/bootstrap-print/default.htmlこれは、Bootstrapには予め印刷用のスタイルが定義されており、それが印刷時に適用されるためです。・リンクテキストの後にリンク先のURLが表示される!(ハイテク!)・背景がすべて消える(インク代節約!)・レイアウトがシンプルになる(タブレットやスマホ用に近い、コンテンツを読みやすいレイアウトになる!)などなどが含まれます。デバイスに応じて適切なスタイル(CSS)を定義すべきという素晴らしい思想だと思います。そんなことクライアント様には関係ないようで「印刷用のスタイル?わけがわからない。安く作ってくれればいい。」「印刷すると壊れる!(印刷するとレイアウト崩れておかしくなるの意)」などありがたい意見を頂くことがあります。印刷する環境はやはりPCなので、PC表示を印刷できるようにして欲しい。印刷]とかで調べると、印刷時のURLを消す方法とかはよく出てくるのですが、見たまま印刷する方法って意外と出てこないので頭を抱えておりました。私以外にもそういうお声に頭を悩ませている方がいることを願い、今回、Bootstrapで見たまま印刷する。いう方法に真っ向から立ち向かってみました。お役に立てれば幸いです。以下の手順でBootstrapサイトを見たまま印刷できるようにしていきます。print)を削除してあげます。目視で該当部分を削除する方法もありますが、公式サイトのカスタマイズページやSass・Lessを使った方が間違いないでしょう。いうことでここでは、Bootsrap公式サイトのカスタマイズページを利用する前提で話を進めます。download)http://getbootstrap.com/customize/このページはBootstrapのカラム幅や色など、多岐にわたるカスタマイズをウェブ上から簡単に行えるページです。以下の方法で印刷用のスタイルを除外したBootstrapを取得します。styles」というチェックボックスのチェックを外し、一番下までスクロールします。Download」というボタンがあるのでクリックしてダウンロードします。ダウンロードしたZIPファイルには印刷スタイルの含まれないBootstrapが出来上がっています!すごい簡単!1-3:ダウンロードしたZIPファイルの中からbootstrap.css,bootstrap.min.cssをコピーして現在のサイトで使っているBootstapファイルを上書きします。ここまでの操作でBootstrapで構築されたサイトを印刷プレビューしてみましょう。以下のURLで印刷プレビューしてもらうと、このステップが完了した状態の印刷スタイルを確認出来ます。http://onocom.net/code/bootstrap-print/step1-complete.html当初より大分改善はされているものの、スマホやタブレットのようなレイアウトになっているかと思います。手順2でその部分を改善していきます。蛇足ですが、ダウンロードしたZIPファイルには「config.json」というファイルが含まれています。このファイル先ほどBootstrapのカスタマイズページの上部からアップロードしてあげることでカスタマイズ情報を引き継ぐことができます。そのため、Bootstrapのバージョンが変わってもこのファイルをアップロードして再度Bootstrapをダウンロードすることで、印刷スタイルの定義されていないBootstrapのCSSファイルを簡単にダウンロードできるのです。印刷用スタイルの定義されていないbootstrap.cssを利用すると印刷が見たままに多少近づきますが、レイアウトがスマホやタブレットのようになりがちです。そこで私が特別に作った黒魔術のようなCSS(bootstrap-print.css)を以下からダウンロードしてサイトに適用してあげます。bootstrap-printhttps://github.com/onocom/bootstrap-printするとどういうことでしょう。印刷プレビューがPC表示のままで印刷出来るようになっていませんか!?PC表示のまま印刷出来るという方はここまでで作業終了。以下のURLで印刷プレビューしてもらうと、印刷対応が全て完了した状態の印刷スタイルを確認出来ます。http://onocom.net/code/bootstrap-print/index.htmlもし、一部印刷が上手く出来ない方は3.微調整を行っていきます。微調整サイトによっては(と言うか殆どのサイトでは)、2の調整用のCSSを導入しただけでは細かな部分でおかしい箇所が出てくると思います。そこは印刷調整用のCSSに追記するなどして一個ずつ潰していきましょう。(@print)を作成して最終調整を行います。*/}さぁ、これで印刷パーフェクトになったはずです!まとめここに辿り着くまでに意外と時間がかかりました(^_^;)印刷調整用CSSはまだまだ改良の余地があると思いますので、お気づきの点などあればリクエストをお願いします。セレクトボックスで選択した値で表を絞り込む方法(プラグイン不使用、動作デモ、サンプルコード有)表を検索したい!簡単に!都道府県別にある情報を簡単に絞り込みたい。セレクトボックスに47都道府県の情報をあらかじめ設定しておきセレクトボックスを選択すると該当の都道府県を検索(絞り込み)する。いうかたちで実装を考えました。テキストボックスだと入力するの面倒だし、都道府県で絞り込みたいだけなのでこのような形でどうだろうと。jQueryのプラグインが色々とありましたが、自分でも簡単に表検索の仕組みが実装できそうだったので実装してみました。参考になればと思い、ソースコードとデモサイトを作ったのでご活用下さいませ。動作デモ・ソースコード動作デモhttp://onocom.net/code/japan-prefecture/ソースコードhttps://gist.github.com/onocom/904991e984f1da14ef6e1d156bc6e570ライセンス:WTFPL好きに利用して改変して下さい。実装したことセレクトボックスで選択した値(value)で表を検索(絞り込み)する機能を実装します。ソースと解説ソースコードサンプルと合わせてご覧くださいませ。1.表を作る取り敢えず検索するための表を作ります。今回、都道府県の一覧表を作りました。theadに見出しを。tbodyにデータを記述しましょう。所在地</td><td>最大都市</td><td>地方</td></tr></thead><tbody><tr><td>01</td><td>北海道</td><td>ほっかいどう</td><td>札幌市</td><td>札幌市</td><td>北海道</td></tr><tr><td>02</td><td>青森県</td><td>あおもりけん</td><td>青森市</td><td>青森市</td><td>東北</td></tr>・・・</tbody></table>2.都道府県選択用のセレクトボックスを作る表を絞り込む為のセレクトボックスを作ります。value="青森県">青森県</option>・・・</select>optionタグのvalueに検索キーワードを割り当てます。valueの値で検索をかけるので、以下のようにvalueと異なる表示を設定してもOKです。value="青森県">青森県で絞り込む</option>また、最初のoptionのvalueは空にしておき、絞り込み解除用に使います。3.JavaScriptを組むキモとなるJavaScriptのコードは以下のように記述します。コメントで処理を補足しておりますので、参考にしてみてくださいませ。"none");}});});});まとめあえて、一般的なテキスト入力で絞り込む方法をせず、セレクトボックスで絞り込むようにしてみました。検索ワードが固定されている場合、この方が操作しやすいと思います。上記を応用すれば、テキスト入力やラジオボタンで絞り込みなんてことも簡単に出来ます。お役に立てば幸いです。9件のコメントWordPressの検索フォームのカスタマイズ!カスタムタクソノミーを検索条件に追加する方法WordPressの検索フォームをカスタマイズしようWordPressの検索フォームはキーワードを入力するテキストボックスと、検索を実行する検索ボタンで構成されています。この検索フォームにカスタムタクソノミーを指定する方法をご紹介します。検索条件にカスタムタクソノミーを追加しよう以下の順序で検索フォームをカスタマイズしていきます。テーマフォルダに追加しようまずやることは、searchform.phpというファイルをテーマフォルダ内に追加することから始めます。中身は取り敢えず空で大丈夫です。エディタで開いて以下のように書き換えます。タクソノミースラッグ(以下例だとpref)をご自身のサイトに付け加えてあげてください。以下部分をコピーして、formタグ内に追加することで、複数のカスタムタクソノミーからのAND条件検索も行えます。カスタマイズした検索ボックスを呼び出し検索ボックスを表示させたい箇所のテンプレート(sidebar.php等)に以下のコードを記載します。?>これでカスタマイズした検索ボックスが表示されるはずです。CSSの調整等はよしなにしてくださいませ。まとめ結構簡単に検索条件にタクソノミーを追加できた!その他にも、特定の日付範囲内の記事を検索する。やろうと思えば出来ます。その場合、上記以外にも修正が必要です。それはまた気が向いたら追記しようかな。