给 DIV 添加特色图片代码

1
<!--获取上下篇日志的链接、标题、特色图像-->
2
  <div class="post-PrevNext">
3
  <?php
4
    $current_category = get_the_category();//获取当前文章所属分类ID
5
    $prev_post = get_previous_post($current_category,'');//与当前文章同分类的上一篇文章
6
    $next_post = get_next_post($current_category,'');//与当前文章同分类的下一篇文章
7
  ?>
8
  <!--上一篇-->
9

10
    <div class="previous_post_link" style="background-image: url(<?php
11
$full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($prev_post->ID), 'full');
12
echo $full_image_url[0];
13
?>);
14
    background-repeat:round;
15
cursor: pointer;" onclick="window.location='<?php echo get_permalink( $prev_post->ID ); ?>';
16
               opacity:0.8;">
17
      <!--1,设置特色图片为背景。2、大图像贴合小div、3给div加超级链接-->
18

19

20
      <div class="previous_post_link_bg">
21

22
    <?php if (!empty( $prev_post )): ?>
23

24
      <div class="single-more">
25
        <div class="single-more-1">上一篇</div>
26

27
  <a style="color: #FFFFFF;" href="<?php echo get_permalink( $prev_post->ID ); ?>"><?php echo $prev_post->post_title; ?></a>
28
      <br>
29
      <div class="single-more-1">
30
        <!--创建博文时间：--><a style="color: #a59d9c"><?php the_time( 'Y.m.d' ); ?></a>
31
      </div>
32
        </div>
33
    <?php endif; ?>
34
        </div>
35
  </div>
36

37

38

39
    <!--下一篇博文导航-->
40
  <div class="next_post_link" style="background-image: url(<?php
41
    $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($next_post->ID), 'full');
42
    echo $full_image_url[0];?>);
43
    background-repeat:round;
44
    cursor: pointer;" onclick="window.location='<?php echo get_permalink( $next_post->ID ); ?>';">
45

46
    <div class="previous_post_link_bg">
47
    <?php if (!empty( $next_post )): ?>
48
    <a href="<?php echo get_permalink( $next_post->ID ); ?>"><!--获取博文链接-->
49
      <!--获取特色图片-->
50
    </a>
51

52
      <div class="single-more">
53
        <div class="single-more-1">下一篇</div>
54

55
    <a style="color: #FFFFFF;" href="<?php echo get_permalink( $next_post->ID ); ?>">
56
      <?php echo $next_post->post_title; ?>
57
      </a>
58
      <br>
59
    <!--创建博文时间：-->
60
        <div class="single-more-1">
61
        <a style="color: #a59d9c"><?php the_time( 'Y.m.d' ); ?></a>
62
          </div>
63
      </div>
64
      </div>
65
    <?php endif; ?>
66
    </div>
67
    </div>