ヘッダーの文字列を上下でサイズ変更したい! Jimdo

対応が遅れている文字サイズの変更を裏技で解決!

Jimdoはフォントサイズに対してはなぜか対応が遅れたままになっている。近い将来解決されるとは思うが、現状用意されている機能では 対応が出来ないので裏技として公開することにした。(すぐにでも対応できるはずなのだが、利用できないのは特許の関係?)

変更前のタイトル
変更前のタイトル
変更後のタイトル
変更後のタイトル

Jimdoで用意されているテンプレートのヘッダーは
行によって文字サイズを変更させたり移動させる機能はない。

非常に残念な状態なのだが、だからと言って出来ないわけではない。

 

今回は、上下2行でフォントサイズを変更する方法を解説してみる。

この方法を応用すれば結構色々なことが可能になる。

通常、テンプレートのヘッダは上下の文字サイズを変更することは出来ない。

以下のように簡単なスタイルシートを書くだけで文字サイズが変更できる。

 

文字サイズを変更させるスタイルシート

『設定』 ⇒ 『ヘッダ部分を編集』の中に以下のスタイルシートを

記入すればそれだけでサイズを変更出来る。

font-sizeの%の数値を上げれば文字サイズは大きくなり下げれば小さくなる。

 

---------------------------------------------------

<style>

#emotion-header-title:first-line{

    font-size:45%;

}

</style>

文字の色を変更した例
文字の色を変更した例

---------------------------------------------------------------

色の指定がしたい場合は以下のように記載することも出来る

---------------------------------------------------------------

<style>

#emotion-header-title:first-line{

    font-size:45%;

    color:#ccff99;

}

</style>

株式会社 PIK

〒108-0075 港区港南3-4-12

TEL.03-6433-0422