我使用了在 another thread here 上找到的一段代码在我的主题上实现“自定义 html”功能。这就像一个“置顶帖”,或一个额外的 {description} block 。它可以完美地满足自己的目的,但会干扰 Tumblr 的控制按钮。
如果用户选择不使用该功能(将该字段留空),tumblr 控制按钮就会从首页和各个帖子中完全消失。如果他们确实使用了该功能,首页将正确显示(控制按钮完好无损),但个别帖子将缺少喜欢/转发/等。控制。
我通过在帖子中添加 {LikeButton} 和 (ReblogButton} 来尝试临时解决方法,但令人费解的是,点赞按钮(但不是转发按钮)的行为方式相同 - 仅显示在首页上,或者根本不显示,取决于 {ifCustomHTML}。
这是 block :
{block:IndexPage}
<div id="index"
{block:SearchPage}style="display: none;"{/block:SearchPage}
{block:TagPage}style="display: none;"{/block:TagPage}>
{block:IfCustomHTML}
<body class="page{CurrentPage}">
<div id="customhtml">
{text:Custom Html}
</div></body>
{/block:IfCustomHTML}
</div>
{/block:IndexPage}
这里是样式,以防万一:
#customhtml {
display:none !important;
font-family: {font:Post Body} !important;
background: url('{image:Post Background}') top left fixed repeat;
color: {color:Post Body};
margin: 0 0 10px 0;
padding: 10px;
position: relative;
-moz-border-radius: {text:Corner Radius}px;
-webkit-border-radius: {text:Corner Radius}px;
border-radius: {text:Corner Radius}px;}
.page1 #customhtml{display:block}
完整代码在这里:https://raw.github.com/Teratoma/reduxredux/master/ReduxRedux
问题示例如下:http://reduxredux.teratoma.tk (向下滚动并单击第一个帖子的永久链接,然后嘿嘿!控制按钮消失了。)
我承认代码困惑且业余,但显然我仍在学习,所以我感谢任何愿意看我丑陋代码的人。
最佳答案
您的 HTML 无效。一个页面上不能有多个 body
元素,它们也不能被包裹在 divs
中。从 CustomHTML block 中删除开头和结尾的正文元素。重要的是 tumblr_controls iframe 加载(右上角的加入/关注按钮),否则类似按钮将不起作用——当您的 HTML 无效时,iframe 可能无法正确加载。解决这个问题,一切都会好起来的。
关于php - 仅在主 Tumblr 页面上的元素 - 有效但会破坏控制按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16549749/