奥迪卡盟-RIPRO主题美化列表页面右上角彩色圆点效果的方法和代码

WordPress主题RIPRO，使用WordPress程序建站的朋友应该都知道，起码听说过，这款主题还是很火爆的，也正因为ripro主题的用户量比较多，所以网上也出现了很多优化后的ripro子主题，以及相关的一些优化/美化操作。

今天奥迪卡盟要跟大家分享的就是RIPRO主题美化的一个操作，给ripro主题的列表页面右上角加上彩色圆点的效果的实现方法。

教程步骤

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内容整体复制进去放在最后面的后面并保存

源码效果截图