![](/img/trans.png)
[英]Exact terminology for Adding a Custom code in the footer in wordpress by creating a custom plugin
[英]Adding custom image as separator in wordpress footer
我想在wordpress页脚中添加自定义分隔符图像,这是我的functions.php代码:
function advertica_lite_widgets_init() {
register_sidebar(array(
'name' => 'Page Sidebar',
'id' => 'page-sidebar',
'before_widget' => '<li id="%1$s" class="ske-container %2$s">',
'after_widget' => '</li>',
'before_title' => '<h3 class="ske-title">',
'after_title' => '</h3>',
));
register_sidebar(array(
'name' => 'Blog Sidebar',
'id' => 'blog-sidebar',
'before_widget' => '<li id="%1$s" class="ske-container %2$s">',
'after_widget' => '</li>',
'before_title' => '<h3 class="ske-title">',
'after_title' => '</h3>',
));
register_sidebar(array(
'name' => 'Footer Sidebar',
'id' => 'footer-sidebar',
'before_widget' => '<div id="%1$s" class="ske-footer-container span3 ske-container %2$s">',
'after_widget' => '</div>',
'before_title' => '<h3 class="ske-title ske-footer-title">',
'after_title' => '</h3>',
)); }
我想将图像添加为所有3个块之间的分隔符,我尝试了几个Google帮助,但没有任何与我正在寻找的相关的帮助。 会有人可以协助我进行修改吗?
我想要这样的东西:
.ske-container{ display: inline-block; padding: 0px 5px; width:30%; float:left; text-align:center; height:200px; background-image: url("https://i.stack.imgur.com/3vmnN.png"); background-repeat: no-repeat; background-position: right top; } .ske-container:last-child{ background-image: none; }
<div> <div class="ske-container"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </div> <div class="ske-container"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </div> <div class="ske-container"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </div> </div>
您能在当前主题style.css
添加CSS
以上吗? 并检查。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.