社交信息添加新选项

feko大魔王 教程攻略 296

1001

注意:主题根目录开始的,修改最好用子主题修改。

第一:inc/theme-settings.php 修改在图示位置,添加红框代码

1002

array(
'id' => 'footer_51cto',
'type' => 'switcher',
'title' => __('51cto','io_setting'),
'default' => false
),
array(
'id' => 'footer_51cto_url',
'type' => 'text',
'title' => __('51cto 博客主页','io_setting'),
'attributes' => array(
'style' => 'width: 100%;'
),
'class' => 'compact',
'dependency' => array( 'footer_51cto', '==', true )
),
array(
'id' => 'footer_daohang',
'type' => 'switcher',
'title' => __('daohang','io_setting'),
'default' => false
),
array(
'id' => 'footer_daohang_url',
'type' => 'text',
'title' => __('网址导航主页','io_setting'),
'attributes' => array(
'style' => 'width: 100%;'
),
'class' => 'compact',
'dependency' => array( 'footer_daohang', '==', true )
),

第二:使用阿里图标,复制好代码

10003

第三:添加阿里图标到header.php

添加红框代码,对应你的阿里图标的css

10004

<link rel="stylesheet" href="//at.alicdn.com/t/xxxx.css">

第四:修改footer.php显示到页脚

添加红框代码

10005

if( io_get_option('footer_51cto') ) : ?>
<a rel="nofollow" target="_blank" href="<?php echo io_get_option('footer_51cto_url') ?>"><i class="iconfont icon-cto"></i></a>
<?php endif; ?>
<?php
if( io_get_option('footer_daohang') ) : ?>
<a rel="nofollow" target="_blank" href="<?php echo io_get_option('footer_daohang_url') ?>"><i class="iconfont icon-wangzhi_huaban"></i></a>
<?php endif; ?>

注意:class="iconfont icon-cto"对应你的阿里图标代码

第五:效果

点击我https://www.88ops.com/,拉到页脚可看效果》》》》

回复

我来回复
  • 暂无回复内容

One Nav 导航主题