Django cms 教程三:创建模板

一、下载模板文件

我们直接用Bootstrap里面的Clean Blog模板作为我们网站的模板。进入https://startbootstrap.com/template-overviews/clean-blog/这个页面,可以看到Clean Blog模板的效果,点击图中的“Download”链接下载。

小提示:

进入https://startbootstrap.com/template-categories/all/页面,可以查看更多的Bootstrap模板。

二、复制模板文件

将下载的文件解压缩,然后选择其中的下面这个文件夹,复制。

将上面4个文件夹粘贴到你的网站项目的static文件夹下面。如果提示文件已经存在,直接覆盖即可。

三、修改base.html

1、复制base.html

base.html是django CMS网站的基本模板文件,它定义了网站的基本结构,其他模板文件都是从它继承而来,在我们新建的网站项目mysite的templates文件夹下面已经有一个base.html。

从我们之前下载的Clean Blog模板中,选择about.html,并复制,然后粘贴到我们网站项目的templates文件夹下面,然后删除templates文件夹下面的base.html文件,将about.html文件改名为base.html文件。

2、修改CSS地址

打开base.html文件,在最开头部分添加以下代码:

将以下代码:

改成如下的形式:

3、修改顶部图片
相应的代码为:

改成如下的形式:

4、修改Javascript
将原来的代码:

修改成:

保存之后,退出。

四、查看效果
启动web服务器,在浏览器中输入http://localhost:8000/,就可以看到效果。

五、添加django CMS工具栏

我们创建自己的模板时,用Clean Blog模板中about.html文件的内容替换了系统中的base.html文件的内容,从上图我们可以看到,django CMS的工具栏不见了。

要将django CMS工具栏添加到你的模板十分简单,只需要将下面几个tags添加到模板中即可。

它们的添加位置如下:

添加完成之后,我们发现工具栏又出现了。

顺便说一下,系统原来的base.html是这样的:

原文链接:https://blog.csdn.net/faleshi/article/details/104175429?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522171852222816800211542048%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=171852222816800211542048&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-15-104175429-null-null.nonecase&utm_term=cms%E4%B8%BB%E9%A2%98

© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享