Html Popup header.php

Html Popup header.php,html,wordpress,popup,popupwindow,Html,Wordpress,Popup,Popupwindow,我想在header.php中插入弹出窗口。 我想要一个带有图像的弹出按钮。 屏幕示例: 我希望用户点击按钮“contatta il dj”弹出窗口自动打开 在header.php中,这是一个代码: <a class="tile" style="background-image: url( 'http://s8.postimg.org/az38crnn5/party_dj_adelaide_icon1.png' ); background-position: center 13px; ba

我想在header.php中插入弹出窗口。 我想要一个带有图像的弹出按钮。 屏幕示例:

我希望用户点击按钮“contatta il dj”弹出窗口自动打开

在header.php中,这是一个代码:

<a class="tile" style="background-image: url( 'http://s8.postimg.org/az38crnn5/party_dj_adelaide_icon1.png' ); background-position: center 13px; background-repeat: no-repeat;" href="http://www.specialradio1.altervista.org/contattaildj">
<span class="tile-title">CONTATTA IL DJ</span></a> 

但是我想要一个弹出窗口,请帮帮我好吗

  • 创建一个弹出窗口HTML

      <div class='popup_window'>
          Put Your Content Here
      </div>
    
  • JS

       .popup_window{ display: none; position: fixed; top: 10%; left:50%; transform:translateX(-50%); }
    
    $(".tile-title").on("click", function(){
        $(".popup_window").
      });
    

  • 马萨诸塞州非capisco的Grazie molto:1)creo popup con blocco便条?Dove inserisco il文件?内特米卡特拉?2) js、“titolo tegola”Devo cambiare con il nome del tasto?如果您希望在所有页面上添加,请添加到footer.php,否则请添加到相应页面。我应该在您的内容中写什么?2) 我可以在header.php中插入弹出式HTML代码,或者用记事本创建新文件?3) 我必须改变什么?(瓷砖标题)我用按钮的名称来更改?感谢您的帮助替换“将您的内容放在此处”无论您想在弹出窗口中显示什么(文本、图像、html代码),您都可以将其插入header.php,将JS放入JS文件中,必须在主题中,是的,您可以更改按钮的名称,使用相同的class属性。正在工作,但打开时页面是空白的。屏幕:请帮帮我