Question

我尝试在我的博客模板上添加小部件，我确实做了它应该做的事情，小部件出现在我的网站上，但为什么它没有出现在移动视图中？

实际上，我想添加类似于Box小部件的Facebook。我做了Facebook告诉我的所有事情：

<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 = &quot;//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;appId=[MyAppId]&amp;version=v2.0&quot;;
fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script>

我还将插件小部件的代码放在我的页面上：

<div class="fb-like-box" data-href="[MyFbPageUrl]" data-width="250" data-height="200" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false"></div>

但是当我在移动设备上查看我的博客时，小部件确实没有出现。我是否应该添加一些额外的代码才能显示出来，我将非常感谢您的帮助。

*顺便说一下，我自己从头开始制作模板。

Answer 1

我看了你的帖子，根据你的说法，它出现在桌面上但不在移动视图中。您可以按照以下步骤在一秒钟内显示它：

转到博客并导航到布局。
编辑包含上述代码的小部件。
找到小部件的ID ...您可以在打开的窗口的链接中找到小部件的ID。
找到后转到模板并进行编辑。
点击跳转到小部件...并选择您在步骤3中找到的ID。
当您跳转到小部件时，您将看到此行：

b：widget id =＆＃39; HTML9＆＃39;锁定=＆＃39;假＆＃39;标题=＆＃39;＆＃39;类型=＆＃39; HTML＆＃39;
只需添加此手机=＆＃39;是＆＃39;整行应该如下

b：widget id =＆＃39; HTML9＆＃39;锁定=＆＃39;假＆＃39;标题=＆＃39;＆＃39; 移动=＆＃39;是＆＃39; 类型=＆＃39; HTML＆＃39;
保存您的模板，您已完成...现在请在手机中查看您的博客。

如果小部件仍然无法显示，请点击以下链接。

来源链接：http://101helper.blogspot.com/2014/07/how-to-show-widget-in-mobile-view-in.html

窗口小部件博主不会出现在移动视图中

1 个答案: