撇号cms：不想呈现图像标题

Question

我正在使用 apostrophe-images 在我的页面中插入图像。呈现此小部件时，有一个带有标题的 header h4。我想删除它。谢谢

Answer 1

我过去曾用 CSS:

.apos-slideshow h4 { display: none; }

但是，您可以扩展图像小部件，并在新模板中扩展 widget.html extend:

{% extends 'widgetBase.html' %}

然后覆盖标题栏，放入条件（我认为这实际上应该在基础中！）：

{%- block title -%}{% if data.widget.hideTitle %}<h4>{{ image.title }}</h4>{% endif %}{%- endblock -%}

这将让您在新的小部件中指定隐藏它，即：

{{ apos.singleton(data.page, 'logoHeader', 'apostrophe-images', {
        limit: 1,
        minSize: [ 100, 100 ],
        addLabel: 'Set header logo',
        editLabel: 'Change header logo',
        hideTitle: true,
        controls: {
          movable: false,
          removable: false,
          position: 'bottom-right'
        }
      }) 
}}

...当然，css方式更快！

也许其他人知道更好的方法。

Answer 2

我遇到了类似的问题，我想在某些模块中隐藏图像标题，但在其他模块中设置不同的样式。

现在 class、.apos-image-widget-image-title 应用于 apostrophe-images h4，您可以根据需要使用它来设置标题样式。

也可以覆盖@bionara 的回答中提到的apostrophe-images 模板，我想如果您想对所有图像小部件进行site-wide 更改，这是可行的方法。

撇号cms：不想呈现图像标题

Apostrophe cms: do not want to render image title

apostrophe-cms