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

[wm_notice]有很多小伙伴看到本站列表页面右上角有3个彩色圆点效果，写出教程！分享给大家~[/wm_notice]

[wm_tips]教程开始

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

2、找到/wp-content/themes/ripro/inc/theme-functions.php并搜索下面代码[/wm_tips]

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%20echo%20esc_url(%20get_author_posts_url(%20get_the_author_meta(%20'ID',%20$author_id%20)%20)%20);%20?>">
              <?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>

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

效果样式