SquareSpace贝德福德-更改每页的徽标，添加页面外的文本等

Question

我的客户对这个项目的最后一个要求是，我在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元素，因此可以用它来区分主页和“非主页”页面。

从那里开始，这只是一个通过CSS 'content‘属性添加文本的例子。当然，您可以修改我在下面建议的样式。

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;
}

在你提供的网站上使用此代码时，请参阅附件中的图像。使用此方法，您可以删除添加到图像本身的"HOME“文本。

​

​