0

現在、Squarespace 6 の Flatiron テンプレートを使用しています。現在、ギャラリーの各画像には、画像、タイトル、およびその下の -view- が表示されています。-view- を各ギャラリー アイテムに固有の別の名前 (具体的には都市) に変更したいと考えています。

グリッド項目の 1 つのソース コードは次のとおりです。

<script>
    Y.use('squarespace-ui-base', function(Y) {
      Y.one(".project-item .meta h1").plug(Y.Squarespace.TextShrink);
    });
  </script>

  <!-- Main Grid -->
  <div id="grid" data-collection-id="53ebab59e4b0c8271c405596">


    <div class="item">
      <a href="/diesel-pop-up-brooklyn-nyc/" data-dynamic-load data-dynamic-receiver="#detail_53ee8134e4b020d5c7faa7b3"   >
        <div class="wrapper">
          <div class="project-title">
            <h2>DIESEL POP-UP</h2>
            <h3>&mdash; view &mdash;</h3>
          </div>
        </div>

          <img class="thumbnail loading" data-src="http://static.squarespace.com/static/52937e51e4b006a2894ed2fb/t/540e3941e4b0438c2051340c/1410218366032/2.jpg" data-image="http://static.squarespace.com/static/52937e51e4b006a2894ed2fb/t/540e3941e4b0438c2051340c/1410218366032/2.jpg" data-image-dimensions="480x642" data-image-focal-point="0.5,0.5" alt="2.jpg"  data-load="false" />
          <noscript><img src="http://static.squarespace.com/static/52937e51e4b006a2894ed2fb/t/540e3941e4b0438c2051340c/1410218366032/2.jpg?format=original"></noscript>

      </a>
    </div>

カスタム CSS セクションでこれを使用してみましたが (1 つの項目をターゲットにするためだけに)、画像自体ではなく、画像がリンクするページにのみ影響を与えました。

.project-item[data-dynamic-href='/diesel-pop-up-brooklyn-nyc/'] {
  background-color: red;

}

個々の要素をターゲットにできるコードはありますか?

4

2 に答える 2

0

追加データありがとうございます。残念ながら、これはできません。SquareSpace の変更はグローバルな変更です。すべてのギャラリーに外観上の変更を加えることができますが、ID で特定のギャラリーをターゲットにすることはできません。Squarespace オブジェクト ID は動的で、セッション ベースです。CSS で特定のオブジェクト ID をターゲットにした場合、ページを更新すると ID が変更され、CSS は無効になります。

ただし、個別のギャラリーが別々のページにあるシナリオがある場合は、オブジェクト カテゴリ (オブジェクト ID ではなく) を呼び出すサイト レベルではなく、設定の下の「ページ」レベルで CSS を挿入することにより、グローバルな変更を回避できます。 ）。

また、ラベルの内容を変更することは CSS の変更ではありません。それは HTML の変更です。Squarespace では、テンプレート化されたバージョンの実際の HTML を変更/ハッキングすることはできません。

于 2014-09-12T07:00:41.213 に答える