Google Sites の CSS はいじれないと思っていたほうがいい。

eyecatch googlesites

Google Sites の用意されているテーマで、いい感じに見出しのスタイルが設定されているテーマがないので、いじりたいんですが

Google サイトで一括でスタイルを変更するのは、出来ないって話。(出来るなら教えていただけるとホント嬉しいです。)

インライン CSS は本文エリアで使えるんで、厳密にはいじれないわけではないんだけど、全ページの全見出しにインラインで CSS なんて書いてられないですよね、、

 サイトの管理 > テーマ、色、フォント

一応、決められたプロパティだけは、サイト全体に対して一括で見た目を変える事が可能。

GoogleSites テーマ、色、フォント

せめて下線さえあれば、。。。

 挿入 > HTML ボックス

HTML ボックスを使えば使えますよーって書いてあるような気がするけど

HTML ボックスツールを使用して、Google サイトのページに HTML、CSS、JavaScript を追加することができます。このツールを使用することで、機能的な CSS や JavaScript を追加して Google サイトのデザインをカスタマイズすることが可能です。たとえば、画像カルーセル、カスタムメニュー、フォーム、jQuery ベースのウィジェットなどを作成できます。

カスタム HTML、CSS、JavaScript を挿入する – サイト ヘルプ

実際は、HTML ボックス内インライン CSS としてしか使えないので、違うよ、そうじゃないよって。インライン CSS に関して言えば、WYSIWYG エディターに「HTML を編集」機能があるのでソッチのほうがいい、、

サイト全体に対して

<head>
  <style type="text/css">
  <!--
  p {font-size:1em; line-height:1.5;}
  -->
  </style>
</head>

とかしたいんですけどね。

HTML ボックスに JavaScrit いれても、ボックス内の操作しかできなそうなので、.getElementsByTagName とかしても取得できないものと思われる。

 試してない裏ワザ

今この記事書きながら思い付いちゃったのだけど、

  1. GoogleSites のバックアップツールで全ページローカルに落としてきて、
  2. テキストエディタで一括でインライン CSS 付くように見出しを置換
  3. ツールでサイトを復元

ってやれば出来るんじゃない?そこまでする?ッて感じ&ページ増えたら面倒なんで、多分試さないですがw

東京都内で仕事をしています。猫飼いたいです。30歳からピアノ始めたおじさんです。盆栽にも興味が出てきました。
最近ブログ用のTwitterアカウントを作成したので、是非フォローをしてください。@zakkiboooks

 コメントをどうぞ

  • 入力いただいたメールアドレスは公開されませんが、このブログが置いてあるサーバーに保存されます。
  • 入力いただいた情報の他に、WordPress の機能により IPアドレス を取得させていただきます。取得した IPアドレス はスパムコメントの対処ために利用され、公開することはありません。
  • 個人情報などを記入された場合、投稿いただいたコメントを表示しないか、該当箇所を編集して公開する可能性があります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。