如何将 css class 名称添加到 Squarespace 中的文本块?

How do I add css class names to text blocks in Squarespace?

我需要向 JavaScript 定位的 Squarespace 文本块添加 class 名称或 ID。如果我使用代码块来添加文本,我可以添加一个 class 名称,但是它不像其他文本块那样容易编辑。

我正在寻找添加 class 名称的方法,该元素仍 bing 被识别为文本块。

有没有办法从编辑器中做到这一点,或者开发者模式是我唯一的选择。

遗憾的是,您无法在 Squarespace 中直接编辑文本块(或除 Markdown 和代码块之外的任何块)的 HTML。 Squarespace 不提供此类功能。

即使使用开发者模式,也只能访问整个模板和周边代码。在开发人员模式下,可以插入“block fields”(允许内容编辑器在网格中 add/drag/drop/arrange 块的区域)并向块字段添加 class,但不能更改代码在块字段内或块本身。

Alternatives/Workarounds:

  • 将块 ID 与 .row.colpfirst-childnth-child 选择器结合使用,以定位特定元素文本块。更多关于使用块 ID and 。当然,这样做意味着您的选择器将变得脆弱...编辑文本块中的文本可能会改变您使用的选择器的适用性。
  • 如果需要定位 p 元素中的一个或多个特定单词,可以突出显示文本块中的文本,将其设置为粗体和斜体,然后通过 [=45 定位该短语=] and/or CSS 通过结合使用块 ID 和 strongem 选择器。 记下您单击粗体和斜体按钮的顺序,因为这决定了哪个在哪个里面,并更改您的选择器。您可以覆盖字体粗细和字体样式如所须。这是 Squarespace 设计师中流行的解决方法,尽管它很荒谬(编辑:您也可以在键盘上按 CTRL+U 为突出显示的文本添加下划线,然后通过 CSS 定位带下划线的元素)。
  • 如您所述,使用代码块或降价块。