Question

我想在几个WordPress页面中嵌入一个iFrame。每个页面都将使用不同的iFrame内容。这适用于商业网站，因此需要第一个iframe作为客户的登录信息。不同WP页面上的后续iframe将用于产品搜索，结帐...（（我的问题在底部））

在header.php中，我放置了一些初始代码，我需要将其包含在每个WordPress页面中。
我在每个页面的主体中添加了iframe。
我需要将iframe初始化为特定的iframe内容。我想在结束</body>标记之后放置此代码，如下所示：

 <html>
    <head>
     <script>
      var absDomain =  "http://www.webstore.com/"
      var iframeObj;
      var timestampString = '' + new Date().getTime() + ''
       document.write('<script type="text/javascript" src="' + absDomain + 'Support.js?'+timestampString+'"><\/script>');
       document.write('<script type="text/javascript" src="' + absDomain + 'ProductSearch.js?'+timestampString+'"><\/script>');
       document.write('<script type="text/javascript" src="' + absDomain + 'Environment.js?'+timestampString+'"><\/script>');
      function gotoIframe(theLocation){
        var timeStamp = "";
        iframeObj = document.getElementById("iframeContent");
        timeStamp = "&" + new Date().getTime();
        iframeObj.src = absDomain + theLocation + "?iframe=yes" + timeStamp;
      }
      function executeIFrameProductSearch(str1, str2){
        goTo_CategoryForIframe(str1, str2, document.getElementById("iframeContent"));
      }
     </script>
    </head>
    <body>
      <!-- iFrame embedded below -->
      <iframe id="iframeContent" style="width:100%;height:500px; " src=""></iframe>
    </body>
     <script>
      //script needed for initial iframe page and iframe support.
      iframeObj = document.getElementById("iframeContent");
      gotoIframe("CustomerLogin.html");
     </script>
    </html>
    //After the above code section (after the </body> tag) is embedded into the Login page, I expect to use:
    //Customer Login:
    <a href="javascript:gotoIframe('CustomerLogin.html')">Customer Login</a>
    //Product Search:
    <a href="javascript:gotoIframe('ProductSearch.html')">Product Search</a>

问题：在哪里插入每个特定WordPress页面的结束标记之后的代码？感谢。

Answer 1

将标签放在body标签后无效，但如果你真的想这样做，你可以看看主题的footer.php。

例如，您可以在footer.php中找到这样的代码：

<?php
    </div><!-- close tag for content container -->
?>
    <footer>
    <!-- footer content -->
    </footer>
    </body>
    <!-- here is the place to put your code -->
</html>

Answer 2

将此功能复制并粘贴到functions.php文件中

<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<style type="text/css">
    span.mce-txt:before {
        content: "\f301";
        font-family: FontAwesome;
    }
</style>

}

add_action（＆＃39; wp_footer＆＃39;，＆＃39; your_function＆＃39;，100）; //这将在每个页面的body标签之后添加脚本

其他选项将是 //其余的functions.php在这一行或任何地方之上！

function yourprefix_scripts_after_opening_body_tag（）{ $ javascript = file_get_contents（get_template_directory（）。＆＃39; /js/opening-body.js'）; 回声＆＃39;＆＃39; 。 $ javascript。＆＃39;＆＃39 ;; }

add_action（＆＃39; yourprefix_after_opening_body_tag＆＃39;，＆＃39; yourprefix_scripts_after_opening_body_tag＆＃39;）;

将此代码粘贴到您要显示的footer.php中

如何在WordPress

2 个答案: