Wordpressで別ウィンドウでソース・ファイルを表示したい

Question

ランディングページで、サンプルのソース・ファイルを提示したいのですか、それをそのままページに貼り付けると説明が間延びしてしまうため、ポップアップ・ウィンドウで表示したいです。
しかし、色々プラグインを調べて見たのですが、多くのものは別タブを開いてそこへ表示するか、ブラウザ・ウィンドウを暗転させてそのウィンドウ内にモーダルでポップアップするものばかりでした。

なぜ、普通にポップアップ・ウィンドウを開くプラグインがほとんど無いのでしょうか？
また、そのようなポップアップできるプラグインをご存知ないでしょうか？
実は１つだけ見つけることができました。
しかし、最新のWordpressには対応していないようで、Wordpressのデバッグログに警告が多発しているのでできればこれは避けたいのです。

もしくは、ポップアップ・ウィンドウではない方法で、ユーザがソースを見たり説明を読んだりを交互に自然にできるような表示方法はないでしょうか？

Answer 1

同じ画面内でソースと解説の見比べをするのであれば、ポップアップせずともページを左右に分割するなどの方法があると思います。ざっくりとした説明になりますが、facebookタイムラインの左側が全部コードで、右側がそれに対する解説、みたいな感じ（という書き方で伝わるといいな）。

あとはツールチップ系のプラグインとか。（すみませんが列挙しながらどれも使ったことがありません）

【WordPress - ツールチップ実装プラグイン「WordPress Tooltip」】
http://kwski.net/wordpress/1092/

【【WordPress】ホバーで表示。ツールチッププラグインTipso】
http://voyager-jp.com/blog/wp/tipso/

【WordPress 上の文章に辞書ツールチップを表示するプラグイン Explanatory Dictionary | Lonely Mobiler】
http://loumo.jp/wp/archive/20140424001803/

【LakesideNet: シンプルなWordPress用のツールチッププラグイン】
http://lakesidenet.blogspot.jp/2012/09/wordpress.html

Comments

[Chironian]

回答ありがとうございます。

ツールチップは盲点でした。でも、どうも１行しかサポートしてないようです。
Explanatory Dictionaryは縦に長いウィンドウも表示してくれますが、改行がなくなってしまいました。

ソースはそれほど長くないので、長いページを左右分割と画面の上下に多量の空きが出る割に幅をたくさん使うのでいまいちだろうと思います。（やり方も見当が付かないです。）

意外に難しいです。

ページ内にソースを埋め込むしかないのかも？　ここのソースの埋め込みみたいに開いたり閉じたりできるプラグインがあると良いのですか．．．

[shiho_k]

wordpress トグル　プラグイン　で調べてみました。
https://bita.jp/blog/arconix_shortcodes

[Chironian]

shiho_kさん、情報ありがとうございます。

実は私も「wordpress ソース 開く 閉じる」でググってArconix Shortcodesを見つけて今トライしているところです。
これだけだと、ソースのインデントがなくなってしまうので、Gistと組み合わせてみようとしています。

【追記】
中々良さそうです。お手軽に埋め込みもできました。

Answer 2

下記のようなプラグインはいかがでしょうか？
http://kwski.net/wordpress/1090/
（モーダルウィンドウ含む）

Comments

[Chironian]

回答、ありがとうございます。

やってみましたが、元のウィンドウが暗転してしまいます。
これではユーザさんは説明をみながらソースを確認できないと思います。

もしかして、ウィンドウを暗転させず、モードレスにする設定があるでしょうか？

Answer 3

結局、shiho_kからも情報提供頂いたArconix ShortcodesとGistを使って対処しました。
本当はshiho_kさんにBAしたいのですが．．．

Comments

[shiho_k]

解決できたようで良かったです！