フォントの一括変更の仕方

フォントカラーを効率的に変える方法を探しております。
例えば、サイトデザイン募集https://sites.google.com/site/nihonshoko/jp/atelier/saitodezain-mu-ji-1の、タグ付けしてある文字をどうやって変えればいいのか・・・。

本文中には、基本的に５色しかつかいません。

通常文字＝黒
強調文字＝任意
最強調文字＝任意
リンク文字＝任意
リンク文字（クリック済み）＝任意



うち、通常文字、リンク文字、リンク文字（クリック済み）は、サイトの設定で、前頁に対して一括変更できます。
強調文字、最強調文字は、サイトの設定に組み込まれていないので、ブログのようにいちいちページを開き、一つ一つ太字にして、色を変更して設定しています。
これを、CSSなどを使って、何とか一括で変更する方法を探しております。

Maeharaさん,

まだ効率的な一括変換を実現する目処がたっていませんが、これまで調べたことを報告します。


結論からいうと、CSSやJavaScriptではフォントの一括変換を実現するのは難しそうです。

まず、Google SitesはCSSをサポートしていないため、CSSを使ってフォントの一括変換を行うことはできないようです。

JavaScriptについては、<script>タグをページに埋め込むことはできませんが、「ガジェット」という機能を使ってJavaScriptを実行させる事自体は可能です。ただしこの場合でも、技術的な制限によりJavaScriptでページ全体のスタイル設定ができないようになっているため、やはりフォントの一括変換はできません。


代替手段として、フォントの一括変換を行うアプリケーションを作成する余地がないか、現在調べています（全ページを巡回して、強調文字、最強調文字のフォントを変えるようなアプリケーション）。

数日中には調査が終わると思いますので、終わり次第また報告します。

Maeharaさん,

全ページのフォントを一括変更する目処がつきました。
前ポストの通り、CSSやJavaScriptではできないので、外部アプリケーションから一括変換する方式になります。

フォント一括変換アプリケーションの動作は

1. Googleアカウントでログイン
   
2. 強調文字、最強調文字の変更前後の色を指定
   
3. 変換実行

となります。

アプリケーションのイメージを確認できるよう、プロトタイプを作りました。
(画面の動きのみ実装しています。ログインや一括変更はまだ作っていません)
http://nihonshokoapps-prototype.appspot.com/


イメージの相違や、追加要望があればReplyください。
よろしくお願いします。

とてつもなく早いですね。
ありがとうございます。

当館デザイナーのおおたさんがデザインした桜日和は、

Font color
Emphasize : Black and bold
Most emphasize : #3eb370 and bold

Page link color : #95483f
Page visited link color : #95483f

になっています。

そのため、カラーパレットだけでなく、カラーコードを直接打てるものも欲しいですね。
リンクについては、Google Sitesの純正機能なので、大丈夫です。

ありがとうございます！

これでデザインがさらに素晴らしいことになります！

了解しました。
カラーコードの直接入力もできるようにしておきます。

今週末～来週くらいには完成させられると思います。