0°

7B2主题 右上角 投稿美化+加上搜索+个人页面优化

每个主题都不可能完全适合每个博主的风格,每个主题都是主题作者按照作者自己的风格来写的,但是不会写主题的怎么办,只能用别人的主题了,但是有些不完美,就需要自己手动修改了

7B2主题2.80版本右上角有一点不友好

7B2主题 右上角 投稿美化+加上搜索

就两个图标,没有说明,其实左边那个是投稿,右边那个是购物车

那么,改下?

购物车不怎么用,so?去掉咯,再加个搜索

7B2主题 右上角 投稿美化+加上搜索

那么,要怎么实现呢?

别急,慢慢来,看教程

首先在

inc\functions-templates.php ~~121行添加或者覆盖掉也行

<button class="head-vip text" @click="showWriteBox"><i class="zrz-icon-font-dengpao iconfont"></i><br>投稿</button>
<button class="sousuo text" @click="showSearchBox('search')"><i class="iconfont zrz-icon-font-sousuo"></i><br>搜索</button>

在CSS的添加 , 我是放在子主题上的,代码以下:

/* 右上角 投稿+搜索 美化 */
.sign-button-r .head-vip {
    display: block;
    width: 36px;
    height: 58px;
    color: #fff;
	font-size: 12px; 
    background-color: #2f318b;
    border-radius: 0 0 6px 6px;
    top: -12px;
}
.sign-button-r .sousuo {
    left: -45px;
    width: 36px;
    height: 58px;
    color: #fff;
	font-size: 12px; 
    background-color: #ff9900;
    border-radius: 0 0 6px 6px;
    top: -70px;
}

还有个在会员窗口添加 我的购物车/任务链接

一开始是这样的

7B2主题 右上角 投稿美化+加上搜索

那么,因为上一步我们把购物车的入口删了

但是我想进购物车看看怎么办?

所以我们可以在会员窗口添加再加个任务快捷方式

看看效果

7B2主题 右上角 投稿美化+加上搜索

来看看怎么添加吧

inc\functions-templates.php ~144行左右

也不一定在144行,如果修改过的就不是了

反正就在付费会员和编辑个人资料中间添加就行

好不知道在哪?看图!

红圈内就是我们需要添加的代码

7B2主题 右上角 投稿美化+加上搜索

复制下面的代码就行

<a href="<?php echo esc_url(home_url('/cart')); ?>" class="hd-avatar">
<i class="zrz-icon-font-haofangtuo400iconfont2gouwu iconfont"></i><?php echo __('我的购物车','7b2'); ?>
</a>
<a href="<?php echo esc_url(home_url('/task')); ?>" class="hd-avatar">
<i class="zrz-icon-font-liwu iconfont"></i><?php echo __('积分任务','7b2'); ?>
</a>

好了,以上就是本次的教程了

END

「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论