欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

个人博客制作如何选择前端模板 thinkcmf后台加载新模板 CSS js文件

程序员文章站 2023-09-08 23:36:15
我们的博客后台已经搭建好了,接下来我就要选择一个合适的模板做自己的博客,首先要定位你的博客是做什么用的,是属于什么行业,根据自己博客的定位选择适合的模板。 如果你是设计师,又会前端设计开发,那就可以自己原创设计模板,由于小编设计及前端不太专业,所以这里就不班门弄斧了,我从网上下载了一个模板,用来讲解 ......

我们的博客后台已经搭建好了,接下来我就要选择一个合适的模板做自己的博客,首先要定位你的博客是做什么用的,是属于什么行业,根据自己博客的定位选择适合的模板。

如果你是设计师,又会前端设计开发,那就可以自己原创设计模板,由于小编设计及前端不太专业,所以这里就不班门弄斧了,我从网上下载了一个模板,用来讲解和开发这次的博客。

从网上下载模板的地方很多,这里也给大家推荐几个不错的模板下载网站,我必较常用的几个网站是,云码素材,猪猪源码,17素材,jqueryfans,jquery222等素材站。从这些网站你可以选择下载个人博客模板,下面的图片是我的博客模板。

个人博客制作如何选择前端模板 thinkcmf后台加载新模板 CSS js文件

个人博客制作

一.修改模板描述文件

thinkcmf系统已经发布了5.1版本,基于thinkphp5.1最新,最稳定的版本,这次我开发的云码博客系统也是基于5.1的最新版本,如何把你下载的的静态模板添加到后台呢?

public hemes文件夹下是thinkcmf存放模板的地方,新建一个文件夹,或者你复制默认文件夹重命名就行了。每一个前台模板根目录都会有一个manifest.json描述文件,它的结构如下:

{

"name": "simpleboot3",/*模板名,和目录名一样*/

"version": "1.0.0",/*模板版本号*/

"demo_url": "http://demo.thinkcmf.com",/*模板演示地址*/

"author": "thinkcmf",/*模板作者*/

"lang": "zh-cn",/*模板的语言*/

"author_url": "http://www.thinkcmf.com",/*模板作者个人主页*/

"keywords": "thinkcmf模板",/*模板关键字*/

"description": "thinkcmf默认模板!"/*模板描述*/

}

二.修改模板文件里的css,js,图片路径

修改模板文件里的css,js,图片路径,用__tmpl__/public/assets/css,替换模板里的css路径即可,其它的js,images一样的替换就行了,__tmpl__在thinkcmf里是模板路径变量名称,不懂的可以去官网查看手册。

个人博客制作如何选择前端模板 thinkcmf后台加载新模板 CSS js文件

个人博客制作

三.后台添加模板及启用模板

3.1后台模板管理,安装模板,就能看到你刚才复制的模板,安装即可。

3.2 安装过后,在所有模板里点击启用,这样模板就可以正式启用了。

清除一下缓存,在浏览器里输入你的本地域名,是不是发现你的网站新模板已经可以打开了,到这里我们这一节也就结束了,下一节我们将学习和开发,后台添加博客分类,前端博客导航修改成动态调用数据及其它的细节开发。跟着我一步一步把你的博客建立起来。

个人博客制作如何选择前端模板 thinkcmf后台加载新模板 CSS js文件

个人博客制作

我们的代码会共享出来,分享给大家。如果你获取完整的文字教程,视频教程,源码,关注工众号:云码素材,私信我入群,和小伙伴一起学习,一起动手制作,一起探讨代码。

欢迎大家加我微信,xnynews,加入500人微信群,一起学习php开发,也欢迎大家关注我的公众号:云码素材

个人博客制作如何选择前端模板 thinkcmf后台加载新模板 CSS js文件