文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

phpcms标签模板及专题模板的制作

2022-06-12 01:50

关注

关键字描述:模板 制作 专题 标签 " < article if /if > class

phpcms标签模板及专题模板的制作

1.标签模板的制作

前面我们已经讲到了每个频道模板的制作,但是我们只是插入对应的标签代码,如何做到显示的效果能个性化,满足自己的要求呢?,那么我们就要对自己的标签模板做个性化的设计

所有以tag_开头的模板

都是标签模板

以文章频道的模板为例

我们会看到

tag_articlelist.html 文章列表标签模板

tag_picarticle.html 图片文章标签模板

剩下的两个我们一般做模板的时候,如果自己对于js代码不是很理解的话,我们一般不会去动它,

打开文章列表标签模板

CODE: [Copy to clipboard] <table width="100%" border="0" align="center" cellpadding="1" cellspacing="1">

{loop $articles $i $article}

{if $i%$cols==0} <tr> {/if}

<td height="20" width="{$width}">

{$article[img]} {if $showcatname}{$article[catname]}{/if} <a href="{$article[url]}" title="{$article[alt]}" target="{$target}" class="tag_title_link">{$article[title]}</a>

{if $showhits}({$article[hits]}){/if}

{if $showauthor}[作者:{$article[author]}]{/if}

{if $article[showcommentlink]}&nbsp;<a href="{PHPCMS_PATH}comment/?item=articleid&itemid={$article[articleid]}" target="_blank"><span class="color_red">评</span></a>{/if}

{if $datetype}[<span class="tag_date">{$article[adddate]}</span>]{/if}

{if $descriptionlen}<br/><span class="tag_description">&nbsp;&nbsp;&nbsp;&nbsp;{$article[description]}</span>{/if}

</td>

{if $i%$cols==($cols-1)}</tr>{/if}

{/loop}

</table>

{if $pages}

<div class="pages">{$pages}</div>

{/if} 这个里面

{loop $articles $i $article}是一个循环,我们要关注的就是这个循环里面的内容

{if $i%$cols==0} <tr> {/if} 我们在标签里面设定的参数,显示几列,根据这个来控制标签的显示

{$article[img]} 文章的图片,显示精华,置顶,还是普通文章

{if $showcatname}{$article[catname]}{/if} 所属栏目

{$article[url]} 文章路径

{$article[title]} 文章

{if $showhits}({$article[hits]}){/if} 点击数

{if $showauthor}[作者:{$article[author]}]{/if} 作者

{if $article[showcommentlink]} <a href="{PHPCMS_PATH}comment/?item=articleid&itemid={$article[articleid]}" target="_blank"><span class="color_red">评</span></a>{/if} 评论连接

{if $datetype}[<span class="tag_date">{$article[adddate]}</span>]{/if} 添加时间

{if $descriptionlen}<br/><span class="tag_description"> {$article[description]}</span>{/if} 描述说明

如果我们要实现时间的靠右对齐,那么我们可以把这个模板改成

CODE: [Copy to clipboard] <table width="100%" border="0" align="center" cellpadding="1" cellspacing="1">

{loop $articles $i $article}

关键字描述:模板 制作 专题 标签 " < article if /if > class

{if $i%$cols==0} <tr> {/if}

<td height="20" width="{$width}">

{$article[img]} {if $showcatname}{$article[catname]}{/if} <a href="{$article[url]}" title="{$article[alt]}" target="{$target}" class="tag_title_link">{$article[title]}</a>

{if $showhits}({$article[hits]}){/if}

{if $showauthor}[作者:{$article[author]}]{/if}

{if $article[showcommentlink]}&nbsp;<a href="{PHPCMS_PATH}comment/?item=articleid&itemid={$article[articleid]}" target="_blank"><span class="color_red">评</span></a>{/if}

{if $descriptionlen}<br/><span class="tag_description">&nbsp;&nbsp;&nbsp;&nbsp;{$article[description]}</span>{/if}

</td>

<td>{if $datetype}[<span class="tag_date">{$article[adddate]}</span>]{/if}</td>

{if $i%$cols==($cols-1)}</tr>{/if}

{/loop}

</table>

{if $pages}

<div class="pages">{$pages}</div>

{/if} 或者设置css里面tag_date的属性为float:right

图片文章页面的标签模板也是如此,我们需要做的,基本上就是css的变化来控制效果,这就需要大家对于css有一个比较浅显的掌握,具体可以参考css手册,网上到处都是,指的说明的一点,css的简写仅仅支持IE,FF和opera尚不能全部支持!

2.专题模板的制作

专题页面的制作主要设计的页面有

special.html 专题首页

special_list.html 专题列表页

special_show.html专题内容页

tag_speciallist.html专题标签页

专题是相同类型的文章组成的一个合集,大家可以把他看做一个栏目,只不过这个栏目比较特殊,它属于一个频道多个栏目下相同主题的文章合集,他的模板制作和文章栏目页面的制作是一模一样的,只不过是概念你的不同罢了,大家不要被这个概念吓到了!

写到这里,菠萝教你做模板系列基本要完工了,剩下的模板中,官方在默认模板中都有了相应的提示文件,相信不是很难看懂

这个教程希望对大家做模板有一个启发,请大家牢牢记住这一点

phpcms的模板就是html代码+js+标签

只要大家灵活掌握标签的调用,那么一定会做出很多个性化的pp模板的!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯