学做网站培训课程介绍

当前位置:

wordpress网站实现新闻头条效果(首篇样式加粗)

使用WP程序制作门户网站时,需要调用网站头条新闻,让第一个文章标题与其它的标题不一样,以形成新闻头条的效果。如下图:

tt

如何使用wp网站代码调用新闻头条呢,下面就教新手学习怎么做网站的学员们使用调用代码。(如果不了解WORDPRESS,请先学习wordpress入门教程。)

代码如下:

<?php if (have_posts()) : ?>
<?php query_posts('cat=6&showposts=7'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php if ($postcnt == 0) : ?>

<a href="<?php the_permalink() ?>"> <?php echo mb_strimwidth(get_the_title(), 0, 32, ''); ?></a>

<?php else : ?>

<a href="<?php the_permalink() ?>"> <?php the_title(); ?></a><br/>
<?php echo mb_strimwidth(strip_tags(get_the_content()),0,70," ");?><a rel="more-link" href="<?php the_permalink()?>" title="<?php the_title(); ?>">[阅读详情]</a>

<?php endif; $postcnt++; ?>
<?php endwhile; ?>

<?php endif; wp_reset_query();?>

 代码解释:

调用标题:<a href="<?php the_permalink() ?>"> <?php echo mb_strimwidth(get_the_title(), 0, 32, ''); ?></a>
调用标题:<a href="<?php the_permalink() ?>"> <?php the_title(); ?></a>
调用摘要:<?php echo mb_strimwidth(strip_tags(get_the_content()),0,70," ");?><a rel="more-link" href="<?php the_permalink()?>" title="<?php the_title(); ?>">[阅读详情]</a>

通过使用以下的代码就可以实现第一条内容的样式与其它内容的样式不一样的效果,达到类似新闻头条的效果。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 漂亮的wordpress淘客模板 图文教程 (111075 次浏览)
    今天再次给大家分享一款自己仿的一个wordpress淘客模板。这个模板是我自己在别人模板的基础上进行二次开发,自己比较喜欢。注意:此模板不支持IE6,
  • 用什么建网站?Wordpress建网站好不好?这些问题经常被新手问上问起。可以这样说,wordpress程序可以建各种类型的网站,它的功能强大之处令人称赞,
  • 使用WP程序制作门户网站时,需要调用网站头条新闻,让第一个文章标题与其它的标题不一样,以形成新闻头条的效果。如下图:如何使用wp网站代码
  • 新闻网站追求的是快速展示最新的各类新闻内容,在采集和播发新闻时,尤其当遇到为人们所关注的重大事件、突发事件或热点问题时,不能局限原有媒体的翻
  • 上图是我们经常看到的网站里一个版块,里面有新闻列表,但是第一条与其它条数样式有区别,属于头条带图版块。我们在制作网站时,怎么去制作这
  • Wordpress标签云是将网站里的标签附着不同的颜色,好像一个七彩的云一样,在自己建网站时,可以美化我们的网站。效果如下:我们在学习怎么做
  • 通过网页制作教程上节课怎样在网页中添加表格,我们就可以在网页中插入一个表格,但往往插入的表格并不美观,我们需要设置一些表格参数去达到我们要求
  • page页面可以单独使用不同页面模板,这个我们都知道了,那怎么给不同的single文章页面设计不同模板呢?我们有二种方法: 第一种:通过代码来判断
  • CSS3文字加粗属性用于控制文字粗体基本语法:font-weight:600; 粗体font-weight:400; 正常CSS 加粗这里指的是通过DIV CSS控制对象的加粗