Wordpress admin内からのモーダルウィンドウ


14

ワードプレス管理者内からモーダルウィンドウを機能させるにはどうすればよいですか?

wp-admin内のメタボックスから機能するモーダルウィンドウを作成します。

何か案は?


2
50%はかなり低いです。古い質問に戻って正しい答えを受け入れることを忘れないでください。「未回答」の山からそれらを取り除き、他の人がより簡単に解決策を見つけるのを助けます。また、OPが応答することを知っている場合、人々はより積極的に回答を提供します。:)
スティーブンハリス

回答:


16

アンカーにthickboxのクラスを与え、次を使用してthickboxスクリプトが管理ページに登録されていることを確認してください add_thickbox

add_thickbox();

そして

<a href="your url" class="thickbox">click here</a>

add_thickboxここで何が起こるかを見ることができます:

http://hitchhackerguide.com/2011/02/11/add_thickbox/


2
thickboxをエンキューする必要はないかもしれないと思います:編集後ページで自動的に(少なくともいくつかのインスタンスで)エンキューされます。も参照してくださいadd_thickbox()
スティーブンハリス

それでは、どうすればhtmlを取り込むことができますか?
Shae

your url、それはIFRAMEにアンカーのURLをロードする
トム・J Nowell

1
モーダルのみのブートストラップcssとJSをエクスポートし、ダッシュボードに取り込む-_-に40分かかりました。これを行うのに30秒
かかったかもしれません...-アルコニック

25

シックモードをインラインモーダルウィンドウに使用するには、次のコードを使用できます。

<?php add_thickbox(); ?>

<a href="#TB_inline?width=600&height=550&inlineId=modal-window-id" class="thickbox">Modal Me</a>

<div id="modal-window-id" style="display:none;">
    <p>Lorem Ipsum sit dolla amet.</p>
</div>

http://codex.wordpress.org/ThickBox


1
また、タイトル属性をリンクまたはボタンに追加することにより、モーダルウィンドウのタイトルを設定することもできます。<a href=" YOUR LINK "title=" MODAL WINDOW TITLE" class=" thickbox "> Modal Me </a>
アントン
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.