您现在的位置是: 首页 > 值得一看 > zblog教程

zblog教程

zblog怎么搭建专题页?如何实现调用多个tag及tag所属文章的图文教程

老鱼网 时间:2022-06-11 阅读数:106

第一种:

直接批量调用某个标签的所属文章列表,代码如下:

{php}$tids = explode(',',$article->Metas->pagetagid);{/php}
{foreach $tids as $key => $tid}{$array=Getlist(10,null,null,null,array($zbp->GetTagByID($tid)));}    <article class="tags-list-box">
        <figure class="tags-list-img"><a href="{$zbp->GetTagByID($tid)->Url}" class="pic-img-cover"{if $zbp->Config('gamelee')->blankoff=='1'} target="_blank"{/if}><img src="{$host}zb_users/theme/{主题ID}/include/topimg/{$zbp->GetTagByID($tid)->ID}.jpg" alt="{$zbp->GetTagByID($tid)->Name}" width="280" height="180"></a></figure>
        <div class="tags-list-content">
            <h3><a href="{$zbp->GetTagByID($tid)->Url}"{if $zbp->Config('gamelee')->blankoff=='1'} target="_blank"{/if}>{$zbp->GetTagByID($tid)->Name}</a></h3>
            <p>{if strlen ( $zbp->GetTagByID($tid)->Intro ) > 2}{$zbp->GetTagByID($tid)->Intro}{else}这是关于{$zbp->GetTagByID($tid)->Name} 文章的专题栏目,更多更详细的内容请点击查看详情。{/if}</p>
        </div>
    </article>{/foreach}
{foreach Getlist(10,null,null,null,array($zbp->GetTagByID(31))) as $related}    <li><a href="{$related.Url}">{$related.Title}</a></li>{/foreach}

其中,“$article->Metas->pagetagid”为函数接口,标签合集的缩略图为标签的ID,也可以自行增加后台接口,这样方便一些,这个就是实现标签列表合集的一种方式,效果图嘛,大概就是酱婶儿的。

zblog怎么搭建专题页?如何实现调用多个tag及tag所属文章的图文教程 第2张

第二种:

客户想要实现,设置固定的标签,显示不同的标签分类,比如我想要获取标签ID“1,2,5”集合的专题,那么想要实现这个功能,这就比第一个要复杂一些,但是也还是能实现,代码如下:

{php}$tids = explode(',',$article->Metas->pagetagid);{/php}{*按顺序填入tagID*}
{foreach $tids as $key => $tid}<div class="special-item">
    <div class="special-item-top">
        {$array=Getlist(4,null,null,null,array($zbp->GetTagByID($tid)));}        <div class="special-item-thumb"><a href="{$zbp->GetTagByID($tid)->Url}" target="_blank"><img class="j-lazy" src="{$host}zb_users/theme/{主题ID}/include/topimg/{$zbp->GetTagByID($tid)->ID}.jpg" alt="{$zbp->GetTagByID($tid)->Name}"></a></div>
        <div class="special-item-title">
            <h2><a href="{$zbp->GetTagByID($tid)->Url}" target="_blank">{$zbp->GetTagByID($tid)->Name}</a></h2>
            <p>{if strlen ( $zbp->GetTagByID($tid)->Intro ) > 2}{$zbp->GetTagByID($tid)->Intro}{else}这是关于{$zbp->GetTagByID($tid)->Name} 文章的专题栏目,更多更详细的内容请点击查看详情。{/if}</p>
        </div>
        <a class="special-item-more" href="{$zbp->GetTagByID($tid)->Url}">进入专题</a>
        </div>
        <ul class="special-item-bottom">
        {foreach $array as $article}            <li><a title="{$article.Title}" href="{$article.Url}" target="_blank">{$article.Title}</a></li>
        {/foreach}        </ul>
    </div>{/foreach}

其中“$article->Metas->pagetagid”自定义的页面接口,主题是在文章页后台可以设置多个标签ID,这个接口是自定义的,可以换成自己的接口,还有一个是图片,这里我不太清楚怎么去调用文章图片,所以你可以在标签直接一个缩略图接口,如图不做就像代码中的,以标签ID作为标识,给每个标签单独设置一个图片。另外代码中数字“4”则标签调用文章列表的数量,至于样式自己修改吧,这里不写了,毕竟对于审美来说每个人的观点不同的,效果图是酱婶儿的:

zblog怎么搭建专题页?如何实现调用多个tag及tag所属文章的图文教程 第3张

这个实现的效果就很清晰了,有标签集合同时也能显示部分调用的文章列表。

可能喜欢