学做网站培训课程介绍

当前位置:

wordpress 特色封面图像开启与使用

wordpress 特色图像可以用于分类页面或者网站首页调用文章缩略图时,指定调用某张图片,实现自定义封面的效果。如下图:

wordpress 特色图像开启方法

如何开启特色图像功能

在学习wordpress模板制作课程时,我们讲了,WORDPRESS程序默认是不支持特色图像功能,所以我们需要开启特色图像功能。

wordpress 特色图像开启方法很简单,只需要在主题的functions.php中添加如下代码:

//特色图像
add_theme_support( "post-thumbnails" );

这种开启代码可以让后台文章和PAGE页面,同时拥有特色图像功能。如果只想单独开启某个类型,可以使用以下的代码:


add_theme_support( 'post-thumbnails', array( 'post' ) ); // 在单篇文章中开启该功能
add_theme_support( 'post-thumbnails', array( 'page' ) ); //在页面文章中开启该功能

为了控制缩略图大小,我们还可以用下面的这些代码来控制,将这些代码放置在上面刚添加的代码后面。


set_post_thumbnail_size( 155, 110, true ); // 设置默认的缩略图大小尺寸
add_image_size( 'one', 155, 110, true ); // 设置标记为”one”的缩略图尺寸,这里的one应该是数组下标
add_image_size( 'two', 350, 248, true );
add_image_size( 'big', 546, 387, true );

特色图像的使用

在wordpress首页模板或者分类模板中使用以下代码调用特色图像:(自行修改代码里的尺寸数字)


<?php if ( has_post_thumbnail() ) { the_post_thumbnail(array(296,296),array('alt'=> trim(strip_tags( $post->post_title )),'class' => 'thumbimg'));} else {?><img src="<?php echo get_first_image(); ?>" alt="<?php the_title(); ?>" width="296px" height="296px"/><?php }?>

上面的代码是通常调用特色图片的方法,我们也可以使用以下的代码来调用指定的特色图片。


<?php the_post_thumbnail( 'big' ); ?>

或者调用设置的标记为two的那张缩略图


<?php $thumbID = get_the_post_thumbnail( $post->ID, 'two', $imgsrcparam ); ?>
<?php echo "$thumbID"; ?>

这样,在网站后台发布文章时,在文章编辑器右侧面底部就会有一个【特色图片】上传按钮,就可以给文章上传一个指定的图片作为封面图片了。

wordpress文章添加特色图像的3种方法

发表评论

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

相关教程

  • 漂亮的wordpress淘客模板 图文教程 (111074 次浏览)
    今天再次给大家分享一款自己仿的一个wordpress淘客模板。这个模板是我自己在别人模板的基础上进行二次开发,自己比较喜欢。注意:此模板不支持IE6,
  • 用什么建网站?Wordpress建网站好不好?这些问题经常被新手问上问起。可以这样说,wordpress程序可以建各种类型的网站,它的功能强大之处令人称赞,
  • wordpress 特色图像可以用于分类页面或者网站首页调用文章缩略图时,指定调用某张图片,实现自定义封面的效果。如下图:如何开启特色图像功能
  • 我们自己建网站时,可以使用WORDPRESS后台的特色图像作为文章的封面,如果你用的主题没有特色图像功能,可以先开启wordpress 特色图像,然后按照以下
  • 有些做视频网站的学员有这样一个问题,自己做的视频网站中放的视频的封面图片并不是自己想要的图片,怎么给自己的视频添加自定义的封面图片呢?
  • 在制作网页中我们时常会将一些文字、图片等做成超链接,但如果在制作时,某些链接页面还没有做好,这时我们就可以用的空链接,提醒自己哪些地方需要添
  • Wordpress 如何开启伪静态 视频教程 (1120058 次浏览)
    做网站制作好之后,如果网站做SEO优化时,需要进行伪静态的设置,同样也可以通过网站设置选置进行设置。Wordpress伪静态设置方法 登陆到wordpr
  • wordpress评论功能可以让用户在我们自己的网站上进行对文章的评论,发表自己的观点,很好的增强了网站与用户之间的交互性。还有的网站还添加了邮件功
  • APMServ5.2.6本地环境配置软件介绍由于每台电脑的端口使用情况不一样,很多学员在用XAMPP环境配置软件配制本地环境的时候,经常会不成功,出现服务器或
  • SEO软件安装及使用方法 图文教程附件下载 (18120 次浏览)
    SEO软件安装及使用方法第一步:下载软件,下载地址:https://pan.baidu.com/share/link?shareid=482816&uk=404547014第二步:下载后,会得