2016-04-29 21 views
1
私はセット装備の画像ボタンがクリックされたときに示しモーダルを追加したい

にカスタムモーダルを追加する方法。私は現在、必要な画像の最小幅と高さを説明する簡単なjqueryアラートを持っています。PHP - 管理者の編集記事ページ

jQuery(document).ready(function(){ 
    jQuery('#set-post-thumbnail').click(function(){ 
    alert('Thumbnail/Featured images need to be at least width: 450px by height: 640px; '); 
    }); 
}); 

私はエンドユーザーがコンピュータ読み書きではないとして、より包括的な視覚的な説明を持ってできるようにしたいと思います。

私はThickBoxのようないくつかのオプションを試してみました:私の个人设定ページに素晴らしい作品が、私のPHPの知識が私の機能に追加するにはどのように適切なグリップを得るために十分ではありません

add_thickbox(); 
<a href="your url" class="thickbox">click here</a> 

。 phpまたはposts.phpを編集して、投稿の編集ページで作業するポップアップを表示します。事前に

感謝:)

+0

があり、これを試してみてください、あなたはボタンがクリックされたときに、それは私が何の問題これを行うことがありませんすることができますが、私は必要なブートストラップモーダル –

+0

を開いて欲しいれますこれをphpによって完全に生成されたedit-post.phpファイルのサイトの管理者側に統合する方法を知っているので、これを追加するのは私が知っている限りブートストラップ・モーダルを追加するだけでは簡単ではありません。 ありがとうございます。 –

答えて

0

はここfiddle

 <h2>Animated Modal with Header and Footer</h2> 
    <!-- Trigger/Open The Modal --> 
    <button id="myBtn">Open Modal</button> 
    <!-- The Modal --> 
    <div id="myModal" class="modal"> 
     <!-- Modal content --> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <span class="close">×</span> 
       <h2>Modal Header</h2> 
      </div> 
      <div class="modal-body"> 
       <p>Some text in the Modal Body</p> 
       <p>Some other text...</p> 
      </div> 
      <div class="modal-footer"> 
       <h3>Modal Footer</h3> 
      </div> 
     </div> 
    </div> 
+0

はい、これは私が何をしたいだろうが、私はentirelly限り、私は知っていますとPHPによって生成されたワードプレスの管理編集ページファイルにこれを挿入する必要があります。 –

+0

そのOK、これが唯一のHTML&CSSのコードで、あなたはそれはあなたがして編集目的のために使用し、モーダルにフォームを追加するとjQueryを使用して値を置きたい、ワードプレスでそれを使用することができます。 –

+0

私はこの何の問題を理解していないが、このページは完全にこれは私が持っている問題であるPHPによって生成されるどのように私はワードプレスの管理者側で編集post.phpファイルにこれを追加します。 –

関連する問題