リストマークを文字サイズと合わせたい

リスト表示を利用している時、たとえば文字サイズを変更した時に、リストの数字や、黒丸などがそのままのサイズになってしまって、なんだか不恰好だな?って思ったことはありませんか?


悲しい(ToT)リスト表示の例

数値リストを使って、文字を小さくしたのだけど、数字が小さくならない。。。

  1. 文章を書いた
  2. 数値リストにして文字を小さくした
  3. ・・・・・

数値リストを使って、文字を大きくしたのだけど、数字が大きくならない。。。

  1. 文章を書いた
  2. 数値リストにして文字を大きくした
  3. ・・・・

これだと、リスト使いたくなくなりませんか?

そのうち、JIMDOはきっと対処してくれると信じていますが、今のままでは、ちょっと悲しいですよね?簡単な設定で、これに対応することが出来ますので、問題を解決しましょう!

JIMDOの機能は使わずに文字サイズを変更します。

  1. リストが表示されている文章をクリックします。
  2. 『HTMLを編集』のボタンをクリックします。
  3. 以下のように書き換えます。

数値リストの場合

  1. <ol>というタグを見つける
  2. <ol style="font-size:200%;">と書き換える
  3. 保存ボタンを押す。
  1. <ol>というタグを見つける
  2. <ol style="font-size:150%;">と書き換える
  3. 保存ボタンを押す。
  1. <ol>というタグを見つける
  2. <ol style="font-size:80%;">と書き換える
  3. 保存ボタンを押す。

黒丸リストの場合

  • <ul>というタグを見つける
  • <ul style="font-size:150%;">と書き換える
  • 保存ボタンを押す。
  • <ul>というタグを見つける
  • <ul style="font-size:80%;">と書き換える
  • 保存ボタンを押す。

と、ここで問題が発生!

フォントサイズを大きくしたとたんに行間が狭くなりすぎですよね?
※これは、JIMDOの基本設定によって、まったく問題がない場合もあるかもしれません。
 問題がなければ、これで終わり!

もしも、問題があるようであれば、解決方法はこちら↓をご覧ください。

この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。
メールアドレスを入力して登録ボタンを押してください。

株式会社 PIK

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

TEL.03-6433-0422