ThickBoxの交換


9

Media Uploaderで使用されているThickBoxの代替品を探していますが、残念ながら失敗しました。

Media Uploaderの活用方法に関する検索は失敗し、モーダルウィンドウに使用されるスクリプトについては何も起こりません。

誰かが私を助けてくれますか?Media Uploaderが使用しているのと同じモーダルを使用する方法はありますが、ThickBoxで可能だったようにカスタムコンテンツをその中に配置する方法はありますか?


これはフロントエンドまたはバックエンドで使用するためのものですか?
Baerkins 14

バックエンド。標準のメディアアップローダーのようにライトボックスを使用しようとしました。私はそれがシックボックスの交換ではなく、特にメディアアップローダー専用に作られたモーダルであり、シックボックスのように再利用できないことを発見しました。私はThickBoxの使用している
Domagoj

2
彼らはバックボーンを使用していると思いますこれはjsgithub.com/WordPress/WordPress/blob/master/wp-includes/js/…です。私のプラグインにはColorboxを使用しましたjacklmoore.com/colorbox
グラップラー

underscore-templatesと、それらがwp-viewsおよびwp.mediaオブジェクトとどのように相互作用するかを確認する必要があります。残念ながら、それは十分に文書化されていません。
NoBugs 2014

回答:


1

価値のあるものとして、私は新しいメディアアップローダーをプラグインに統合しました。これにより、管理者はURLをコピー/貼り付けする代わりに、標準のメディアダイアログからメディアを選択またはアップロードできます。うまくいくようです。

私はあなたが探しているかもしれない答えをここに投稿しました。

トム・マクファーリンは先月現在、作品に tuts +シリーズを持っています。

役立つ他のリンク:


1

Media Uploader以外のコンテンツを持つポップアップを使用したいというご質問について、私は理解しています。これを実現するには、次の手順に従います。

  1. このコードを追加して、thickboxスクリプトを含めます。

    <?php
    add_action('init', 'init_theme_method');
    function init_theme_method() {
    add_thickbox();
    }
    ?>
    
  2. ポップアップを表示するクリック可能な要素にclass = 'thickbox'を追加します。

    <input alt="#TB_inline?height=300&amp;width=400&amp;inlineId=examplePopup1" title="add a caption to title attribute / or leave blank" class="thickbox" type="button" value="Show Thickbox Example Pop-up 1" />
  3. 最後のコードには、inlineIdパラメータがあることに注意してください。これは、ポップアップボックス内に表示されるコードになります。

       <div id="examplePopup1" style="display:none">
        <h2>Example Pop-up Window 1</h2>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sed laoreet est. Etiam nec nibh aliquam leo maximus hendrerit. Aliquam velit erat, pretium eget faucibus ut, ullamcorper in sapien. Nulla dignissim turpis et pharetra vestibulum. Nulla et mattis eros. Integer consequat, odio sed gravida bibendum, dui purus viverra nisl, nec fringilla ante nibh non lorem. Morbi at tristique diam. Mauris et aliquam tellus, vehicula dapibus odio. Maecenas vulputate turpis ac orci fringilla, id cursus augue mollis. Aliquam sit amet ligula tellus.
    
    
        <strong>Just click outside the pop-up to close it.</strong>
        </div>
    

これが役に立てば幸い

ソース:ThickboxでWordPressブログにポップアップウィンドウを作成する


これは古い質問であることに気づきましたが、未回答の質問リストのリストの一番上にありました。
カリマ2015
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.