当前位置: 首页 > news >正文

Wagtail CRX 的 Latest Pages Block 高级设置 模版v3.0 以后被阉割了

 Wagtail CRX 的 Latest Pages Block 高级设置  模版v3.0 以后被阉割了,不知道为什么。官方给出文档介绍是,为了简化模版。我没找到新的解决方案,或者能方便自定义这个不同样式的办法。所以就给他恢复下。

客户要求:客户希望在 Wagtail CodeRed CMS(CRX)网站上使用 Latest Pages Block 实现以下功能:

  • 在一个框内显示一个新闻栏目。
  • 栏目中以多行形式显示新闻标题。
  • 仅显示标题,不显示日期、摘要等其他内容。
  • 目标是显示 10 条最近发布的新闻文章标题。

    最终解决方案:

  • 修改 settings.py:
    • 在项目根目录的 settings.py 文件中,找到或添加 CRX_FRONTEND_TEMPLATES_BLOCKS 字典。
    • 添加以下配置以扩展 Latest Pages Block 的模板选项:python

      CRX_FRONTEND_TEMPLATES_BLOCKS = {"pagelistblock": [("coderedcms/blocks/pagelist_block.html","default",),("coderedcms/blocks/pagelist_simple_block.html","General, simple list",),("coderedcms/blocks/pagelist_list_group.html","General, list group navigation panel",),("coderedcms/blocks/pagelist_article_media.html","Article, media format",),("coderedcms/blocks/pagelist_article_card_group.html","Article, card group - attached cards of equal size",),("coderedcms/blocks/pagelist_article_card_deck.html","Article, card deck - separate cards of equal size",),("coderedcms/blocks/pagelist_article_card_columns.html","Article, card masonry - fluid brick pattern",),],
      }
    • 保存文件。
  • 添加对应模板:
    • 在 templates/coderedcms/blocks/ 目录下创建或覆盖模板文件。
    • 示例:创建 pagelist_simple_block.html,内容如下
    • {% extends "coderedcms/blocks/base_block.html" %}
      {% load wagtailcore_tags %}
      {% block block_render %}<ul>{% for page in pages %}{% with page=page.specific %}<li><a href="{% pageurl page %}">{{page.title}} {% if self.show_preview %}<small class="text-muted">– {{page.body_preview}}</small>{% endif %}</a></li>{% endwith %}{% endfor %}
      </ul>
      {% endblock %}

http://www.xdnf.cn/news/1358227.html

相关文章:

  • Vue vs React:前端框架的差异与选择
  • 【SpringBoot集成篇】SpringBoot 深度集成 Elasticsearch 搜索引擎指南
  • 代码性能测试——benchmark库
  • 基于Spring Boot与Redis的电商场景面试问答解析
  • Python训练营打卡 DAY 46 通道注意力(SE注意力)
  • 【数据结构】排序算法全解析
  • Linux服务实验
  • [论文阅读] 软件工程 | GPS算法:用“路径摘要”当向导,软件模型检测从此告别“瞎找bug”
  • Kaggle项目:一次 Uber 出行数据分析的完整思路
  • 【机器学习】 11 Mixture models and the EM algorithm
  • 如何捕获组件的异常情况
  • Node.js依赖管理与install及run命令详解
  • Redis实战-缓存的解决方案(一)
  • Flink直接缓冲存储器异常解析与解决方案
  • comfyUI背后的一些技术——CLIP
  • 暗影哨兵:安全运维的隐秘防线
  • 高并发AI服务部署方案:vLLM、TGI、FastChat性能压测报告
  • 使用 Fargate 在 AWS ECS 上运行 Spring Boot 应用程序
  • QML Charts组件之坐标轴示例
  • maven私服架构
  • Tesla智能座舱域控制器(MCU)的系统化梳理
  • ChainVault:重塑亚洲黄金交易基建,引领RWA金融新浪潮
  • Vue 3多语言应用开发实战:vue-i18n深度解析与最佳实践
  • 项目学习总结(4)
  • 【(含模板)滑动窗口 - LeetCode】3. 无重复字符的最长子串
  • 基于深度学习的餐盘清洁状态分类
  • 基于stm32汽车雨刮器控制系统设计
  • 普元低代码开发平台:开启企业高效创新新征程
  • SQL Server从入门到项目实践(超值版)读书笔记 24
  • 【C++】 9. vector