Django cms 教程十三
0
Django cms 教程十二：添加联系表单
0
Django cms 教程十一：设置头部动态效果
0
我们下载的Clean Blog模板的演示上，头部的图片是有特殊效果的，点击导航栏的首页、关于、博客链接，头部显示不同的图片，而且在Sample Post页面（文章内容页），文章的标题是显示在图片上的，如下图所示：
下面我们就来看看如何实现这个效果。
一、修改base.html
打开/templates/base.html，找到下面这段代码：
{% placeholder header or %}
<!-- Set your background image for this header ...
Django cms 教程十：完善最近文章列表
0
一、添加“OLDER POSTS”按钮
Clean Blog模板的首页除了4篇文章，还有一个"OLDER POSTS"的按钮链接，下面我们来看如何添加。
打开/templates/aldryn_newsblog/plugins/目录下的latest_articles.html，可以看到它的代码：
{% load i18n %}
{% for article in article_list %}
{% include "aldryn_newsblog/includes/article.html" with namespace=instance.app_config.namespace %}
{% ...
Django cms 教程九：添加最近发布文章列表
0
一、建立“关于”页面。
首先进入首页，然后点击导航栏的“Edit page”进入编辑模式。
然后执行页--页面设置功能
在弹出的窗口，将页面的标题修改为“关于”，缩略名修改为“about”，然后点击“保存”按钮。
然后再点一下工具栏上的“Publish page changes”.
二、添加首页
接上面的步骤，我们继续点击工具栏上的“edit page”进入编辑模式，然后点击执行工具栏上的“页——Create page——复制当前页”功能。
在弹出的对 ...
Django cms 教程八：设定文章页的格式
0
一、复制代码
使用Notepad++打开之前下载的Clean Blog模板文件中的index.html文件。
找到以下的一段代码：
<div class="post-preview">
<a href="post.html">
<h2 class="post-title">
Man must explore, and this is exploration at its greatest
</h2>
<h3 class="post-subtitle" ...
Django cms 教程七：添加文章
0
一、添加NewsBlog应用
点击导航栏的“博客”链接，进入博客页面。
单击“编辑”按钮进入编辑模式，
单击执行“页—高级设置功能”
Django CMS可以添加Django的APP到你的CMS中，在弹出的对话框中，找到“应用这个选项”，在下拉菜单中选择“NewsBlog”，然后点击保存按钮，并发布这个页面。
添加之后，导航栏多了一个“News & Blog”的链接，但是页面的内容还是空白的。
二、添加文章
点击导航栏的“创建”按钮， ...
Django cms 教程六：集成博客/新闻模块
0
Aldryn News & Blog是一个与Django cms兼容的模块，下面我们就将它集成到我们的网站，作为博客模块。
一、安装Aldryn News & Blog
进入我们的项目所在的开发环境，执行pip install aldryn-newsblog命令安装Aldryn News & Blog。
安装完成之后，我们可以进入Aldryn News & Blog的安装目录，可以看到，Aldryn News & Blog其实安装了挺多的东西：
因为我是用Anaconda安装的，所以Aldry ...
Django cms 教程五：添加内容
0
一、配置内容区域
Django cms模板中设置占位符非常简单，只需要添加{% placeholder "my name" %}代码即可。
在templates文件夹下面，新建一个content.html文件，将以下内容复制进去。
{% extends "base.html" %}
{% load cms_tags %}
{% block content %}
{% placeholder "content" %}
{% endblock content %}
二、设置不同的页面显示不同的图片
当前情况下，所有的页 ...
Django cms 教程四：设置内容和导航条
0
一、设置内容
打开base.html文件，将原代码；
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe nostrum ullam eveniet pariatur voluptates odit, fuga atque ea nobis sit soluta odio, adipisci quas excepturi maxime quae totam ducimus consectetur?</p>
& ...