SquareSpace Bedford - 每页更改徽标，添加文本页面外的内容

Question

我的客户对此项目的最后一个请求是我添加了单词＆＃34; HOME＆＃34;在3页中的2页上的徽标下。如果全部是3我编辑徽标并且我们已经完成，但她只想在不是主页的页面上进行。

我已经将横幅描述文字作为页面的标题。我想如果我能得到实际的页面标题文本以显示我可以使用它，调整大小并使用CSS移动它，但这并没有被证明是简单的。

我已经在索引的第一页尝试了一个代码块，虽然我无法将文本移动到高于CSS的块：c

即使我可以让它在另外两页上加载不同的徽标。

sharay.squarespace.com是有问题的网站。

为这些家伙提供任何见解。

Answer 1

我会使用类似jQuery的东西检测主页：

var page = window.location.pathname;
if(page == '/' || page == '/home-page-url'){
    $(".logo").attr("src", "/path/to-logo/without-home");
} else {
    $(".logo").attr("src", "/path/to-logo/with-home");
}

Answer 2

在我看来，这可以仅使用CSS进行，通过CSS Editor插入。 Bedford模板（与许多其他模板一样）将homepage类应用于主页的body元素，因此可以使用它来区分家庭和非家庭＆＃39 ;页。

从那以后，它只是通过CSS＆＃39;内容＆＃39;添加文本的情况。属性。您当然可以修改我在下面建议的样式。

body:not(.homepage) #logoImage a:after {
  content: "Home";
  display: block;
  font-size: 13px;
  text-align: center;
  padding-top: 1em;
  font-family: Open Sans;
  color: black;
  text-transform: uppercase;
  letter-spacing: 2px;
}

在您提供的网站上使用时，请参阅附图，了解此代码的结果。使用此功能，您将删除＆＃34; HOME＆＃34;文字添加到图像本身。