xml - 用于设计主题的 Google Blogger XML 布局错误
问题描述
我想使用Google Blogger XML Layout将Header 区域分为两部分(No-Logo & No-Ad Area)。
当我试图保存我的 XML 代码时,Blogger HTML 编辑器显示错误——
带有 id 标志的小部件不在一个 section 中(实际的父元素 是:header。)每个小部件都应该在一个 section中。
检查我的 XML 代码并检查附加图像以了解更多我想要什么?
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<div class='container border-1'>
<header class='row'>
<b:widget id='logo' locked='true' title='' type='Header'>
<div class='col-md-4 col-sm-4 col-xs-1 border-1 d-none d-sm-block'> <div id='logo_main_area_device-lg__md__sm' style='background: #fff; max-height:90px !important; height:90px;'> <div id='logo-text_device-lg__md__sm'><a style='text-decoration:none !important; color:#000 !important;' href='//www.jobluto.com'>JobLuto.Com</a></div> </div> </div>
<div class='col-md-4 col-sm-4 col-xs-1 border-1 d-block d-sm-none'> <div id='logo_main_area_device-xs' style='background: #fff; max-height:50px !important; height:90px;'> <div id='logo-text_device-xs'><a style='text-decoration:none !important; color:#000 !important;' href='//www.jobluto.com'>JobLuto.Com</a></div> </div> </div>
</b:widget>
<b:widget id='ads1' locked='true' title='' type='Header'>
<div class='col-md-8 col-sm-8 col-xs-11 overflow-none border-1' style='background: #777; padding: 0 0.00000001px 0 0.00000001px;'> <img class='img-fluid' style='width:100% !important; height: 90px !important;' src='http://www.creditlenders.info/wp-content/uploads/banner-ad-banner-ads-macallister-design.jpg' alt=''/> </div>
</b:widget>
</header>
</div></b:section>
解决方案
在 Blogger 中,b:section
标签只能包含标签所代表的小部件b:widget
。此外,要在小部件中插入 HTML 代码,请使用b:include
如下标签
<b:widget id='logo'>
<b:includable id='main' var='this'>
Your HTML code here
</b:includable>
</b:widget>
您的代码应该是(注意部分内的类名行)
<div class='container border-1'>
<b:section class='header row' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='logo' locked='true' title='' type='Header'>
<b:includable id='main' var='this'>
<div class='col-md-4 col-sm-4 col-xs-1 border-1 d-none d-sm-block'> <div id='logo_main_area_device-lg__md__sm' style='background: #fff; max-height:90px !important; height:90px;'> <div id='logo-text_device-lg__md__sm'><a style='text-decoration:none !important; color:#000 !important;' href='//www.jobluto.com'>JobLuto.Com</a></div> </div> </div>
<div class='col-md-4 col-sm-4 col-xs-1 border-1 d-block d-sm-none'> <div id='logo_main_area_device-xs' style='background: #fff; max-height:50px !important; height:90px;'> <div id='logo-text_device-xs'><a style='text-decoration:none !important; color:#000 !important;' href='//www.jobluto.com'>JobLuto.Com</a></div> </div> </div>
</b:includable>
</b:widget>
<b:widget id='ads1' locked='true' title='' type='Header'>
<b:includable id='main' var='this'>
<div class='col-md-8 col-sm-8 col-xs-11 overflow-none border-1' style='background: #777; padding: 0 0.00000001px 0 0.00000001px;'> <img class='img-fluid' style='width:100% !important; height: 90px !important;' src='http://www.creditlenders.info/wp-content/uploads/banner-ad-banner-ads-macallister-design.jpg' alt=''/> </div>
</b:includable>
</b:widget>
</b:section>
</div>
推荐阅读
- botframework - 无法将文件发送/附加到团队中的 ms bot
- ajax - 为什么使用ajax的输出不显示在表格中,而是显示在json格式中?
- java - spring boot addResourceHandler 无法使用服务
- reactjs - Firebase 身份验证预期的“onClick”侦听器是一个函数,而不是一个“object”类型的值
- windows - 批处理文件跳过或忽略“脚本已停止工作”错误
- ios - 表格视图不更新
- android - 带有子 TextView 的水平滚动视图不滚动
- javascript - 如何将多个值添加到列表框javascript中的一个选项
- python - matplotlib:set_major_formatter() 和 fmt_xdata 有什么区别?
- firebase - How to choose between development and production firebase project based on build flavours?