网站导航免费论文 原创论文 论文搜索 原创论文 网学软件 学术大家 资料中心 会员中心 问题解答 原创论文 大学论文导航 设计下载 最新论文 下载排行 原创论文 论文源代码
返回网学首页
网学联系
最新论文 推荐专题 热门论文 素材专题
当前位置: 网学 > 编程文档 > 网络知识 > 正文

WordPress使用自定义字段设置缩略图

来源:http://myeducs.cn 联系QQ:点击这里给我发消息 作者: 用户投稿 来源: 网络 发布时间: 14/06/29

网学网网络知识编辑为广大网友搜集整理了:WordPress使用自定义字段设置缩略图绩等信息,祝愿广大网友取得需要的信息,参考学习。

   WordPress的自定义域功能是比较强大灵活的,最近在折腾新主题,需要为软件栏目使用自定义域设置缩略图,这样就可以自己定义软件的图标,不会再调用首张图片,实现方法也很简单,记录一下,以后也用得到。

  调用缩略图显示,在你需要显示缩略图的地方加入以下代码调用即可:

<?php
if ( $values = get_post_custom_values("thumb") ) { ?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><img class="thumb" src="<?php $values = get_post_custom_values("thumb"); echo $values[0]; ?>" alt="<?php the_title(); ?>" /></a>
<?php } else { ?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><img class="thumb" src=/uploadfile/201406/29/C5132241394.jpg" alt="<?php the_title(); ?>" /></a>
<?php } ?>

  上面这段代码设置了缩略图加文章链接和class、alt这些属性,具体可以自己定制,当文章没有设置缩略图时会显示一张默认图片。附送一句缩略图显示样式美化,对应上面的img class="thumb",在你的CSS文件中加上这么一句可以设置缩略图显示位置和加上图片边框效果。

.thumb { float: left; margin: 10px 10px 10px 0px; padding: 4px; border: 1px solid #ccc; }

  设置方法,打开文章编辑页面,在上方“显示选项”里勾选“自定义栏目”。然后在自定义栏目里输入一个缩略图使用的新栏目名称,如thumb,然后在值里输入缩略图地址,比如/uploadfile/201406/29/EB132241207.png" width="580" />

Wordpress下载:

WordPress v3.5.2 简体中文版下载

界面预览

  • 软件大小:6.28MB
  • 软件类别:国外软件 | 博客系统
  • 软件语言:简体中文
  • 运行环境:PHP/Mysql
  • 软件授权:免费版
  • 更新时间:2013-7-24 16:05:30
  • 相关链接:Home Page

WordPress v3.9 英文版下载

界面预览

  • 软件大小:6.05MB
  • 软件类别:国外软件 | 博客系统
  • 软件语言:英文
  • 运行环境:PHP/MySQL
  • 软件授权:开源软件
  • 更新时间:2014-4-17 9:56:31
  • 相关链接:Home Page

本文转自:http://www.cmhello.com/wordpress-custom-thumb.html

网学推荐

免费论文

原创论文

设为首页 | 加入收藏 | 论文首页 | 论文专题 | 设计下载 | 网学软件 | 论文模板 | 论文资源 | 程序设计 | 关于网学 | 站内搜索 | 网学留言 | 友情链接 | 资料中心
版权所有 QQ:3710167 邮箱:3710167@qq.com 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
Copyright 2008-2015 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号