Django cms 教程五:添加内容

一、配置内容区域
Django cms模板中设置占位符非常简单,只需要添加{% placeholder "my name" %}代码即可。

在templates文件夹下面,新建一个content.html文件,将以下内容复制进去。

1 {% extends "base.html" %}
2 {% load cms_tags %}
3  
4 {% block content %}
5     {% placeholder "content" %}
6 {% endblock content %}

二、设置不同的页面显示不同的图片
当前情况下,所有的页面顶部都是显示同一张图片。为了达到不同的页面显示不同的图片,我们同样需要在header部分添加占位符。在

1 <!-- Page Header -->

代码的后面加上

1 {% placeholder header or %}   

如图所示
Django cms 教程五:添加内容

这是django CMS占位符的高级使用,or %}的标签的意思是,占位符没有内容输出的时候,你可以通过or %}来定义显示的内容。在上例中,如果占位符没有内容输出,我们让它显示about-bg.jpg。

三、定义默认内容

定义默认标题,我们使用{% page_attribute "page_title" %}这个模板标签。

你可以通过Page > Page Settings来修改这个标题。

将以下的代码:

1 <div class="page-heading">
2  
3  
4 <h1>About Me</h1>
5  
6  
7  
8  
9 <hr class="small">
10  
11  
12     <span class="subheading">This is what I do.</span>
13 </div>

修改成这样:

1 <div class="page-heading">
2  
3  
4 <h1>{% page_attribute "page_title" %}</h1>
5  
6  
7 </div>

四、添加内容

由于没有添加任何内容,现在我们的首页还是空白,如下图所示
Django cms 教程五:添加内容

1、在添加内容之前,我们先来熟悉一下Django cms的浏览模式。

一种叫编辑模式:可以添加文章,设定网站的结构、外观等。

Django cms 教程五:添加内容

一种预览模式:进入这种模式后,可以查看你的网站实际发布后的效果,也就是别人浏览你的网站所看到的效果。

Django cms 教程五:添加内容

2、添加内容

进入网站的编辑模式,点击“结构”节点,进入结构视图模式,视图模式是我们给网站添加内容、设定网站外观时经常用到的,在这里你可以看到我们之前插入的两个占位符。

Django cms 教程五:添加内容

3、添加内容

点击“内容”右方的+号,在弹出的菜单中选择“文本”功能。

Django cms 教程五:添加内容

小提示:

 

在弹出的对话框中输入内容,点击“保存”按钮。

Django cms 教程五:添加内容

4、查看效果

点击工具栏的“内容”节点,可以看到我们刚才添加的内容。

Django cms 教程五:添加内容

 

Django cms 教程