欢迎来到六久阁织梦模板网!
WordPress文章列表随机显示缩略图

WordPress文章列表随机显示缩略图

浏览次数: 0

作者: 六久阁织梦模板网

信息来源: 六久阁

更新日期: 2018-04-17

文章简介

在使用WordPress发布文章的时候,很多主题默认取文章第一个图片为缩略图,使用timthumb.php函数自动调整缩略图大小,并生成缓存文件,目前国内外大部分WordPress主题都采用此方法生成缩略图。这一方法的缺点是无法截取外链图片,处理起来特别麻烦。 我的方法

  • 正文开始
  • 热门文章

    在使用WordPress发布文章的时候,很多主题默认取文章第一个图片为缩略图,使用timthumb.php函数自动调整缩略图大小,并生成缓存文件,目前国内外大部分WordPress主题都采用此方法生成缩略图。这一方法的缺点是无法截取外链图片,处理起来特别麻烦。

    我的方法为如果文章没有插图的话, 就需要添加自定义域,并通过CSS控制缩略图大小。

    第一种方法为没有缩略图就指定固定的一张图片为缩略图,具体的代码为:


    <?php if ( get_post_meta($post->ID, 'thumbnail'true) ) : ?>
    <?php $image = get_post_meta($post->ID, 'thumbnail'true); ?>
    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php echo $image; ?>" alt="<?php the_title(); ?>"/></a>
    <?php else: ?>
    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/img.jpg" alt="<?php the_title(); ?>" /></a>
    <?php endif; ?>
     

    代码释义:


    <img src="<?php bloginfo('template_directory'); ?>/images/img.jpg" alt="<?php the_title(); ?>"/>
     

    为核心代码,指定当前模版文件下images文件夹中的img.jpg为缩略图,这个方法能实现指定固定一张图片为缩略图。

    但是在实际使用中,我们很多文章都没有图片的话,只用一张图片来当缩略图就显得不美观,我给出第二个方法,在默认占位图链接位置添加一句rand()函数就可随机调用特定目录下的多个图片,实现文章列表随机调用缩略图,具体代码为:


    <?php if ( get_post_meta($post->ID, 'thumbnail'true) ) : ?>
    <?php $image = get_post_meta($post->ID, 'thumbnail'true); ?>
    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php echo $image; ?>" alt="<?php the_title(); ?>"/></a>
    <?php else: ?>
    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/random/img<?php echo rand(1,5)?>.jpg" alt="<?php the_title(); ?>" /></a>
    <?php endif; ?>
     

    代码释义:


    /images/random/img<?php echo rand(1,5)?>.jpg 
     

    前面的img是图片的名称,我们可以新建几个名称为:img1.jpg, img2.jpg,img3.jpg,img4.jpg,img5.jpg的图片,放到使用的主题的/images/random/(图片所在的位置,可根据实际修改。)目录中,也可以是其它格式的图片,数字5是预设的的随机图片数量,可以修改此数字,并相应增加随机图片数量。

    将上面的代码添加到要调用缩略图的位置即可完美实现。


插件下载说明

未提供下载提取码的插件,都是站长辛苦开发,需收取费用!想免费获取辛苦开发插件的请绕道!

织梦二次开发QQ群

本站客服QQ号:3149518909(点击左边QQ号交流),群号(383578617) DedeCMS织梦教程QQ群 如果您有任何织梦问题,请把问题发到群里,阁主将为您写解决教程!

转载请注明: 织梦模板 » WordPress文章列表随机显示缩略图

  • Wordpress去Title标题中空格的方法
    阅读
    在修改Wordpress主题的过程中,被一个问题困扰了很久,很多主题都没有对title标签做特别处理,导致调用出来的文字前后会莫名其妙带一个空格,类似如下: title 文章标题 – 网站名称/ title 我特别忍受不了这种样式的title,虽然对seo没有太大影响,但是太不...
  • WordPress如何更改JPEG图片的压缩质量
    阅读
    默认情况下,WordPress会对上传的图片进行压缩,以免获得更好的性能和用户体验。长久以来,默认的压缩质量为 90%,直到 WordPress 4.5以后,就降低为 82% 了,为的是优化图片在手机端的加载速度。但是并不是所有的用户都希望如此。最近就有客户反馈说,为什...
  • WordPress获取全站文章页地址的方法
    阅读
    获取WordPress全站文章地址一般适用于sitemap制作,最近百度熊掌号推送很火,我们在使用curl推送方式进行推送的时候需要txt格式的网址文件,此时也需要调出全站文章网址,那这篇文章对你就很有帮助了! 首先创建一个php文件,代码如下: ?php require( ../wp...
  • WordPress去掉分类链接中category目录实现方法
    阅读
    用过WordPress的站长都知道,我们在后台修改固定链接后,在分类目录的路径中会多一个 /category/目录 ,关于去掉这个/category/目录的方法,网上有不少,但是大多都是用插件来实现,我素来不喜欢在后台安装太多插件,我搜集整理了无插件实现去/category/目录...
  • WordPress如何关闭自动保存文章和修订功能
    阅读
    使用WordPress一段时间,在发布文章的时候,惊奇的发现才发布不到10篇文章的网站,新文章的ID已经排到50多。 我查询之后得知这是因为WordPress默认在发布文章或修改文章时会自动保存文章和修订版本,这主要是为了防止大家在编辑文章时电脑突然停止运行导致文...
  • WordPress批量去掉文章图片的链接
    阅读
    wordpress在发布文章的时候,插入图片,有个默认的选项是“链接到媒体页面”,如果不改成“无”的后果就是点击文章的图片时会在当前窗口跳转到图片页面,不仅用户体验不好,而且造成搜索引擎蜘蛛爬去无法返回的不良后果,发现这个问题后,我及时找到解决方法...
  • WordPress如何制作虚拟Robots.txt文件
    阅读
    做SEO的应该知道 robots协议(也称为爬虫协议、爬虫规则、机器人协议等),也就是通常添加到网站根目录的robots.txt 文件,它的作用在于告诉搜索引擎哪些页面可以抓取,哪些页面不能抓取,从而优化网站的收录结果和权重,这个文件对网站的seo可谓重中之重。 在...
  • WordPress文章列表随机显示缩略图
    阅读
    在使用WordPress发布文章的时候,很多主题默认取文章第一个图片为缩略图,使用timthumb.php函数自动调整缩略图大小,并生成缓存文件,目前国内外大部分WordPress主题都采用此方法生成缩略图。这一方法的缺点是无法截取外链图片,处理起来特别麻烦。 我的方法...
  • WordPress头部文件中title标签通用代码
    阅读
    我们在制作wordpress主题的时候,一般读会把头部单独写到header.php文件中,这时有一个问题就是在头部文件中,title标签的写法,很多主题都是这样定义的: title?php bloginfo(‘name’); wp_title(); ?/title 这里不仅内页的title顺序会出错,调整后连接符...
  • WordPress文章页原创Meta声明标注
    阅读
    今天,就说说如何在WordPress中添加原创Meta信息标注。 方法一、Header.php中添加 将以下代码复制到当前使用的主题的 header.php 的 head 和 /head 之间即可 //精准获取当前页面地址(也可以添加到functions.php当中作为固定函数) if (!function_exists( cu...
收藏此文 打赏本站

如本文对您有帮助,就请六久阁织梦模板网抽根烟吧!

  • 支付宝打赏
    支付宝扫描打赏
    微信打赏
    微信扫描打赏
WordPress如何关闭自动保存文章和修订功能
« 上一篇 2018年04月17日
WordPress头部文件中title标签通用代码
下一篇 » 2018年04月17日

精彩评论

有问题在这里提问,阁主会为你解决!
  • 全部评论(0
    还没有评论,快来抢沙发吧!