分享

首页幻灯片中图片无法显示的解决办法

 情踏天涯 2012-11-26

很多wordpress主题都采取了首页幻灯片(或滑块)的展现形式,图文结合是人们喜欢的浏览形式,通过幻灯片轮播或滚动展示等形式在网站首页中呈现出来,即美观,又有亲和力。

那么当你一次一使用某个wordpress主题时,你经常会碰到这样的问题:1、不知道怎样设置幻灯片内容。2、不知道怎样让图片在幻灯片中显示出来。

如果你碰到这样的问题,你别着急,这是很正常的现象,以我为例,虽然我制作过一些主题,虽然我看过大量的有关主题的文章和教程,而且还测试过各种类形的主题,但是每次碰到新的类型,我至少得花费一天左右的时间才能了解如何设置才能让首页的幻灯片调出图片。

下面我介绍五种常见的图片调用问题:

第一种:在文章中抓取第一张图片。

我最初编制的几款主题采取的就是这种方式,这也是我们中国人最容易接受和理解的。特别是展示性和创作性的博文,这样的文章,它第一幅图片和文章的内容是紧密联系在一起的。于是我找到了这样的函数:

function catch_that_image() {

global $post, $posts;

$first_img = ”;

ob_start();

ob_end_clean();

$output = preg_match_all(‘//i’, $post->post_content, $matches);

$first_img = $matches [1] [0];

if(empty($first_img)){ //Defines a default image

$first_img = “如果没有图片则显示的图片地址”;

}

return $first_img;

}

这个函数是自定义函数,可以把它放在主题的functions.php文件中,调用时通过

echo catch_that_image(); 调用。

当然我定义这个函数时起的名字是catch_that_image,别人或者你也许起其他的名字。

这个函数的功能就是通过正则表达式//i,调用正文中包含图片调用的代码。

对于应用这种函数的主题,只要你正确的配置了想要调用分类目录的ID,即可自动抓取该分类目录中最新文章的第一张图片。

第二种:指定幻灯片图像地址。

这个很好理解,在主题配置选项中把想要出现的图像地址链接填好,或者根据图片传功能按键来上传后配置好这些图像。

当然也有的主题制作的很简单,在配置选项中没有上传图像的功能,或者连提交图像网络地址的功能也没有,而是只调用images文件夹中的田固定的几张图像。这种情况你就制作相同大小的图像,想替换哪个图像就起和那个图像一样的名称,上传替换该图。

第三种:调用特色图像中的图片。

自从研究了外国主题,我才知道特色图像是很实用的,我第一次接触是在Striking主题中。特色图像是在对应文章保存的位置增加了一个字段。虽然wordpress官方承认和增加了这个字段,但是在官方函数中这个特色图像的函数却是关闭的,想要开启这个功能,需要在主题的functions.php中加入这样的代码来开启这个功能。

add_theme_support( ‘post-thumbnails’ );

开启特色图像后,可以在首页、文章分类目录、文章内容上通过the_post_thumbnail();函数来调用。

国外的很多主题根据这一功能,将首页的幻灯片调用图像确定为调用该文章中的特色图像,所以配置这类主题的时候,需要你在文章中添加特色图像。

前两天我碰到一款主题很人性化,就是先调用特色图像,如果没有特色图像再调用文章的第一个图片,这个设置很好,如果你自己制作或修改主题,建议采用。采用的方式就是结合第一种和第三种,然后用

if ( has_post_thumbnail() ) {

the_post_thumbnail();

} else {

echo catch_that_image();

}

调用。

那么对于第一次使用国外主题的朋友,要注意特色图像的运用,你只能调出文章标题,却无法调出首页幻灯片的图片时,很可能是你没有设置特色图像。

第四种:调用专门的“滑块”文章。

“Slides”这个词的汉语意思是“滑块”,反正就是通过滑动的方式一块一块的展示,为什么不直接叫“幻灯片”呢?我想可能是“幻灯片”展示的是图片,“滑块”强调的是“块”,在“块”中可以是图片,也可以是图文组合。

Minos主题就是这种,它不像Striking主题那样可以选择首页幻灯片的分类目录,而是“很执着”的调用你发布在“slides”中的文章,你可以设置图片、标题、摘要内容的搭配形式。当然这种“滑块”调用的也是特色图片。它的本质和第三种是一样的。

第五种:调用自定义字段的图像地址。

都介绍了四种,还有第五种!你是不是觉得怎么这么乱呢?我觉得这就是wordpress在发展中产生了这种需要,于是wordpress爱好者们八仙过海各显神通,就形式了这么多种变化。其实还有第六种,但我实在不想研究了,我就把第六种的函数代码改成第五种这样的了。因为第五种还是可以接受的。

碰到第五种主题时我才知道,原来wordpress在编辑文章时,可以自定义字段。点击右上解的“显示选项”,出现下拉内容,看到有个“自定义栏目”,勾选它,这样在文章编辑的下方就出现“添加自定义栏目:”,填好“名称”,填好“值”,点击下面的“添加自定义栏目”按纽。这里的“值”很好理解,就是图像的网络地址,那么“名称”填什么呢?名称就是这个自定义字段的名称,该主题是通过get_post_meta($post->ID,’slide’, true);这样的函数调用的,get_post_meta函数的第2个参数中的内容slide就是你要在名称中填的内容。

首页幻灯片中图片显示

这里面又出来个函数get_post_meta()它是调用自定义字段的函数,如果你感兴趣可以网上查找它的用法,你可以用它调用各类的自定义内容。

写了这么多,希望你能顺利的使用上你喜欢的主题。

对于以上内容如果有不清楚的地方,可在下面的“发表评论”中给我留言,我会耐心解答。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多