- A+
在dedecms商业授权的解决方案,你可能需要这篇内容后,就想着出一套的这样的仿站教程,但篇幅不会太长,建议您看看dede仿站_织梦仿站_dedecms仿站里面的相关内容,可以方便您快速了解这个仿站机制是怎么样的。
开源程序:PbootCMS官网-永久开源免费的PHP企业网站开发建设管理系统
版本:V3.0.9
相关开发文档内容:开发手册-PbootCMS官网-永久开源免费的PHP企业网站开发建设管理系统
前置条件
- 前端简单阅读能力
- php简单阅读能力
- 网站构成原理理解
- 网站各目录理解
- 熟练使用编程软件
- 本地搭建phpstudy(Windows版phpstudy下载 - 小皮面板(phpstudy) (xp.cn))
- 仿站软件(【软件】仿站小工具 V10.6 下载 | 【官网】仿站小工具 v10.6 (smalltool.github.io))
开始仿站
在最开始的时候,需要先找到一个参考的网站,通过仿站相关软件,将网页中相关静态文件下载存储下来。
将下载下来的程序复制至phpstudy的根目录下,访问网站(相关细节可以官方的快速入门教程)
安装模板
将仿站工具下载下面的内容,防止在pbootcms的template文件夹中,然后通过后台 - 基础内容 - 站点信息 - 站点模板,试着访问看看。
这里需要留意的一个内容是模板文件下的html 还需要再增加一个html文件夹,才可以访问:
如果界面没有发生改变,那么在后台使用清理缓存即可。
那么最简单的仿站你已经完成了第一步。
模板替换
在上面我们把首页给展示出来,那么接下来需要处理的就是怎么将后台的数据,与前台的数据进行对接。
- tag"><title>{pboot:pagetitle}</title>
- <meta name="keywords" content="{pboot:pagekeywords}">
- <meta name="description" content="{pboot:pagedescription}">
- <link rel="stylesheet" href="{pboot:sitetplpath}/css/bootstrap.min.css">
- <link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/css/mipcms.css">
- <link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/css/index.css">
- <link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/css/footer.css">
如上标题的变量,关键词和描述的变量,都获取到了,那么不用管他的原理是什么,先搬过来用即可,那么sitetplpath,在界面解析中我们可以看到,它指向的是模板的位置。
即:/template/qmw/css/
新闻产品展示
大多数的网站中,都会存在产品,新闻等相关内容,其实他们的两者是一样的,我们这里就来取新闻中的内容获取出来。
- {pboot:list scode=2 num=4 order=date}
- <div class="fl news_index_box"><a href="[list:link]">
- <div class="index_top">
- <div class="fl"><img src="{pboot:sitetplpath}/images/icon_xwbt.png" alt=""></div>
- <div class="fl"><div><h5>[list:title lencn=20]</h5><p>[list:content drophtml=1 dropblank=1 lencn=60]</p></div></div>
- </div></a>
- </div>
- {/pboot:list}
从上述中得到相关的信息,list是一个循环内容,scode为一份分类,num为要显示的数据,order为内容排序,order=date,那么剩下的部分link为内容的链接,title lencn为标题中取20个字,content为描述实际内容中取60个汉字,dropblank为去格式化,drophtml去内容中的html标签内容。
内容详情页
内容页可以先参考首页部分的TKD部分,先修改上述的内容。
对于详情页,其实比上面的内容要简单的多了,各自的对应的固定标签即可
公用模块
看了dede仿站内容后,你可以看到网站的头部与底部内容要独立分配出来,这样方便公共区域部分的修改,就顺理成章的拆分出两个html文件,head.html和foot.html文件。
如上图,对于公共部分的部分,就用的合并的方式,进行内容的整合,方便一次修改后,网站所有的部分都会被修改掉,常规的企业站如果你的内容比较少,不分也没有关系,但是一旦内容过多的时候,那么就是一个脑壳疼的事情了,所以建议还是处理掉的。
公共的部分通常:头部导航,加底部的大面积相同的内容。
SEO优化
在最开始的我们选用的{pboot:pagetitle}作为网站的标题,根据官方的开发文档解释说:根据不同页面自动显示标题,但是在实际的运用中发现,这里会有一个标题过长的情况
- <title>PbootCMSV1.0.0正式发布-公司动态-PbootCMS-永久开源免费的PHP企业网站开发建设管理系统</title>
它的组成结构是:文章标题 - 分类 - 主标题 - 网站副标题 这么组成方式
而实际上我们需要的仅仅:文章标题 - 主标题即可,即:
PbootCMSV1.0.0正式发布-PbootCMS
其他的部分存在的价值并不高,只会浪费掉关键词的拆解后的权重值,简单理解为:机器无法识别出你这个标题上哪一个部分是主要部分,有人会说,上面的所有内容,我都想要,那么你要浪费的优化时间就不是你可想象的了。
你可以参考:
如何更加巧妙的写好title和description(思途篇)
那么在网站使用的公共部分中,我们需要做就是嵌套部分内容,把TKD的内容给独立出来,这样就可以解决掉这个部分的问题。
最后的三个模块的部分就变成了下面的内容。
- ## 首页
- <title>{pboot:sitesubtitle} - {pboot:sitetitle}</title>
- <meta name="keywords" content="{pboot:pagekeywords}">
- <meta name="description" content="{pboot:pagedescription}">
- #分类
- <title>{sort:title} - {pboot:sitetitle}</title>
- <meta name="keywords" content="{sort:keywords}">
- <meta name="description" content="{sort:description}">
- #详情页
- <title>{content:title} - {pboot:sitetitle}</title>
- <meta name="keywords" content="{content:keywords}">
- <meta name="description" content="{content drophtml=1 dropblank=1 lencn=60}">