当前位置:蚂蚁分类目录 » 站长资讯 » 站长运营 » 技术教程 » 文章详细 订阅RssFeed

Z-Blog PHP首页调用缩略图教程

来源:陈德馨博客 浏览:888次 时间:2021-05-12 21:57:17

百度搜索开启图文展示起,就进入读图时代了,单单的文字已经不能再吸引网民的眼球,所以大家也得跟着走。其实博客文章摘要显示图文效果也是不错的,特别是缩略图是文章内容相关的插图的话,还是很有效果的。虽然蚂蚁分类目录一直不是很喜欢调用缩略图,但相信还是有很多的站长希望自己网站能有这个功能,所以也就想着分享一下Z-Blog PHP版首页调用缩略图的方法。

先说下我的初步思路:

使用一个if判断,如果遇到有图的文章,输出展示缩略图的模板;遇到无图的,输出纯文字模板。

判断语句代码:

{php}
              $pattern="/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png]))
[\'|\"].*?[\/]?>/";//判断文章是否含有图片
              $content = $article->Content;
              preg_match_all($pattern,$content,$matchContent);
{/php}
            {if  isset($matchContent[1][0])}
              {template:post-multi-t-index}//有图模板
              {else}
{template:post-multi-w-index}//无图模版
              {/if}

有图模板代码:

<ul class="clearfix">
  <h1><a  href="{$article.Url} " target="_blank">{$article.Title}</a> 
<span>{$article.Category.Name}</span> </h1>
  <li>
  <p ><a href="{$article.Url}" title="{$article.Title}">
<img src="{$matchContent[1][0];}" style="float:left;" width="120" height="75" /></a>
  {php}
      $temp = preg_replace('/[\r\n\s]+/', '', 
trim(SubStrUTF8(Transferhtml($article->Intro,'[nohtml]'),150)).'...');
    {/php}
    {$temp}
</p>
</li>
</ul>

无图模版代码:

<ul class="clearfix">
 <h1><a  href="{$article.Url} " target="_blank">{$article.Title}</a> 
<span>{$article.Category.Name}</span> </h1>
  <li>
    <p >
  {php}
      $temp = preg_replace('/[\r\n\s]+/', '', 
trim(SubStrUTF8(Transferhtml($article->Intro,'[nohtml]'),150)).'...');
    {/php}
    {$temp}
</p>
</li>
</ul>

这样是不是比没有文章插图就随机调用更实际些呢?因为随机调用的几个缩略图都是指定一个文件夹内的几个图片文件,很多缩略图根本就是和文章内容没有任何关联。所以采想到上面的解决方法。