Weebly 中模板级别的默认图像

Question

是否有任何方法可以在“header 类型 html”中设置默认图像源，以便页面编辑者在页面编辑模式？

因为当我添加如下图片时

<div class="text-center">
  {sec-two-image1:image global="false"}
</div>

我在页面编辑中看到的只是一个图像图标，对用户来说意义不大。参见：http://prntscr.com/fqxmzf

我的目的是提供一个正确的视图，让他了解发布后的样子？但我猜模板级别中给出的图像（我的意思是作为自定义 html 提供的元素）没有正确呈现。有什么方法可以成功吗？

Answer 1

因为您看到的图像是 HTML，请参见屏幕截图，您无法使用 CSS 更改它。并且您可能无法使用 JavaScript 或 Jquery。

不过话虽如此，您当然可以使用 CSS 更改白色背景区域。你会做类似的事情；

#icontent .weebly-image-area-placeholder {
    background: url(background.png) no-repeat;
    background-position: 50% 0;
    box-shadow: inset 0px 0px 15px 0px #000000;
    cursor: pointer;
}

请注意，您实际上只需要在上面提到的 CSS 中使用 background: url(background.png) no-repeat;，但我已经为该占位符添加了所有 CSS，因此您可以看到您可以也改变它的其他方面。

保留占位符图像，至少会让用户知道他们可以而且应该替换该图像。

Weebly 中模板级别的默认图像

Default images in template level in Weebly

weebly