wordpress修改模板调用标签代码

2021-06-15 14:20| 发布者: 常德卧首软件| 查看:

您现在的位置: 主页 > 产品中心 > 网页设计 >

wp首页调用文章列表:

<?php
query_posts('showposts=10&orderby=new'); //showposts=10表示10篇
while(have_posts()): the_post();
if(strpos(get_first_image(),'wp-content')){
?>

<!--文章有图片显示样式-->

<div class="list-item list-item-column block " style="width:736px;">
   <div class="list-content">
    <div class="list-body">
     <div class="media media-3x1 mb-2 mb-xl-3"> 
      <a target="_blank" class="media-content" title="" href="<?php the_permalink(); ?>" style="background-image:url('<?php echo get_first_image(); ?>')"></a>
     </div> 
     <a class="list-title h5 mb-md-2" title="" href="<?php the_permalink(); ?>"><?php the_title();?></a>
     <div class="list-desc d-none d-md-block text-secondary text-sm">
      <div class="h-2x ">
       <?php the_excerpt(); ?>
      </div>
     </div>
    </div>
    <div class="list-footer">
     <div class="list-meta d-flex flex-fill align-items-center text-xs text-muted"> 
      <a href="<?php the_permalink(); ?>" class="d-none d-md-inline-block item-meta nickname"><?php the_author(); ?></a> 
      <time class="item-meta"><?php the_time(); ?></time> 
      <a href="<?php the_permalink(); ?>" class="d-none d-md-block "><?php bloginfo('name'); ?></a>
      <div class="flex-fill"></div> 
      <span class="item-meta-r"> <i class="text-md iconfont icon-eye"></i><span class="align-middle"><?php post_views(); ?></span> </span>
     </div>
    </div>
   </div>
  </div>

<?php }else{?>

<!--文章没有图片显示样式-->

<div class="list-item block " style="padding: .9375rem;width:736px;"> 
   <div class="list-content p-0"> 
    <div class="list-body"> 
     <a target="_blank" href="<?php the_permalink(); ?>" title="" class="list-title h5 h-2x"><?php the_title();?></a> 
     <div class="list-desc text-sm text-secondary mt-2 mt-xl-3"> 
      <div class="h-2x ">
       <?php the_excerpt(); ?>
      </div> 
     </div> 
     <div class="list-footer">
      <div class="list-meta d-flex flex-fill align-items-center text-xs text-muted"> 
       <a href="<?php the_permalink(); ?>" class="d-none d-md-inline-block item-meta nickname"><?php the_author(); ?></a> 
       <time class="item-meta"><?php the_time(); ?></time> 
       <a href="<?php the_permalink(); ?>" class="d-none d-md-block "><?php bloginfo('name'); ?></a> 
       <div class="flex-fill"> 
       </div> 
       <span class="item-meta-r"> <i class="text-md iconfont icon-eye"></i><span class="align-middle"><?php post_views(); ?></span> </span> 
      </div>
     </div> 
    </div> 
   </div> 
  </div>

<?php }endwhile; ?>


在主题目录下的functions.php里加入如下代码

//获取文章第一张图片
function get_first_image() {
    global $post;
    $first_img = '';
    ob_start();
    ob_end_clean();
    $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
    $first_img = $matches [1] [0];
    if(empty($first_img)){ //Defines a default image
    $first_img = bloginfo('template_url') . "/default.jpg";
    };
    return $first_img;
}
 
 
//取得文章的阅读次数  
function post_views($before = '点击 ', $after = ' 次', $echo = 1)  
{  
  global $post;  
  $post_ID = $post->ID;  
  $views = (int)get_post_meta($post_ID, 'views', true);  
  if ($echo) echo $before, number_format($views), $after;  
  else return $views;  
}  
function record_visitors()  
{  
    if (is_singular()) {  
      global $post;  
      $post_ID = $post->ID;  
      if($post_ID) {  
          $post_views = (int)get_post_meta($post_ID, 'views', true);  
          if(!update_post_meta($post_ID, 'views', ($post_views+1))) {  
            add_post_meta($post_ID, 'views', 1, true);  
          }  
      }  
    }  
}  
add_action('wp_head', 'record_visitors'); 


 

下一篇:没有了 上一篇:没有了
常德卧首工作室专业从事常德网站建设、常德网站制作、常德网站设计、常德网站托管维护、常德软件开发、常德网络推广等相关业务。我们是一支年轻的队伍,知识强,实战经验丰富,客户案例众多。自工作室成立以来,我们以质量求生存,以服务求发展,使客户得到称心满意的一条龙服务 。欢迎来电咨询:18182139521

联系我们

常德市武陵区柏子园社区旁

19976862850(服务时间:08:00-22:00)

woshou365@0736sx.com

在线咨询 官方微信官方微信

部门热线

前   台:19976862850
业务部:19976862850
客服部:19976862850
技术部:13387420034
人事部:13387420034

网站建设 微信开发 售后服务 咨询电话19976862850 返回顶部
返回顶部