contao - 如何在 contao 中扩展页面模块？

Question

我想在页面模块中插入图像。有人知道如何在 contao 中扩展页面吗？

有关更多说明，请参见屏幕。

http://screencast.com/t/JXk5thjlvHv

见附加屏幕..我的想法是这样的。

Answer 1

这实际上取决于您想要做多少......简单的方法：定义类......但这不是最灵活的方法。

假设您有一个自定义图标字体。或者也许只是 FontAwesome。并且您想使用这些图标来显示。在这种情况下，我将安装 Rocksolid 的IconPicker模块并编写一个自定义模块：

/system/modules/z-customs/dca/tl_page.php

$GLOBALS['TL_LANG']['tl_page']['icon']=array('Pageicon', 'Set an Icon for the Page');
$GLOBALS['TL_DCA']['tl_page']['fields']['icon'] = array(
    'label'                   => &$GLOBALS['TL_LANG']['tl_page']['icon'],
    'exclude'                 => true,
    'inputType'               => 'rocksolid_icon_picker',
    'eval'                    => array(
        'fieldType'=>'radio',
        'tl_class'=>'w100 clr',
        'iconFont' => 'files/fonts/fontawesome-webfont.svg',
        ),
    'sql'                     => "varchar(100) NOT NULL default ''",
);

/templates/nav_default.html5

<?php if($item['icon']): ?>data-icon="&#x<?= $item['icon']; ?>"<?php endif; ?>

这部分可以添加到<li>或<strong>或中a。您还可以为元素添加一个类，以确保只有具有 Icon 的元素才能获得适当的样式。

要将图标放入 CSS，您只需执行以下操作：

a:before {
    content: attr(data-icon);
    font-family: "FontAwesome";
}

Answer 2

您可以通过在其设置中为页面提供特定的 CSS 类来做到这一点。这个 CSS 类也将用于常规导航模块。这样您就可以在自己的样式表中定义页面的图标。