【发布时间】:2015-03-22 07:19:42
【问题描述】:
我有一个高级模板 this。在这个显示的模板中,它的新闻小部件具有三个标签,分别是商业、时尚和技术,它们基于与标签标题相同的帖子标签。它的一个标签只有 5 个帖子,左侧 2 个大帖子,右侧 3 个小帖子。但是在我得到的溢价中,当有超过五个具有相同标签标签的帖子时,它会显示 6 六个帖子。它就像左侧的演示模板中的 2 个大帖子和右侧的 4 个小帖子,而不是 3 个小帖子。因此,它在我的网站下方的两个大帖子下方的小部件左侧留下了一个空白区域。
当我向卖家询问这个问题时,他告诉我只用相同的标签标题标记五个帖子,我认为这非常不切实际。因为这样我就不能在不删除旧帖子标签的情况下发布带有标签的新帖子。
除此之外,此高级版还有其他一些问题,例如,如果在没有标签的情况下发布了单个帖子,则头条新闻小部件会完全消失,但这是导致该网站无法使用的主要问题。
有人可以帮我解决这个问题,以便在这个新闻小部件中只显示五个帖子,如演示中所示,这样就不会像现在在我的网站中那样在小部件下方出现不必要的空白区域。
我不知道模板的哪个代码会影响更改此小部件中显示的帖子数量,但这是与此小部件相关的模板的 html 部分。如果需要任何其他代码,我可以在此处上传或发送电子邮件。
<div id='mywrapper'>
<!-- post wrapper start -->
<div id='post-wrapper'>
<div class='post-container'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='sidebartab'>
<div id='tab'>
<!--Sidebar Tabs Widgets Started-->
<div class='tab-widget-menu clear'>
<ul>
<li class='tab1'>
Business
</li>
<li class='tab2'>
Fashion
</li>
<li class='tab3'>
Technology
</li>
</ul>
<div class='clear'/>
</div>
<div class='widget1' id='tab1'>
<b:section class='stylebox1 section' id='stylebox-1' showaddelement='yes'>
<b:widget id='HTML73' locked='true' title='Business' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<div class='recent-post-title'>
<h2><data:title/></h2>
</div>
</b:if>
<div class='widget-content'>
<div class='news_pictures'>
<ul class='news_pictures_list'>
<script>
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=published&alt=json-in-script&callback=mythumb1\"><\/script>");
</script>
</ul>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='widget1' id='tab2'>
<b:section class='stylebox1 section' id='stylebox-5' showaddelement='yes'>
<b:widget id='HTML36' locked='true' title='Fashion' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<div class='recent-post-title'>
<h2><data:title/></h2>
</div>
</b:if>
<div class='widget-content'>
<div class='news_pictures'>
<ul class='news_pictures_list'>
<script>
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=published&alt=json-in-script&callback=mythumb1\"><\/script>");
</script>
</ul>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='widget1' id='tab3'>
<b:section class='stylebox1 section' id='stylebox-6' showaddelement='yes'>
<b:widget id='HTML71' locked='true' title='Technology' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<div class='recent-post-title'>
<h2><data:title/></h2>
</div>
</b:if>
<div class='widget-content'>
<div class='news_pictures'>
<ul class='news_pictures_list'>
<script>
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=published&alt=json-in-script&callback=mythumb1\"><\/script>");
</script>
</ul>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div style='clear: both;'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$('#tab .widget1').hide();
$('#tab .widget1:first').show();
$('.tab-widget-menu ul li:first').addClass('selected');
$('.tab-widget-menu ul li').click(function(){
$('.tab-widget-menu ul li').removeClass('selected');
$(this).addClass('selected');
$('#tab .widget1').hide();
$('#tab .widget1').eq($('.tab-widget-menu ul li').index(this)).slideDown()(500);
});
});
//]]>
</script>
<!--Sidebar Tabs Widgets End-->
</div>
<div class='clear'/>
</b:if>
<div class='clear'/>
【问题讨论】:
标签: html widget numbers posts blogspot