使用 WordPress 自定义字段来显示日志缩略图

WordPress 最强大的地方是它强大的可定制性,其中 WordPress 自定义字段(Custom Fields)就是 WordPress 能够进行灵活定制的奥秘之一,我们 WordPress JAM 团队的企业网站案例阳诺太阳能就是大量使用 WordPress 自定义字段。

是的,WordPress 自定义字段使用的好,能够把 WordPress 博客转变成一个完全定制化的 CMS 站点。这篇就来讲讲 WordPress 自定义字段的一个非常广泛的用途:使用 WordPress 自定义字段来显示日志缩略图

  1. 首先应该能够上传图片到你的服务器,可以通过 FTP 工具或者在 WordPress 后台通过其他任何 WordPress 插件上传图片。(目前我们给客户制作的主题不用那么复杂,直接从后台直接就可以上传缩略图)。

  2. 在撰写新日志的页面,向下滚动到一个叫做自定义字段(Custom Fields)的地方,点击按钮展开它。

  3. 在 Key 字段输入 “image_thumb”,然后在 “Value” 字段输入你刚才上传的图片的 URL。

  4. 然后继续你写日志的常规动作,增加标题,输入内容,选择分类,最后发布。

  5. 现在打开当前主题的 index.php 文件,搜索到下面这行:

    
    <?php the_content('Read the rest of this entry »'); ?>
    
  6. 这上面这行之前添加以下代码:

    
    <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><img data-raw="http://77flz7.com1.z0.glb.clouddn.com/qiniu/1629/image/745eced0684cb71e07485217138c30ec.jpg" srcset="http://77flz7.com1.z0.glb.clouddn.com/qiniu/1629/image/745eced0684cb71e07485217138c30ec.jpg?watermark/1/image/aHR0cDovL3dwamFtLnFpbml1ZG4uY29tL3dwamFtL3dhdGVybWFyay5wbmc=/dissolve/100/gravity/SouthEast/dx/10/dy/10|imageslim%7CimageView2/2/w/1200/interlace/1/q/70 2x" src="http://77flz7.com1.z0.glb.clouddn.com/qiniu/1629/image/745eced0684cb71e07485217138c30ec.jpg?watermark/1/image/aHR0cDovL3dwamFtLnFpbml1ZG4uY29tL3dwamFtL3dhdGVybWFyay5wbmc=/dissolve/100/gravity/SouthEast/dx/10/dy/10|imageslim%7CimageView2/2/w/600/interlace/1/q/70"image_thumb"); echo $values[0]; ?>" alt="<?php the_title(); ?>" /></a>
    

WordPress 自定义字段介绍和更多实用技巧

热门文章