pbootcms仿站教程,真实案例执行零基础快速上手

  • A+
所属分类:建站教程

dedecms商业授权的解决方案,你可能需要这篇内容后,就想着出一套的这样的仿站教程,但篇幅不会太长,建议您看看dede仿站_织梦仿站_dedecms仿站里面的相关内容,可以方便您快速了解这个仿站机制是怎么样的。

开源程序:PbootCMS官网-永久开源免费的PHP企业网站开发建设管理系统

版本:V3.0.9

相关开发文档内容:开发手册-PbootCMS官网-永久开源免费的PHP企业网站开发建设管理系统

前置条件

开始仿站

在最开始的时候,需要先找到一个参考的网站,通过仿站相关软件,将网页中相关静态文件下载存储下来。

将下载下来的程序复制至phpstudy的根目录下,访问网站(相关细节可以官方的快速入门教程)

安装模板

将仿站工具下载下面的内容,防止在pbootcms的template文件夹中,然后通过后台 - 基础内容 - 站点信息 - 站点模板,试着访问看看。

这里需要留意的一个内容是模板文件下的html 还需要再增加一个html文件夹,才可以访问:

pbootcms仿站教程,真实案例执行零基础快速上手

如果界面没有发生改变,那么在后台使用清理缓存即可。

那么最简单的仿站你已经完成了第一步。

模板替换

在上面我们把首页给展示出来,那么接下来需要处理的就是怎么将后台的数据,与前台的数据进行对接。

  1. tag"><title>{pboot:pagetitle}</title>
  2. <meta name="keywords" content="{pboot:pagekeywords}">
  3. <meta name="description" content="{pboot:pagedescription}">
  4. <link rel="stylesheet" href="{pboot:sitetplpath}/css/bootstrap.min.css">
  5. <link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/css/mipcms.css">
  6. <link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/css/index.css">
  7. <link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/css/footer.css">

如上标题的变量,关键词和描述的变量,都获取到了,那么不用管他的原理是什么,先搬过来用即可,那么sitetplpath,在界面解析中我们可以看到,它指向的是模板的位置。

即:/template/qmw/css/

pbootcms仿站教程,真实案例执行零基础快速上手

新闻产品展示

大多数的网站中,都会存在产品,新闻等相关内容,其实他们的两者是一样的,我们这里就来取新闻中的内容获取出来。

  1. {pboot:list scode=2 num=4 order=date}
  2.     <div class="fl news_index_box"><a href="[list:link]">
  3.         <div class="index_top">
  4.             <div class="fl"><img src="{pboot:sitetplpath}/images/icon_xwbt.png" alt=""></div>
  5.             <div class="fl"><div><h5>[list:title lencn=20]</h5><p>[list:content drophtml=1 dropblank=1 lencn=60]</p></div></div>
  6.         </div></a>
  7.     </div>
  8. {/pboot:list}

从上述中得到相关的信息,list是一个循环内容,scode为一份分类,num为要显示的数据,order为内容排序,order=date,那么剩下的部分link为内容的链接,title lencn为标题中取20个字,content为描述实际内容中取60个汉字,dropblank为去格式化,drophtml去内容中的html标签内容。

内容详情页

内容页可以先参考首页部分的TKD部分,先修改上述的内容。

对于详情页,其实比上面的内容要简单的多了,各自的对应的固定标签即可

 

公用模块

看了dede仿站内容后,你可以看到网站的头部与底部内容要独立分配出来,这样方便公共区域部分的修改,就顺理成章的拆分出两个html文件,head.html和foot.html文件。

pbootcms仿站教程,真实案例执行零基础快速上手

如上图,对于公共部分的部分,就用的合并的方式,进行内容的整合,方便一次修改后,网站所有的部分都会被修改掉,常规的企业站如果你的内容比较少,不分也没有关系,但是一旦内容过多的时候,那么就是一个脑壳疼的事情了,所以建议还是处理掉的。

公共的部分通常:头部导航,加底部的大面积相同的内容。

SEO优化

在最开始的我们选用的{pboot:pagetitle}作为网站的标题,根据官方的开发文档解释说:根据不同页面自动显示标题,但是在实际的运用中发现,这里会有一个标题过长的情况

  1. <title>PbootCMSV1.0.0正式发布-公司动态-PbootCMS-永久开源免费的PHP企业网站开发建设管理系统</title>

它的组成结构是:文章标题 - 分类 - 主标题 - 网站副标题 这么组成方式

而实际上我们需要的仅仅:文章标题 - 主标题即可,即:

PbootCMSV1.0.0正式发布-PbootCMS

其他的部分存在的价值并不高,只会浪费掉关键词的拆解后的权重值,简单理解为:机器无法识别出你这个标题上哪一个部分是主要部分,有人会说,上面的所有内容,我都想要,那么你要浪费的优化时间就不是你可想象的了。

你可以参考:

如何更加巧妙的写好title和description(思途篇)

这是一篇技术贴“SEO网站诊断”

中文分词_百度百科 (baidu.com)

那么在网站使用的公共部分中,我们需要做就是嵌套部分内容,把TKD的内容给独立出来,这样就可以解决掉这个部分的问题。pbootcms仿站教程,真实案例执行零基础快速上手

最后的三个模块的部分就变成了下面的内容。

  1. ## 首页
  2. <title>{pboot:sitesubtitle} - {pboot:sitetitle}</title>
  3. <meta name="keywords" content="{pboot:pagekeywords}">
  4. <meta name="description" content="{pboot:pagedescription}">
  5. #分类
  6. <title>{sort:title} - {pboot:sitetitle}</title>
  7. <meta name="keywords" content="{sort:keywords}">
  8. <meta name="description" content="{sort:description}">
  9. #详情页
  10. <title>{content:title} - {pboot:sitetitle}</title>
  11. <meta name="keywords" content="{content:keywords}">
  12. <meta name="description" content="{content drophtml=1 dropblank=1 lencn=60}">

 

 

 

李金龙

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: