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 教程七:添加文章

1
一、添加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> & ...

Django cms 教程三:创建模板

0
一、下载模板文件 我们直接用Bootstrap里面的Clean Blog模板作为我们网站的模板。进入https://startbootstrap.com/template-overviews/clean-blog/这个页面,可以看到Clean Blog模板的效果,点击图中的“Download”链接下载。 小提示: 进入https://startbootstrap.com/template-categories/all/页面,可以查看更多的Bootstrap模板。 二、复制模板文件 将下载的文件解压缩,然后选择其中的下面这个文件夹, ...

Django cms 教程二:新建页面

0
1、新建首页 输入标题、缩略名,然后点击创建按钮。 2、新建第二个页面 单击最上端的“创建”按钮,在弹出的对话框中选择“新建页面”,然后单击“下一个”按钮。 输入标题和缩略名,单击“创建”按钮。 3、发布页面 单击Django cms 图标旁边的example.com,在弹出的菜单中选择“页”的功能。 执行上面的功能之后,相当于打开了我们网站的导航项目,可以对导航进行修改。 将鼠标移到第二个图标处,可以看到我们 ...