教你在WordPress文章页面添加作者信息模块_WordPress_青云站长教程网
欢迎来到站长教程网!
  • 秒到短信接口 免费试用
  • 微信支付宝接口 秒结算
  • 中文网站排名|申请加入
  • 搜索引擎全站查询
  • 查询移动网站权重数据
  • 海外主机 台湾公司直销
  • WordPress

    当前位置:主页 > CMS教程 > WordPress >

    教你在WordPress文章页面添加作者信息模块

    时间:2019-07-09|栏目:WordPress|点击:
  • 怎样在wordpress文章显示添加一组作者信息模块呢,方便显示作用的一系列信息,比如名称,昵称,个人简介,网站,头像等信息,大挖分享一段实用的作用信息函数,给大家,可以方便的使用起来。只需要将以上代码添加到wordpress当前主题的functions.php文件中:

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    22

    23

    24

    25

    26

    27

    28

    29

    30

    31

    32

    33

    34

    35

    36

    37

    38

    39

    40

    41

    42

    43

    44

    45

    46

    47

    48

    49

    50

    51

    52

    53

     

    functionwp_author_info_box($content){

    global$post;

    // 检测文章与文章作者

    if(is_single()&&isset($post->post_author)){

    // 获取作者名称

    $display_name=get_the_author_meta('display_name',$post->post_author);

    // 如果没有名称,使用昵称

    if(empty($display_name))

    $display_name=get_the_author_meta('nickname',$post->post_author);

    // 作者的个人信息

    $user_description=get_the_author_meta('user_description',$post->post_author);

    // 获取作者的网站

     

    $user_website=get_the_author_meta('url',$post->post_author);

    // 作者存档页面链接

    $user_posts=get_author_posts_url(get_the_author_meta('ID',$post->post_author));

    if(!empty($display_name))

    $author_details='

     

    关于 '.$display_name.'

    ';

    if(!empty($user_description))

    // 作者头像

    $author_details.='

     

    '.get_avatar(get_the_author_meta('user_email'),90).nl2br($user_description).'

    ';

    $author_details.='

     

    查看 '.$display_name.' 所有文章';

    // 检查作者在个人资料中是否填写了网站

    if(!empty($user_website)){

    // 显示作者的网站链接

    $author_details.=' | 网站

    ';

    }else{

    // 如果作者没有填写网站则不显示网站链接

    $author_details.='

     

    ';

    }

    // 在文章后面添加作者信息

    $content=$content.'

     

    '.$author_details.'

    ';

    }

    return$content;

    }

    // 添加过滤器

    add_action('the_content','wp_author_info_box');

    // 允许HTML

    remove_filter('pre_user_description','wp_filter_kses');

     

    同时需要在wordpress主题文件中添加对应的css样式到style.css样式表中。

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

     

    .author-bio-section{

    background:#fff;

    float:left;

    width:100%;

    margin:10px0;

    padding:15px;

    border:1pxdashed#ccc;

    }

    .author-name{

    font-size:15px;

    font-weight:bold;

    margin:005px0;

    }

    .author-detailsimg{

    float:left;

    width:48px;

    上一篇: 如何在wordpress主题里禁用浏览器的F12和审查元素功能

    栏    目:WordPress

    下一篇: wordpress开发:如何给WordPress主题添加友情链接功能

    本文标题: 教你在WordPress文章页面添加作者信息模块

    本文地址:http://www.jh-floor.com/CMSjiaocheng/WordPress/1673.html

    您可能感兴趣的文章

    广告投放 | 联系我们 | 版权申明

    重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

    如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

    联系QQ:888888 | 邮箱:888888#qq.com(#换成@)

    Copyright © 2002-2017 青云站长教程网 版权所有 琼ICP备xxxxxxxx号