WordPress主题开发实例:利用侧边栏工具显示联系方式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WordPress主题开发实例:利用侧边栏工具显示联系方式相关的知识,希望对你有一定的参考价值。

技术分享

利用侧边栏显示联系方式是很方便的

一、先开启侧边栏工具,在functions.php加上

$args = array(
    ‘name‘          => __( ‘分类侧边栏‘),
    ‘id‘            => ‘cat-01‘,
    ‘description‘   => ‘将在分类页显示侧边栏‘,
        ‘class‘         => ‘‘,
    ‘before_widget‘ => ‘<li id="%1$s" class="widget %2$s">‘,
    ‘after_widget‘  => ‘</li>‘,
    ‘before_title‘  => ‘<h3 class="widgettitle">‘,
    ‘after_title‘   => ‘</h3>‘ );
//开启侧边栏函数
 register_sidebar( $args );  

 

 

二、然后后台左栏将出现小工具,将联系方式功能拖到小工具那里设置保存

技术分享

 

 

三、在模版文件中调用侧边栏

<?php if ( is_active_sidebar( ‘cat-01‘ ) ) : ?>
     <?php dynamic_sidebar( ‘cat-01‘); ?>
<?php else: ?>
    //提示用户
    //或者,显示一些默认的边栏效果
<?php endif; ?>

 

输出html:

<h3 class="widgettitle">联系方式</h3>
<div class="textwidget"><p>招商部:厦门市思明区吕岭路2号阿里山大厦北楼9E(361012)<br>
工厂:漳州市华安县平安亭对面进入200米(363800)<br>
TEL:0592-3259098/3186599<br>
Fax:0592-3688137<br>
http://www.hefa-jade.cn</p>
</div>

 

以上是关于WordPress主题开发实例:利用侧边栏工具显示联系方式的主要内容,如果未能解决你的问题,请参考以下文章

关于wordpress主题侧边栏菜单

下划线 Wordpress 主题 - 添加第二个侧边栏

WordPress小工具开发教程(网站公告)

如何让wordpress首页完全去掉侧边栏

在 WordPress 中使用 Divi 主题的响应式侧边栏

WordPress图片主题 国人原创轻拟物风格niRvana主题