Django CMS自定义共享菜单：如何实现一处配置全局生效的带样式菜单

下面是几个针对性的解决办法，按需选择：

方法一：用全局占位符实现跨页面共享菜单 #

这是最直接满足你需求的方案，只需在页眉模板里加一次占位符，就能全局同步内容：

1. 先在项目的settings.py中配置全局占位符：

   CMS_PLACEHOLDER_CONF = {
       'header_menu': {
           'name': '页眉菜单',
           'is_editable': True,
           'global': True,  # 核心：设置为全局生效
       },
   }
   

2. 在header.html的菜单区域添加这个全局占位符：

   <!-- header.html 里的菜单位置 -->
   {% placeholder "header_menu" %}
   

3. 之后在任意页面的CMS后台编辑header_menu占位符（比如添加链接插件），所有引用header.html的页面都会自动同步显示这个菜单，不用每个页面重复操作。

方法二：自定义show_menu模板适配你的样式 #

如果想用Django CMS自带的菜单系统，不想用插件，可以自定义渲染模板来完全控制样式：

1. 在你的模板目录下创建menu/custom_menu.html，写好符合你需求的HTML结构：

   {% load menu_tags %}
   {% for child in children %}
       <li class="your-nav-item {% if child.selected %}active{% endif %}">
           <a href="{{ child.get_absolute_url }}" class="your-link-class">{{ child.get_menu_title }}</a>
           {% if child.children %}
               <ul class="your-submenu-class">
                   {% show_menu from_level to_level extra_inactive extra_active template "" "" child %}
               </ul>
           {% endif %}
       </li>
   {% endfor %}
   

2. 在header.html里调用这个自定义模板的show_menu：

   {% show_menu 0 100 100 100 "menu/custom_menu.html" %}
   

这样生成的菜单结构完全由你控制，直接套用自己的CSS样式就行，不用迁就默认样式。

方法三：用静态占位符统一管理菜单内容 #

静态占位符和全局占位符功能类似，适合需要集中管理的场景：

1. 在settings.py里定义静态占位符：

   CMS_STATIC_PLACEHOLDERS = [
       ('header_menu', '页眉菜单'),
   ]
   

2. 在header.html中引入静态占位符：

   {% load cms_tags %}
   {% static_placeholder "header_menu" %}
   

3. 之后在CMS后台的「静态占位符」模块里统一编辑菜单内容，所有页面会同步更新。

内容的提问来源于stack exchange，提问作者Python_Dude