RIPRO主题美化-列表页面右上角3个彩色圆点效果 WordPress主题美化

作者 : admin 本文共829个字,预计阅读时间需要3分钟 发布时间: 2020-05-9 共146人阅读

有很多小伙伴看到站壳网列表页面右上角有3个彩色圆点效果,今天应会员要求,连夜写出教程!分享给大家~

教程开始

1、找到wp-content/themes/ripro/assets/css/diy.css并将附件内的diy.css内容整体复制进去并保存

2、找到/wp-content/themes/ripro/inc/theme-functions.php并搜索

entry-meta

可以看到以下代码

<div class="entry-meta">
        <?php if ( $options['author'] ) :
          $author_id = get_post_field( 'post_author', $post_id ); ?>
          <span class="meta-author">
            <a<?php echo _target_blank();?> href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID', $author_id ) ) ); ?>">
              <?php
                echo get_avatar( get_the_author_meta( 'email', $author_id ), '40', null, get_the_author_meta( 'display_name', $author_id ) );
                echo get_the_author_meta( 'display_name', $author_id );
              ?>
            </a>
          </span>

3、并将附件内的theme-functions.php内容整体复制进去放在最后面的</span>后面并保存

4、如若转载请保留本站版权:设计来源于站壳网由站壳网独家制作首发。

效果样式

RIPRO主题美化-列表页面右上角3个彩色圆点效果 WordPress主题美化
RIPRO主题美化-列表页面右上角3个彩色圆点效果 WordPress主题美化
1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!4105897@qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!

模板猫 » RIPRO主题美化-列表页面右上角3个彩色圆点效果 WordPress主题美化

常见问题FAQ

免费下载或者贵宾会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 《免责声明》。
点击下载链接不跳转怎么回事?
您好,QQ内打开是不跳转的,一少部分浏览器也不跳转,一般的UC了,搜狗 360等浏览器都可以跳转。
可以直接把资源发给我吗?
您好,付费资源可以直接把链接发送给您,免费资源不提供任何帮助,软件资源自测,或者请站长喝红牛!

发表评论