SquarespaceでのカスタムCSSの使用方法

カスタムCSSを追加する方法:
- Squarespaceのダッシュボードにログインし、サイトを選択します。
- 「デザイン」セクションに移動し、「カスタムCSS」をクリックします。
- テキストエディタが表示されるので、ここにカスタムCSSコードを追加します。
- 変更を保存して、サイトをプレビューしてみてください。
ヘッダーのカスタマイズ:
- ヘッダーの背景色を変更する例:
```
.header {
background-color: #000000;
}
```
- ヘッダーロゴの位置を調整する例:
```
.header .Logo img {
margin-top: 10px;
}
```
フッターのカスタマイズ:
- フッターの背景色を変更する例:
```
.footer {
background-color: #ffffff;
}
```
- フッターリンクのスタイルを変更する例:
```
.footer a {
color: #ff0000;
text-decoration: underline;
}
```
ページの特定のセクションのスタイルを変更する:
- 特定のセクションの背景色を変更する例:
```
#section1 {
background-color: #f5f5f5;
}
```

これらはいくつかの基本的な例ですが、カスタムCSSの可能性は無限です。Squarespaceのドキュメンテーションや開発者フォーラムでコミュニティのサポートを見つけることもおすすめです。カスタムCSSを使用して、Squarespaceサイトをあなた自身のビジョンに合わせてカスタマイズしてみてください。