在Weebly中向登陆页面标题添加元素

时间:2016-09-01 03:11:24

标签: weebly

我想将网站着陆页上的号召性用语按钮更改为社交图标元素。如何编辑HTML代码来执行此操作?我正在使用"巴黎 - 商业"主题。感谢。

1 个答案:

答案 0 :(得分:0)

如果您在网上搜索,有一些关于如何执行此操作的文档。例如,我自己的网站有一个基本的例子来查找Landing Page Button Removal

在这种情况下,您可以使用自己的代码替换使按钮生成的代码。

话虽如此,您可以使用一些可以使内容可编辑的新功能。 Weebly刚刚介绍了“章节”。章节允许您在页面上具有不同的部分,并且您还可以拖放到页眉区域。 (见截图)

*但是,在你继续这样做之前,我应该注意到Weebly计划在不久的将来对新主题进行这些更改。当巴黎完成,或者如果它将完成,是任何人的猜测。

enter image description here

根据您的主题设计,这可能会略有不同,所以请记住这一点。

基本上,对于巴黎主题,那是什么:

    <div class="banner-wrap wsite-background">
        <div class="container">
            <div class="banner">
                <h2>{headline:text global="false"}</h2>
                <p>{headline-paragraph:text global="false"}</p> 
                <div class="button-wrap">{action:button global="false"}</div>
                <span id="contentArrow"><span></span></span>
            </div>
        </div>
    </div>

会变成:

<div class="banner-wrap wsite-background">
    <div class="container">
      {{#header}}
        <div class="banner">
            {content}
            <span id="contentArrow"><span></span></span>
        </div>
      {{/header}}
    </div>
</div>

*如果您要自定义主题,我可能还建议您制作自定义页面类型,特别是这些更改。

如果你想使用Sections,对于页面的内容区域,它看起来像是:

<div class="main-wrap">
  {{#sections}}
      <div class="container">{content}</div>
  {{/sections}}
</div>

**注意:目前还没有任何文档,我没有对此进行过测试,因此可能不需要wsite-background ......但是请不要相信我的。