注意：主題根目錄開始的，修改最好用子主題修改。

第一：inc/theme-settings.php 修改在圖示位置，添加紅框代碼

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' => __('網(wǎng)址導(dǎo)航主頁','io_setting'),
'attributes' => array(
'style' => 'width: 100%;'
),
'class' => 'compact',
'dependency' => array( 'footer_daohang', '==', true )
),

第二：使用阿里圖標(biāo)，復(fù)制好代碼

第三：添加阿里圖標(biāo)到header.php

添加紅框代碼，對應(yīng)你的阿里圖標(biāo)的css

<link rel="stylesheet" >

第四：修改footer.php顯示到頁腳

添加紅框代碼

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"對應(yīng)你的阿里圖標(biāo)代碼

第五：效果

點擊我https://www.88ops.com/，拉到頁腳可看效果》》》》