有很多小伙伴看到本站列表页面右上角有 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%20echo%20esc_url(%20get_author_posts_url(%20get_the_author_meta(%20'ID',%20$author_id%20)%20)%20);%20?>" rel="external nofollow" > <?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>
并将附件内的 theme-functions.php 内容整体复制进去放在最后面的</span>后面并保存
效果样式