如何在WordPress 文章未尾自动添加一个作者信息框

来源:undefined 2025-01-01 08:25:17 1004

下面由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

54

55

56

57

58

59

60

function wp_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 = <div>关于  . $display_name . </div>;

if ( ! empty( $user_description ) )

// 作者头像

$author_details .= <div> . get_avatar( get_the_author_meta(user_email) , 90 ) . nl2br( $user_description ). </div>;

$author_details .= <div>

<a>查看  . $display_name .  所有文章</a>;

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

if ( ! empty( $user_website ) ) {

// 显示作者的网站链接

$author_details .=  | <a>网站</a>

</div>;

} else {

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

$author_details .= ;

}

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

$content = $content . <footer> . $author_details . </footer>;

}

return $content;

}

// 添加过滤器

add_action( the_content, wp_author_info_box );

// 允许HTML

remove_filter(pre_user_description, wp_filter_kses);

再将配套的CSS添加到主题样式文件style.css中:

.author-bio-section {

background: #fff;

float: left;

width: 100%;

margin: 10px 0;

padding: 15px;

border: 1px dashed #ccc;

}

.author-name {

font-size: 15px;

font-weight: bold;

margin: 0 0 5px 0;

}

.author-details img {

float: left;

width: 48px;

height: auto;

margin: 5px 15px 0 0;

}

登录后复制

以上就是如何在WordPress 文章未尾自动添加一个作者信息框的详细内容,更多请关注php中文网其它相关文章!

最新文章