Plone学习11——基于bobtemplates.plone开发plone的主题组件

Plone学习11——基于bobtemplates.plone开发plone的主题组件

  • 技术点
  • 初始化一个plone的container
  • 下载静态CSS主题文件并覆盖到theme文件夹
  • 应用Diazo规则使得HTML模板适配rules.xml

技术点

  • Diazo:允许您将静态HTML网页中包含的主题应用于使用任何服务器端技术创建的动态网站。(意思是:可以把下载来的CSS主题文件,通过Diazo规则匹配到Plone网站上)

初始化一个plone的container

# docker stop plone && docker rm plone && \
docker run -d -it --name=plone -p 8080:8080 \
-v $(pwd)/src:/plone/instance/src  \
-e PLONE_ADDONS="ploneconf.theme" \
-e PLONE_DEVELOP="src/ploneconf.theme" \
myplone:python3.7 fg

下载静态CSS主题文件并覆盖到theme文件夹

比如:这里
下载好后解压,并放到ploneconf/theme/theme中

cd /plone/src && \
wget https://github.com/BlackrockDigital/startbootstrap-business-casual/archive/v3.3.7.tar.gz && \
tar -zxvf v3.3.7.tar.gz && \
cp -rf startbootstrap-business-casual-3.3.7/. ploneconf.theme/src/ploneconf/theme/theme/

应用Diazo规则使得HTML模板适配rules.xml

  • 使html正确显示网站数据
  • 包含主题CSS
  • 用Diazo规则来匹配主题和Plone 内容
  • 后台页面使用巴塞罗那(Barceloneta,默认主题)的主题
  • 放上登陆(login)链接:注意的是,只有没登陆才会显示哦
  • 顶部导航栏
  • 面包屑(显示当前页面的路径)
  • 仅在前台页面显示滑块
  • 显示Title和Description
  • 状态消息
  • 调整主要内容区域
  • 左列和右列的portlet
  • 页底内容调整

你可能感兴趣的:(plone)