通过自定义更改 Trac 布局 CSS

Question

我想做的事情：
我想使用插件中的自定义 CSS 文件更改标准 Trac 布局。更具体地说，我想更改我插件的导航栏 link 的外观。

我目前有：
我知道导航栏项目会自动分配给它们 CSS class 。这看起来像 class="iconPluginname"。我在名为 site.html 的模板文件夹中创建了一个新的 HTML 文件，它看起来像这样：

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:py="http://genshi.edgewall.org/"
      py:strip="">

  <!--! Add site-specific style sheet -->
  <head py:match="head" py:attrs="select('@*')">
    ${select('*')}
    <link rel="stylesheet" type="text/css"
          href="${href.chrome('/mypluginname/css/mainnav_icon.css')}" />
  </head>

  <body py:match="body" py:attrs="select('@*')">
    ${select('*|text()')}
  </body>

</html>

据我所知，Trac 在插件文件中搜索名为 site.html 的文件，如果找不到，它会在共享资源中搜索，最后在 Trac 文件夹中搜索。后一种情况是默认情况。根据我的理解，如果我在我的模板文件夹中创建一个文件 site.html 并且插件被正确加载，它应该自动使用 linked 样式表并添加在模板中完成的任何更改。但是，当我向其添加标题标签时，我的 Trac 页面的标题没有改变，所以我假设布局甚至没有加载。

除了在我的模板文件夹中添加 site.html 并向样式表添加 link 之外，我还需要做什么才能更改布局或向我的 Trac 添加自定义样式表？

Answer 1

如果您想提供自定义网站样式，请将 TracInterfaceCustomization 页面上显示的 site.html 放在您的环境 templates 目录中，并将自定义网站样式放在 style.css 在您的环境 htdocs 目录中。

如果您想通过您正在开发的插件添加样式表，请使用 add_stylesheet。

通过自定义更改 Trac 布局 CSS

Changing the Trac layout via custom CSS

css

layout

trac