zoukankan      html  css  js  c++  java
  • WordPress主题开发:开启文章缩略图功能

    安装wordpress后,默认的主题里编辑文章都会看见这个缩略图功能,那么我们自己开发的新主题怎么有这个功能呢?

    目录:

    一、开启缩略功能

    二、设置缩略图大小

    三、编辑文章,上传缩略图

    四、调用缩略图

    五:add_image_size

    一、开启缩略功能

    在主题的functions.php中,添加一段代码,代码如下:

    add_theme_support( 'post-thumbnails' ); 

    如果你仅想让文章信息开启缩略图功能,则使用以下代码:

    add_theme_support('post-thumbnails', array('post'));

    如果你仅想让页面信息开启缩略图功能,则使用以下代码:

    add_theme_support('post-thumbnails', array('page'));

    二、设置缩略图大小

    三、编辑文章,上传缩略图

    上传的图片将保持在/wp-content/uploads 

    四、调用缩略图

    判断一篇文章是否存在缩略图,如果有,则显示缩略图,否则显示默认缩略图。

    <?php if ( has_post_thumbnail() ) : ?>
         <?php the_post_thumbnail( 'thumbnail' ); ?>
    <?php else: ?>
        //显示默认图片
    <?php endif; ?>

     the_post_thumbnail可以是字符串或数组

    a.字符串参数时:thumbnail(小尺寸)、medium(中等尺寸)、large(大尺寸)、full(完整尺寸)

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

    b.数组参数

    //尺寸60x60
    <?php the_post_thumbnail( array(60,60) ); ?>

    c.默认尺寸:

     <?php the_post_thumbnail(); ?>

    五、add_image_size

     如果大中小满足不了你的尺寸可使用

    add_image_size('newchicun',148,100,$crop);

    使用时:

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

    帮助文档:

    中文官方参考文档:http://codex.wordpress.org/zh-cn:%E4%B8%BB%E9%A2%98%E7%89%B9%E6%80%A7

    英文官方参考文档:http://codex.wordpress.org/Theme_Features

  • 相关阅读:
    Spring4+SpringMVC+MyBatis登录注册详细
    Spring MVC登录注册以及转换json数据
    MyBatis+mysql查询和添加数据
    html5中的选择器
    倒影(转)
    bi包
    函数作用域
    节点开始
    window.onload中失效的问题
    Node.js简介
  • 原文地址:https://www.cnblogs.com/tinyphp/p/6359167.html
Copyright © 2011-2022 走看看