在十月CMS中，如何使图像在静态页面中可编辑？

Question

我想使用October CMS“静态页面”插件设置通用营销模板。目的是允许我的客户创建自己的营销页面。假设我的布局包含类似于以下内容的HTML：

<img src="/path/to/image.jpg">
<hr>
<p>Some uneditable copy</p>

{% placeholder copy default title="Main Page Copy" type="html" %}
  <h1>Some Awesome Headline</h1>
  <p>Sea no omnium deserunt, eum tale movet sensibus te.</p>
{% endplaceholder %}

如何允许我的客户更改图像？

Answer 1

您在这里有一个完整的演讲 https://octobercms.com/blog/post/building-client-friendly-websites

将此代码添加到您的布局

{variable name="banner" label="Banner" tab="Header" type="mediafinder" mode="image"}{/variable}

这到你的HTML标记

<img src="{{ banner|media }}" alt="" />

您将在后端看到额外的字段