【php精品源码栏目提醒】:网学会员在php精品源码频道为大家收集整理了“【精品】PHPCMS模板标签说明 - 其它资料“提供大家参考,希望对大家有所帮助!
phpcms v9 模板制作教程本教程属于初级教程,高手可以旁听,虽然是初级教程但基础的 html 语言和 css是必须了解的,本教程属于基础篇,以后 phpcms 吧将会推出晋级篇。
第一节1、首先下载 phpcms v9 的集成安装包并安装在官方论坛里很显眼的位置,这里就不详细说明了。
2、本地调试建议大家使用 APMserver,或者 wampserver 等,可以到 PHPCMS 吧官方网站首页链接下载。
安装好打开 v9 的根目录“phproot→phpcms→templates”文件夹把“default”文件夹复制一份起名“redu”。
3、登陆 v9 后台登录地址:http://localhost/admin.
php用户名:phpcms 密码:phpcms4、打开界面→模板风格→风格标识 redu 下的详细列表下的 content 文件夹1、首先修改首页模板 index.html修改前向大家介绍下 v9 的工作模式,v9 和他的前身 phpcms 2008 是一样的都是“标签调用头部 首页部分 标签调用底部”所以按照从头开始的顺序第一步打开 heard.html现在我们开始分析 header.html 的构造:ltDOCTYPE html PUBLIC quot-//W3C//DTD XHTML 1.0 Transitional//ENquotquothttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdquotgtlthtml xmlnsquothttp://www.w3.org/1999/xhtmlquotgt上面是 W3C 网页标准ltheadgtltmeta http-equivquotContent-Typequot contentquottext/html charsetCHARSETquot/gtCHARSETquot 字符集 (gbk 或者 utf-8)ltmeta http-equivquotX-UA-Compatiblequot contentquotIE7quot /gtlttitlegtif issetSEOtitleampamp emptySEOtitleSEOtitle/ifSEOsite_titlelt/titlegt判断语句 翻译:如果设置了标题并且标题不为空,则显示标题,否则显示网站名称ltmeta namequotkeywordsquot contentquotSEOkeywordquotgtltmeta namequotdescriptionquot contentquotSEOdescriptionquotgtltlink hrefquotCSS_PATHreset.cssquot relquotstylesheetquot typequottext/cssquot /gtltlink hrefquotCSS_PATHdefault_blue.cssquot relquotstylesheetquottypequottext/cssquot /gt上面 2 行是外部 css 的调用CSS_PATHltscript typequottext/javascriptquot srcquotJS_PATHjquery.min.jsquotgtlt/scriptgtltscript typequottext/javascriptquotsrcquotJS_PATHjquery.sGallery.jsquotgtlt/scriptgtltscript typequottext/javascriptquotsrcquotJS_PATHsearch_common.jsquotgtlt/scriptgt上面 3 行是网页的 js 调用lt/headgtltbodygtltdiv classquotbody-topquotgtltdiv classquotcontentquotgtpc:content actionquotpositionquot posidquot9quot orderquotidquot numquot10quotcachequot3600quotltdiv idquotannounquotgtltulgtloop data k vltligtlta hrefquotvurlquotgtvtitlelt/agtlt/ligt/looplt/ulgtlt/divgt/pcltscript typequottext/javascriptquotgtfunctionstartmarqueeannoun2215003000lt/scriptgtltdiv classquotlogin lh24 bluequotgtltahrefquotAPP_PATHindex.phpmcontentampcrssampsiteidget_siteidquotclassquotrss ibquotgtrsslt/agtltspan classquotrtquotgtltscripttypequottext/javascriptquotgtdocument.writeltiframesrcquotAPP_PATHindex.phpmmemberampcindexampaminiampforwardencodeURIComponentlocation.hrefampsiteidget_siteidquotallowTransparencyquottruequot widthquot300quot heightquot24quot frameborderquot0quotscrollingquotnoquotgtlt/iframegtlt/scriptgtlt/spangtlt/divgtlt/divgtlt/divgtltdiv classquotheaderquotgtltdiv classquotlogoquotgtlta hrefquot/quotgtltimg srcquotIMG_PATHv9/logo.jpgquot/gtlt/agtlt/divgt下面是搜索部分ltdiv classquotsearchquotgtltdiv classquottabquot idquotsearchquotgtphp j0
php search_model getcachesearch_model_.siteid searchloop search_model kgtvphp jlta hrefquotjavascript:quot stylequotoutline:medium nonequot hidefocusquottruequotif j1 ampamp typeidvtypeid classquotonquot /ifgtvnamelt/agtifj countsearch_modelltspangt lt/spangt/if/loopphp unsetjlt/divgt ltdiv classquotbdquotgtltform actionquotAPP_PATHindex.phpquot methodquotgetquot targetquot_blankquotgtltinput typequothiddenquot namequotmquot valuequotsearchquot/gtltinput typequothiddenquot namequotcquot valuequotindexquot/gtltinput typequothiddenquot namequotaquot valuequotinitquot/gtltinput typequothiddenquot namequottypeidquot valuequottypeidquot idquottypeidquot/gtltinput typequothiddenquot namequotsiteidquot valuequotsiteidquot idquotsiteidquot/gtltinput typequottextquot classquottextquot namequotqquot idquotqquot/gtltinput typequotsubmitquotvaluequot搜 索quot classquotbuttonquot /gtlt/formgtlt/divgtlt/divgt搜索部分结束ltdiv classquotbannerquotgtltscript languagequotjavascriptquotsrcquotAPP_PATHindex.phpmposterampcindexampashow_posterampid1quotgtlt/scriptgtlt/divgtltdiv classquotbk3quotgtlt/divgtltdiv classquotnav-barquotgtltmapgtpc:content actionquotcategoryquot catidquot0quot numquot25quot siteidquotsiteidquotorderquotlistorder ASCquotltul classquotnav-sitequotgtltligtlta hrefquotsiteurlsiteidquotgtltspangt首页lt/spangtlt/agtlt/ligtloop data rltli classquotlinequotgtlt/ligtltligtlta hrefquotrurlquotgtltspangtrcatnamelt/spangtlt/agtlt/ligt/looplt/ulgt/pclt/mapgtlt/divgtif top_parentidltdiv classquotsubnavquotgtpc:content actionquotcategoryquot catidquottop_parentidquot numquot15quotsiteidquotsiteidquot orderquotlistorder ASCquotloop data rlta hrefquotrurlquotgtrcatnamelt/agtltspangt lt/spangt/loop/pcif modelidltahrefquotAPP_PATHindex.phpmcontentampcsearchampcatidcatidquotgt搜索lt/agt/iflt/divgt/iflt/divgt建议下载个 opera 浏览器 他的检查页面元素功能超赞!template quotcontentquotquotheaderquot调用根目录下 phpcms/template/content/header 文件lt--main--gt这个是模版注释!建议一定要养成写代码加注释的习惯这个是 div 标签,不知道什么是 div 可以的去网上找些教程学习下,这个都不了解就没必要继续看了lt--这里是 pc 标签pc:content 参数名quot参数值quot 参数名quot参数值quot 参数名quot参数值quot--gtpc:content actionquotpositionquot posidquot2quot orderquotlistorder DESCquot numquot4quotlt--显示 PC 标签中的数据--gtloop data rstr_cutrtitle36if n1/ifstr_cutrdescription112/loop/pclt--结束标签--gtlt--这里还是 pc 标签--gtpc:content actionquotpositionquot posidquot1quot orderquotlistorder DESCquotthumbquot1quot numquot5quotloop data r/loop/pc推广pc:block posquotindex_block_1quot/pc图片新闻pc:content actionquotpositionquot posidquot12quot thumbquot1quot orderquotid DESCquotnumquot10quotloop data rstr_cutrtitle20/loop/pcloop subcat000siteid rphp numrcatname更多gtgtpc:content actionquotlistsquot catidquotrcatidquot numquot1quot thumbquot1quotorderquotid DESCquot returnquotinfoquotloop info vstr_cutvtitle28str_cutvdescription100/loop/pcpc:content actionquotlistsquot catidquotrcatidquot numquot5quot orderquotid DESCquotreturnquotinfoquotloop info vstr_cutvtitle40/loop/pcif num20/if/loop公告pc:announce actionquotlistsquot siteidquotsiteidquot numquot2quotloop data rrtitle/loop/pc专题更多gtgtpc:special actionquotlistsquot siteidquotsiteidquot elitequot1quot listorderquot3quotnumquot2quotloop data rif n1/ifstr_cutrtitle18str_cutrdescription50/loop/pc热点 评论 关注排行pc:content actionquothitsquot catidquot35quot numquot10quot orderquotviews DESCquotloop data rrtitle/loop/pcpc:comment actionquotbangquot numquot10quot cachequot3600quotloop data rrtitle/loop/pcpc:content actionquothitsquot catidquot35quot numquot10quot orderquotviews DESCquotloop data rrtitle/loop/pc调查问卷更多gtgt更多gtgt友情链接申请链接pc:link actionquottype_listquot siteidquotsiteidquot linktypequot1quotorderquotlistorder DESCquot numquot8quot returnquotpic_linkquotloop pic_link v/loop/pcpc:link actionquottype_listquot siteidquotsiteidquot orderquotlistorder DESCquotnumquot10quot returnquotdatquotloop dat vif type0vname else/if/loop/pcfunctionnew slidequotmain-slidequotquotcurquot3102601//焦点图new SwapTabquot.SwapTabquotquotspanquotquot.tab-contentquotquotulquotquotfbquot//排行 TABtemplate quotcontentquotquotfooterquot养成书写规范的 DIV 标签搜索引擎优化seo中,对代码的优化也是一个很关键的步骤。
为了更加符合 SEO的规范,下面是目前流行的 CSSDIV 的命名规则:DIV ID 命名页头:header登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMenu搜索:search滚动:scroll页面主体:main内容:content标签页:tab文章列表:list提示信息:msg小技巧:tips栏目标题:title友情链接:friendLink页脚:footer加入:joinus指南:guild服务:service热点:hot新闻:news下载:download注册:regsiter状态:status按钮:btn投票:vote合作伙伴:partner版权:copyRightCSS ID 的命名外套:wrap主导航:mainNavglobalNav子导航:subNav页脚:footer整个页面:content页眉:header页脚:footer商标:label标题:title顶导航:topNav边导航:sideBar左导航:leftsideBar右导航:rightsideBar标识:logo标语:banner菜单 1 内容:menu1Content菜单 1 容量:menu1Container子菜单:submenu边导航图标:sidebarIcon注释:note面包屑:breadCrumb即页面所处位置导航提示容器:container内容:content搜索:search登陆:login功能区:shop如购物车,收银台当前的 current样式文件命名全站标签默认样式:general.css 或 global.css布局版式设计样式:layout.css 或 container.css通用样式(如文字、表单等):style.css专栏/频道样式:columns.css打印输出样式:print.css主题模板样式:themes.css如何利用 v9 仿制一个网站一、准备工具 1、css 手册2、phpcms 手册3、dw cs5 没有的可以用记事本4、ps5、屏幕尺子6、好色鬼7、网站下载器8、各种浏览器 ie6 ie7 ie8 ie9 火狐 谷歌 Opera Safari 用 ie 和火狐基本就够了9、有条件的可以准备个
php 手册和 html 手册10、亦歌(这个挺好用的听歌软件,我每次写代码都会打开他听歌)11、测试环境没有下个 phpcm v9 的集成包12、还没想到想到了在写(呵呵,为了多写点哈)二、准备素材1、用网站下载器下载准备仿的网站文件2、按照目标网站制作相应尺寸的图片 (如 logo)有些需要改,有些不需要改(这里也是为了多写点)3、还没想到还需要准备什么想到了在写(呵呵,还是为了多写点哈)三、开始仿站1、先打开亦歌听音乐吧2、打开需要仿的站,查看页面源代码!(在网页空白区右建就能看到)3、先找到网页的 css 文件(下载下来放到根目录staticscss 下改名 reset.css)为什么这么做ltlink hrefquotCSS_PATHreset.cssquot relquotstylesheetquottypequottext/cssquot /gtCSS_PATHreset.css 等于根目录staticscss 下 reset.css 文件 (如果用网站下载器下载了那么在下载文件里找到 css 文件复制过去会更方便)注:statics 目录下的文件部分是属于后台模版的,所以建议新建个目录放入你自己写好的 css、js 或者图片文件CSS_PATHreset.css 是后台的 css 代码,这里千万别改!改了后台就跑偏了4、编辑头部文件用 dwcs 5 或记事本打开 v9 模版目录下 header.html 文件。
phpcms v9 实现类别列表的栏目调用phpcms v9 在对应的栏目列表里调出该栏目所属的所有类别形成一个类别列表的调用方法比较简单.如下:ltphparrtype explodeusable_typegtloop arrtype tltahrefquotindex.phpmcontentampctypeampcatidcatidamptypeidtquotgtTYPEtnamelt/agt/loop效果就类似:lta hrefquotindex.phpmcontentampctypeampcatid9amptypeid54quotgt转载lt/agtlta hrefquotindex.phpmcontentampctypeampcatid9amptypeid53quotgt原创lt/agt需要注意的是在上面给出的代码开始之前必须引入ltphp TYPE getcachetype_contentcommonsgt这一句代码.否则 TYPE 没有定义就是空白的.另外类别的链接也需要上面那个帖子的辅助. phpcms 教程_标签调用代码详解 相对于其它 CMS 来说,phpcms 更为专业,功能也更为强大。
但,对于站长的入门要求也就稍微的高了一些。
特别是对根基比较差的站长,写下一些使用过程中的心得,以方便广大新手站长能够轻松入门,并打造出属于自己的网站。
一。
模板制作之标签篇 1. 内容标签在官方模板页里边,我们可以看到如 tag_网站首页头条 这样的标签。
这种标签就是“内容标签”,可以在后台的“模板风格”-gt的“内容标签管理”里进行查看和修改。
这种标签属于模块化的标签,也就是说它通过 SQL 语句查询配合数据调用条件赋值到模板通过模板引擎来进行读取和生成的。
大家编辑一下模板基本上就能看出来。
【如果打算做出一个个性化的网站,我不太推崇过多的使用这种方式,当然,很多重复调用的部分,用这种方式还是不错的。
或许是因为个人喜好,我个人不太常用这种方式,所以这里就不多讲,我们今天主要要讲一下 get】2. get 常用调用方式我觉得这种方式的灵活性很强大。
个人推荐。
下面将重点说一下,get 的几种常用调用方式,个人认为,做 phpcms 的模板,了解了get 基本上就够用了。
(1)调用一个栏目下的最新,带缩略图的文章,同时调用出起内容简介(多个栏目 ID 调用)以下为模板中的标签: ltdiv classquotoz_z1quot idquottt_indexquotgtget sqlquotselectfrom content where catidgt79 and catidlt85 andstatus99 and posids1 and thumb order by updatetime descquotrowsquot1quotltligtltA hrefquotrurlquot targetquot_blankquotgtstr_cutrtitle40lt/Agtlt/ligtltbr /gtltdiv idquottit_z1quotgtltdtgtltA hrefquotrurlquot titlequotstr_cutrtitle 50quottargetquot_blankquotgtltimg srcquotthumbrthumb 110 75quot/gtlt/Agtlt/dtgtltdlgtltA hrefquotrurlquottargetquot_blankquotgtstr_cutrdescription100lt/Agtlt/dlgtlt/divgt/get 在使用 get 的时候注意一点就是/get get 的结束标签。
说明: content 这是数据库里边数据表的名称,如果你的数据表前缀进行了修改,这里也必须进行修改。
如果你在安装 phpcms 的时候设置的为 woshi_. 那么这里就应该是 woshi_contentcatidgt79 and catidlt85 栏目 ID 大于等于75并且栏目 id 小于等于85. 也就是调用栏目 ID75 76 77 78 79 80 81 82 83 84 85的文章。
posids1 文章类型为首页推荐status99 文章已经通过审核thumb 缩略图不为空,也就是必须要有缩略图rurl 内容页的地址str_cutrtitle 40 文章标题,长度限制为40thumbrthumb 110 75 缩 略 图 地 址 缩 略 图 大 小 限 制 为width110px height75pxstr_cutrdescription100 文章简介调用 简介长度为100通过上面的调用及模板语句div li 我通过 css 的控制可得出如下test.gif。
具体的 css 部分,我们后面在讲。
(栏(2)调用多个栏目 ID, 目 ID 为不连续 ID) 也就是说我们在栏目建立初期有栏目 ID75 76 77 78 79 80 81 82 83 84 85。
而在建立了其它栏目之后,我们有在这个栏目添加了一个新的栏目,产生了一个新的 ID。
比如 ID 95. 那么我们应该怎么样使用 get 来调用啦?在(1)中我们使用了 catidgtXX and catidltXX 如果说现在要加入 catid95 那么就不能在用 and 了 而应该使用 or 。
具体方式如下get sqlquotselectfrom content where catidgt79 and catidlt85 orcatid95 order by updatetime descquot rowsquot6quot/get如果说我们这里调用的是文章标题列表 数量为6 那么我们要在div 中循环的就应该是 li 了。
具体如下ltdiv classquotoz_z2quotgtget sqlquotselectfrom content where catidgt79 and catidlt85 orcatid95 order by updatetime descquot rowsquot6quotltligtltA hrefquotrurlquot targetquot_blankquotgtstr_cutrtitle38lt/Agtlt/ligt/getlt/divgt这里说明一点 updatetime 的排序方式。
比如说我们想按照文章录入的时间来进行降序排列(也就是吧最新的排前面),在使用updatetime 之后,我们会发现,编辑一前的文章之后,这篇文章被调用到了列表的最前面。
所以 updatetime 是文章编辑或修改时间,如果我们不想以这种方式进行排序,而是想以文章录入时间进行降序排列,可以吧这里的 updatetime 改为 inputtime(3)使用 get 调用 栏目名及其相对应的栏目地址在使用 get 的 sql 查询时,我们通常都会查询 content 这个表,在这个表里边包括了所有的文章及下载等内容信息,但栏目只有 id 却没有栏目名,所有的栏目信息都在 category 这个表里边,其实打开数据库一看,我们就一目了然了。
所以在调用栏目名及其地址的时 候 我 们 需 要 借 助 str_cutCATEGORYrcatidcatname4这种方式来进行参数传递,呵呵,我索性连栏目名长度截取也加上,方便大家吧。
呵呵。
有够 BT ,呵呵 具体示例如下:ltdiv classquotoz_z2quotgtget sqlquotselectfrom content where catidgt52 and catidlt55 orcatid50 or catid77 or catid78 order by updatetime descquot rowsquot6quotltligtltpgtlta hrefquotCATEGORYrcatidurlquottargetquot_blankquotgtstr_cutCATEGORYrcatidcatname4lt/agtlt/pgtltA hrefquotrurlquot targetquot_blankquotgtstr_cutrtitle38lt/Agtlt/ligt/getlt/divgt这个 get 调用的栏目 ID 分别为52 53 54 55 77 78 活学活用 呵呵!CATEGORYrcatidurl 栏目地址str_cutCATEGORYrcatidcatname4 栏目名 长度为4 根据自己需要调整吧其他参数前面介绍了! 这里就不多说了 继续下一个问题。
(4)如何调用后台设置的标题颜色其实这个并不神秘。
只是个ltspangtlt/spangt而已! 呵呵 接下来就直接示例吧!ltdiv idquothdlistquotgtltulgtget sqlquotselectfrom 99inet_content where catid40 and status99order by updatetime descquot rowsquot7quotltligt datem-d r ltA hrefquotrurlquot targetquot_blankquotgtifrstyleltspan classquotrstylequotgt str_cutrtitle22lt/spangtelsestr_cutrtitle 22/iflt/Agtlt/ligt/getlt/ulgtlt/divgtget 部 分 俺 就 不 说 了 , 上 面 基 本 上 都 说 了 datem-drupdatetime 这个地方调用的是文章日期在这个小部分,大家注意我标出来的蓝色代码和量个绿色代码,有人会问:为什么调用两次标题里?? 呵呵 别急 接下来告诉大家为什么。
ltA hrefquotrurlquot targetquot_blankquotgtif rstyleltspanclassquotrstylequotgtstr_cutrtitle22lt/spangtelsestr_cutrtitle 22/iflt/Agt 有其实这段代码好简单奥, html 基础地人都能看明白。
ifrstyle如果数据库相对应的文章的 style 字段不为空(也就是有内容),就生成ltspan classquotrstylequotgtstr_cutrtitle 22lt/spangt 也就是说如果这篇文章你设置了标题颜色或者效果(加粗、斜体等),那么最终生成的 html 页应该是这样的lta hrefquot 文 章 地 址 quot targetquot_blankquotgtltspan classquotbquotgt 网 站 标 题 这里的 b 是标题加粗。
lt/spangtlt/agt 其实 class 的指是官方设置好的,其值我们在这里不深究。
如果说在后台没有给标题加任何效果。
你们生成的 html 就是lta hrefquot文章地址quot targetquot_blank 网站标题lt/agt 没有调用ltspangt而已我尽量说的比较简单了,我认为这个确实应该很简单了吧。
呵呵忘了一点,不过记得以前有位仁兄好像发过,想象我也加上吧,这样基本上 get 的常规用法就比较全面了。
(5)调用的技巧,limit 参.
上一篇:
[精品][课件]织梦网站系统课件 第1讲:织梦网站系统安装
下一篇:
2010年审计局工作总体计划