[WordPress]RiPro主题美化首页模块-添加友情链接模块代码教程-第1张

添加模块代码:

查找到
'disabled' => array(
在下方添加
'FriendLink' => '友情链接模块',

模块设置代码:

查找

——首页模块布局

在下面的));结尾处,添加下面代码。

// 友情链接模块设置
CSF::createSection($prefix, array(
    'parent' => 'home_fields',
    'title'  => '友情链接模块'.$lixui_mod,
    'icon'   => 'fa fa-link',
    'description' => ''.$lixui_tip,
    'fields' => array(
        //友情链接模块设置
        array(
            'id'         => 'is_yqljmk_lixui',
            'type'       => 'switcher',
            'help'       => '有问题访问官网 WWW.LIITK.COM 或联系 QQ1576384173',
            'title'      => '友情链接模块',
            'label'      => '友情链接模块设置,仅在电脑端显示',
            'default'    => false,
        ),
        array(
            'id'         => 'site_yqljmk_lixui',
            'type'       => 'fieldset',
            'title'      => '友情链接模块设置',
            'fields'     => array(
                array(
                    'id'      => 'lixui_1_text',
                    'type'    => 'text',
                    'title'   => '按钮标题',
                    'default' => '查看更多...',
                ),
                array(
                    'id'      => 'lixui_1_link',
                    'type'    => 'text',
                    'title'   => '按钮链接',
                    'default' => '/links',
                ),
            ),
            'dependency' => array('is_yqljmk_lixui', '==', 'true'),
        ),
        
    ),
));

模块文件代码:

FriendLink.php,自行创建然后上传至ripro/parts/home-mode目录下。

<?php /*友情链接模块*/
$site_yqljmk_lixui = _cao('site_yqljmk_lixui');
if (is_array($site_yqljmk_lixui)  && _cao('is_yqljmk_lixui') ) : ?>
<div class="i-friend-linknew">
<div class="content-flexible">
 <div class="i-friendlink-tit">
 <span class="i-f-pl-hold"></span><p>友情链接</p><span class="i-f-pl-hold"></span>
    </div>
    <ul class="i-friendlink-cont">
    <?php wp_list_bookmarks('orderby=rand&categorize=0&title_li=&show_images=0'); ?>
    <li><a href="<?php echo $site_yqljmk_lixui['lixui_1_link']; ?>" target="_blank"><?php echo        $site_yqljmk_lixui['lixui_1_text']; ?></a></li>
    <li class="lixui_ylsq"><a target="_blank" href="/link-apply">友链申请+</a></li>
    </ul>
  </div>
</div>
<?php endif; ?>

CSS:

/* 友情链接模块开始 */
.i-friend-linknew {
    background: #ffffff;
    border: 1px dashed #ffffff;
    border-radius: 5px;
    max-width: 1410px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
    box-shadow: 0 4px 12px 0 rgba(52,73,94,.1);
}
.content-flexible {
    width: 1368px;
    margin: 0px auto;
}
.i-friendlink-tit {
    width: 1300px;
    margin: 0px auto;
    padding: 20px 0px;
    height: 21px;
}
.i-friendlink-tit span, .i-friendlink-tit p {
    display: inline-block;
    float: left;
}

.i-f-pl-hold {
    width: 600px;
    height: 11px;
    border-bottom: 1px solid #ddd;
}
.i-friendlink-tit p {
    font-size: 16px;
    color: #666;
    margin: 0px 11px;
}
.i-friendlink-tit span, .i-friendlink-tit p {
    display: inline-block;
    float: left;
}
.i-friendlink-tit span, .i-friendlink-tit p {
    display: inline-block;
    float: left;
}

.i-f-pl-hold {
    width: 600px;
    height: 11px;
    border-bottom: 1px solid #ddd;
}
.i-friendlink-cont {
    width: 100%;
    text-align: center;
    margin: 10px 0;
    padding-left: 0px;
}
.i-friendlink-cont li {
    line-height: 26px;
    margin-right: 6px;
    display: inline-block;
    font-size: 10px;
}
.i-friendlink-cont li a {
    color: #888;
}

@media (max-width: 768px){
.i-friend-linknew{
    display: none;
}
}
@media (max-width: 768px){
.content-flexible{
    display: none;
}
}
.lixui_ylsq{
	border: 1px solid #ccc;
    border-radius: 50px;
    padding: 1px 8px 1px 8px;
    font-size: 10px !important;
}
/* 友情链接模块结束 */

 

声明:本站文章原创有部分资源来源于网络,如无特殊说明或标注。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系 admin@liitk.com 进行删除处理!。