2

私は一種の難問に陥っています。Square Space の Web サイトを改良中です。そして、私はベータ版の「開発者」モードを使用しています。これまでのところ、CSS ファイルのソースのみを許可しているように見えますが、すべてが「ブロック」または . ページ/ . ブロックします。.html または .php ファイルはどこにもありません。

だから私は彼らの「コードインジェクションエリア」内で立ち往生しています-そしてフッターのために。フッターのコンテンツを設定しましたが、フッターはホームページ以外のすべての場所に表示されるはずです。インライン JS や CSS を記述して、ホームページからフッターのみを非表示にする方法を知っている人がいるかどうか疑問に思っています。またはホームページのURLで？

<center>
  <div>
    <a class="footer" href="https://coolguys.squarespace.com/terms/">FAQ</a>&nbsp;•

    <a class="footer" href="https://coolguys.squarespace.com/green/">GREEN</a>&nbsp;•

    <a class="footer"  href="https://coolguys.squarespace.com/wholesale/">WHOLESALE</a>&nbsp;•

    <a class="footer" href="https://manbearpigs.squarespace.com/links/">LINKS</a>

<br>
  <span>Hello World</span>    
</div>

純粋な CSS でこれを行うのが最も望ましいでしょう。

私はこれを見つけました：

body.page-id-777 td#footer {
display:none;
}

しかし、どのようにページの URL などがわからない; ページ ID に変換できます。

4

2 に答える 2

6

これは、純粋な js で簡単に実行できます。

if (document.url == "http://squarespace.com") {
    document.getElementsByClassName("footer")[0].style.display = 'none';
}
于 2013-12-04T00:34:07.690 に答える
1

私は間違っているかもしれませんが、squarespace は、homepageホームページのボディにクラスを配置pageし、他のすべてのページにクラスを配置すると思います。この場合 (かなり簡単にテストできると思います)、次の CSS が機能するはずです。

body.homepage td#footer {display: none;}
body.page td#footer {display: table-cell;}
于 2013-12-04T00:47:00.867 に答える