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

WordPress自定义域和自定义分类图片

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

【编者按】网学网网络知识频道为大家收集整理了“WordPress自定义域和自定义分类图片“提供大家参考,希望对大家有所帮助!

  很久前就在筹划一个站,最近也想开始折腾,顺便扒一个皮。按照倡萌的设想,要使用到自定义域功能来设定列表和首页的图片(其实是图标),以及短标题(也就是文章的标题可以是很长的,但是在首页调用的只是一个短的词组);还可能会给每一个分类设定一个图片,当文章没有图片,也没有自定义图片时,自动调用分类的图片。所以摘录以下文章作参考。

WordPress自定义域

  关于WordPress自定义域,就拿一个例子来看吧。

  自定义字段是 WordPress 的一个很强大的功能,但对于普通的使用者来说用处并不大…

  关于如何通过自定义字段给 WordPress 博客首页中的每篇日志添加图片的方法,网上有不少介绍。

  在博客首页的每一篇日志中都会显示一篇和内容相关的图片,该图片是我事先准备好的,而非日志中的缩略图,这张图片在单篇日志的内容中可以不予显示。如果我没有为日志指定一张图片,那么自动会有一张默认的图片进行“填充”。效果看下面出现的那张图。

  在 index.php 中找到如下或类似的代码:

<?php the_excerpt(); ?> 或 <?php the_content(); ?>

  前者是输出摘要,后者是输出全文,了解 WordPress 的朋友肯定都知道,这里就不多说了。找到这行代码后,我直接在它的前面添加如下代码:

<?php if ( get_post_meta($post->ID, ''index_image'', true) ) : ?>
<?php $image = get_post_meta($post->ID, ''index_image'', true); ?>
<a href="<?php the_permalink() ?>"><img src="<?php echo $image; ?>"
alt="<?php the_title(); ?>" /></a>
<?php else: ?>
<a href="<?php the_permalink() ?>">
<img src="<?php bloginfo(''stylesheet_directory''); ?>/images/vc-default.png" alt="<?php the_title(); ?>" /></a>
<?php endif; ?>

  仔细看这段代码,这里用了一个 if else 的条件判断语句:

  第一行中,if 括号里面的条件 ‘index_image’ 如果为 true(真),也就是说,我在编辑文章时使用了这个自定义字段,那么就直接执行第二行代码:输出 index_image 这个值,index_image 的值是一张图片的绝对地址,所以我这里就直接输出了这张图片,并加上该篇日志的链接;

  第三行的 else 的意思是除了第一行条件 true(真)之外(那就是假了)的话就执行第四行的代码;

  第四行中我输出了一张位于主题文件夹的 images 目录下的默认的图片——vc-default.png ,同时也带上了文章的链接。

  根据刚开始的那张图按下面的步骤就可以添加自定义字段了:

  1、添加自定义字段名:index_image (添加过一次之后就直接能在下面的下拉菜单中选择了);

  2、添加放在首页文章里的图片绝对地址;

  3、点击“添加自定义字段”的按钮。

  这样,更新完日志之后就能在首页看到效果了~ 不过根据不同的博客主题,需要对这张图片进行不同的样式定义,比如 float:right 或 left ,亦或再给图片加个 border 等等,这就要看大家的想象力和喜好了。

WordPress自定义分类图片

  get the category 可以获取 cat_ID(分类 ID)、cat_name(分类名)、category_nicename(分类缩略名)、category_description(分类描述)、category_parent(分类层级) 以及 category_count 等信息,那么,我们就可以用 category_nicename 命名图片,然后匹配并输出。

<?php foreach((get_the_category()) as $cat)
{
$catname =$cat->category_nicename;
echo "<a href\"/category/";
echo $catname;
echo "/\">";
echo "<img src\"/wp-content/cat-icons/";
echo $catname;
echo ".jpg\" alt=\"$catname category image\" border=\"0\" /></a>\n";
}
?>

  代码很简单,就是查询日志所在分类及其缩略名,然后自动在 cat-icons 目录匹配 category_nicename.jpg,然后输出。当然,你可以更改.jpg为你喜欢的各种图片格式。代码的第四行:

echo "<a href\"/category/";

  中category应该改为你所设置的固定链接格式的名字,比如我这里设置的是/c/分类名,那就需要把这一行代码改为:

echo "<a href\"/c/";

  倡萌从中得到启发,应该是可以实现缩略图的调用顺序,比如:特色图片>自定义域图片>文章第一张>分类图片>随机图片>默认图片,这个以后真用到或者有时间的时候再试试。

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-fields.html

网学推荐

免费论文

原创论文

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