Question

我正在创建一个wordpress主题，我想将fb代码放入一个函数中。（我不想使用插件因为我想学习如何使用wordpress）我遇到语法问题而且似乎无法正确使用：

function fb_like_box_setup(){       
    <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
}

显然这导致了cousre的错误，所以我的问题是：如何将其包装在函数中以使其正确回显？我试图回应整个事情，但也有错误。

由于

Answer 1

使你的函数像这样，并将它添加到theme.php的主题中，以便在wordpress中随处访问它。

function fb_like_box_setup(){       
 $fbData='   <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, "script", "facebook-jssdk"));</script>';

return $fbData;
}

echo fb_like_box_setup(); //use something like this

Answer 2

function fb_like_box_setup(){       
   echo "<div id="fb-root"></div>
       <script>(function(d, s, id) {
       var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
         js.src = \"//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0\";
         fjs.parentNode.insertBefore(js, fjs);
         }(document, 'script', 'facebook-jssdk'));</script>";
   }

将fb代码添加到wordpress函数

2 个答案: