Googleサイトのデザインを少しだけいじりたい

Googleサイトですでに運用されているWebサイトがあって、そこに記事を追加しようとしたところ、思ったようにデザインできないことを知って、どんな選択肢があるのか少し調べてみた。

まず、フォントを変えたい、たとえば、「Windowsではメイリオで表示したい」なんていうときは、HTMLビューでFONTタグにface属性を加える。

<font face="メイリオ,sans-serif">
...
</font>

行間とかを変えるなら、style属性を使えばいい。

<div style="line-height: 1.5;">
...
</div>

しかし、これらをCSSとして外に出す方法はないようだ。話はそれるが、HTMLボックスを使えば、ボックス内ではCSSやJavaScriptを利用できる。

With the HTML Box tool, you can add HTML, CSS and Javascript into a Google Sites page. The tool lets you add functional CSS and Javascript to customize the look and feel of your Google Site. For example, you could create image carousels, custom menus, submission forms and jQuery-based widgets.

http://support.google.com/sites/bin/answer.py?hl=en&answer=2500646

とはいえ、ここでも、CSS, JavaScriptのすべてが利用できるわけではないらしい。

The HTML box is not the answer to free-reign scripting. You can use more HTML, CSS, Javascript, and jQuery, but you cannot use all of it.

http://www.googlesiteswebdesign.com/2012/03/working-with-html-box.html

Googleサイトでできること、できないことが少しわかったので終了！