【zblogphp必看】zblogphp文章缩略图调用方法,超详细

用户 仰望星空 2016-3-3 1539

本帖最后由 仰望星空 于 2016-3-3 13:35 编辑

文章缩略图一般都是调用文章的第一张图片,也可以自定义缩略图。调用自定义缩略图的方法:

1. 先搜索安装自定义字段插件


2. 打开插件,默认打开的是文章域,创建的字段会在文章页和页面出现


3. 创建一个缩略图字段,比如thumbnail,点击提交



4. 填写字段信息



5. 右边的代码就是生成的缩略图代码



6. 进入主题,打开文章列表内容调用的文件,一般是post-multi.php,添加如下代码:
{php}
$thumbnail = $article->Metas->thumbnail;
$pattern="/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png]))[\'|\"].*?[\/]?>/";$content = $article->Content;preg_match_all($pattern,$content,$matchContent);
if($thumbnail)
$temp=$thumbnail;
elseif(isset($matchContent[1][0]))
$temp=$matchContent[1][0];
else
$temp="http://ima.cdn.benru.cn/2015/12/12/slt.jpg";
{/php}

代码的意思是,如果有自定义的缩略图就调用自定义缩略图,否则调用文章第一张图片当缩略图,如果文章没有图片,哪就调用默认的图片当缩略图。上面的那行网址就是默认缩略图,可以自定义。


7. 然后在你想显示缩略图的位置添加这行代码就行了
<img src="{$temp}" alt="{$article.Title}" />

8. 点击新建文章,你会发现最下面多了一个输入框,这就是填写缩略图的地方。



9. 把你想调用的缩略图地址填写进去就行了,比如



10. 列表页会优先显示这个缩略图,当这个文章缩略图输入框为空的时候,就会调用文章第一张图片当缩略图,如果文章没有图片,就会调用默认的缩略图(详见第六条)


到此大功告成


最新回复 (13)
全部楼主
  • 用户 罗排超 2016-3-3 0
    引用 2
    先看看,需要时试试
  • 用户 仰望星空 2016-3-3 0
    引用 3
    本帖最后由 仰望星空 于 2016-3-3 13:49 编辑

    罗排超 发表于 2016-3-3 13:35
    先看看,需要时试试

    博客技巧这个分类没有别名,右上角导航你想干什么😁,不是404就是链接到首页
  • 用户 罗排超 2016-3-3 0
    引用 4
    仰望星空 发表于 2016-3-3 13:47
    博客技巧这个分类没有别名,右上角导航你想干什么,不是404就是链接到首页


    谢谢呀,刚转到php才整不久,还在完善中
  • 管理员 唐朝 2016-3-3 0
    引用 5
    不错

    唐朝博客  
    如果某个帖子我已经回复,需要得到我的进一步帮助的话请点击“回复”按钮,这样我才能知道你有其他问题。
    可提供收费定制插件、特效、代码咨询等服务,但由于时间因素仅限小工程。联系时请直接说明需要的部分,不要说客套话,不要发起好友请求。Z-Blog使用问题请先在论坛发帖,不要主动联系我。
    也可以进群与其他小伙伴交流---点击进群

  • 用户 鸟哥 2016-3-4 0
    引用 6
    mark一下mark一下
  • 用户 刘工 2016-3-4 0
    引用 7
    这样复制图片地址还是比较麻烦,如能直接上传并且自动真正的缩小就好咯
  • 用户 小众博客 2016-3-25 0
    引用 8
    这个不错,可以用文章内图片以外的图为缩略图,其他的插件只是提取文章内第一张图片。

    liubang.cc

  • 用户 阿拉JC 2016-4-2 0
    引用 9
    谢谢,新手还在学习阶段
  • 用户 chen6369249 2016-4-2 0
    引用 10
    zblogphp文章缩略图调用方法,超详细 www.776vod.com
  • 用户 鸟哥 2016-9-16 0
    引用 11
    【zblogphp必看】zblogphp文章缩略图调用方法,超详细
  • 用户 Mr_H 9天前 0
    引用 12
    请问一下,第6、7的代码到底加到哪里呀?搜索了一下 post-multi.php 文件一共有这么多:
    ./zb_users/theme/Sean_Cms/template/post-multi.php
    ./zb_users/theme/metro/template/post-multi.php
    ./zb_users/theme/iDrink/compile/post-multi.php
    ./zb_users/theme/iDrink/template/post-multi.php
    ./zb_users/theme/HTML5CSS3/template/post-multi.php
    ./zb_users/theme/WhitePage/template/post-multi.php
    ./zb_users/theme/default/template/post-multi.php
    ./zb_users/cache/compiled/Sean_Cms/post-multi.php
    ./zb_users/cache/compiled/iDrink/post-multi.php
    ./zb_users/cache/compiled/default/post-multi.php
    ./zb_system/defend/default/post-multi.php
    我使用的是iDrin主题,就试着修改了它目录下的post-multi.php文件,但是没有效果,
    可以指点一下吗?
  • 用户 Mr_H 8天前 0
    引用 13
    刚才又试了一下,需要修改的文件有:
    ./zb_users/theme/iDrink/compile/post-multi.php
    ./zb_users/theme/iDrink/template/post-multi.php
    ./zb_users/cache/compiled/iDrink/post-multi.php
    修改后,浏览器再清除一下缓存就可以了
  • 超级版主 沉冰浮水 8天前 0
    引用 14
    Mr_H 刚才又试了一下,需要修改的文件有: ./zb_users/theme/iDrink/compile/post-multi.php ./zb_users/theme/iDrink/template/ ...
    第一个compile文件夹可以直接整个删掉。。改template下的就行。。

    沉冰浮水.tk  ←_←我大概率能够解答你所实际面临的问题,然而问题往往是你提出的问题根本无从回答

    • ZBlogger技术交流中心
      15
          
返回