THOR」へ変更しました。THOR」の注目度も上がっており2018年10月の発売以来、利用者も徐々に増えてきています。THOR」のユーザーです。THOR」のリスト表示をおしゃれにする方法についてご紹介させていただきます。THOR」も同様に「番号なしリスト」のデザインがシンプルすぎて少し物足りないんですね^^;↓STORKのデフォルトリスト※黒丸だからショボくても、一応リストとしては分かる。THORのデフォルトリスト※なぜ白丸?分かりにくくない?^^;私はリスト表示というのを非常に重要視しています。リスト表示は記事の要点を分かりやすくまとめ読者に伝えるには欠かせない要素となるからです。リストデザインはしっかりと整えたいし番号なしリストも、せめてこの番号付きリストのように存在感が欲しいわけです。THORにはリスト表示のデザインを変えることができる「リストデザイン設定」というのがあります。確かにシンプルでも多少は存在感のあるリスト表示にすることは可能です。THORのリスト表示をおしゃれにする設定方法からご説明致します。カスタマイズをクリックし以下の追加CSSに書く方法と2つあります。追加CSSに書く方がおすすめなので、どちらでも良いというあなたは追加CSSの方に記述するようにしてくださいね。THORのおすすめリストデザインをご紹介致します。今回ご紹介するコードはあくまでもリスト表示の白丸を変更するコードなのでそれ以外の設定は「リストデザイン設定」で行なってください。右向き矢印のデザイン上記、右向き矢印のリスト表示に変更する場合は以下のコードを追加CSSにコピペしてください。→パーツスタイル設定[THE]→リスト設定で行なってください。アイコンによってはアイコンと文字が近すぎるものがありますのでそれを回避するためのコードも追加しています。チェックアイコンのリストデザイン(1)上記、チェックアイコンのリスト表示に変更する場合は以下のコードを追加CSSにコピペしてください。20px;}チェックアイコンのリストデザイン(2)上記、チェックアイコンのリスト表示に変更する場合は以下のコードを追加CSSにコピペしてください。20px;}星マークのリストデザイン上記、星マークのリスト表示に変更する場合は以下のコードを追加CSSにコピペしてください。20px;}星マークのリスト表示にする時は、マークのカラーカードを#ffbd23とするとサンプルの画像と全く同じ色になります。右向き三角のリストデザイン(1)上記、右向き三角のリスト表示に変更する場合は以下のコードを追加CSSにコピペしてください。20px;}右向き三角のリストデザイン(2)上記、右向き三角のリスト表示に変更する場合は以下のコードを追加CSSにコピペしてください。20px;}葉っぱアイコンのリストデザイン上記、葉っぱアイコンのリスト表示に変更する場合は以下のコードを追加CSSにコピペしてください。20px;}葉っぱの色はあなたが好きな色に設定してくださいね。指差しアイコンのリストデザイン上記、指差しアイコンのリスト表示に変更する場合は以下のコードを追加CSSにコピペしてください。20px;}以上、全8種類。THORの「リストデザイン設定」と組み合わせおしゃれで可愛く、見た目にも分かりやすいリスト表示を作ってみてくださいね。リストアイコンの設定方法リスト用のコードをコピペしても「微調整したい!」という方は絶対にいるはずです^^ということで簡単に調整方法だけご説明致しますので「自分が思ってたバランスと違う!」と思ったあなたはご自身でご調整ください!調整方法は簡単なので。scale(0.8);などと書かれた部分があります。ここがリストアイコンのサイズ調整のコードとなります。scale(0.8);にしたりしながら調整してみてください。20px;の20pxの数字を30px;など数字を大きくしながら間隔を広げてみてください。15px;にすれば、逆に間隔は縮まりますので文字とアイコンの間隔はあなたが「ちょうど良い!」と思う絶妙なバランスで調整してみてくださいね^^以上が、リストアイコンの大きさと文字との間隔を調整する方法です。「番号なしリスト」のデザインを分かりやくおしゃれにする方法をご紹介致しました。ブログの記事は基本的に流し読みをされることが多くそんな読者の目に止まるのは「見出し」や「リストの部分」だと私は考えています。リスト表示は例え流し読みされても読者に「要点がまとめてある部分」ときちんと認識してもらいたいですし要点を分かりやすく伝えることで読者が気になったポイントだけでもしっかりと読んでもらいたいと思っています。私はリスト表示のデザインは重要だと思うしリストのデザインを変更すべきだと思いこうしてカスタマイズの方法をご紹介しました。それは私の主観でしかありませんがそれでもこんな私の思いに少しでも共感してくれる方がいれば嬉しいです。一流の開発陣によって集客と収益に徹底的にこだわり開発された究極のテーマ「ザ・トール」。THORの目次をおしゃれにカスタマイズ!この記事を書いた人ここあデザイン制作プロダクションを転々としながら、20年間勤務して2017年に独立。現在はネットとグラフィックデザインのスキルを活かし幅広い分野で活動中。己を磨き誠実に対応すれば、仕事や人脈、そして人生までも大きく変えることができる「ネットビジネスの素晴らしさ」、そして会社に頼らず「自分らしく生きる方法」をこのブログを通じて発信しています。詳しいプロフィールはこちら人脈が成功への最短ルート!私がMonologueを勧める理由WordPress設置代行始めました!※設置代行はメルマガ読者限定です。THORSTORKここあデザイン制作プロダクションを転々としながら、20年間勤務して2017年に独立。現在はネットとグラフィックデザインのスキルを活かし幅広い分野で活動中。己を磨き誠実に対応すれば、仕事や人脈、そして人生までも大きく変えることができる「ネットビジネスの素晴らしさ」、そして会社に頼らず「自分らしく生きる方法」をこのブログを通じて発信しています。●20年サラリーマンをしてきてなぜ今になって脱サラしたのか?●安定を求めれば求めるほど不安定になる理由とは?●いくら知識があっても、あなたが絶対に成功できない理由など、無料メール講座本編では、決して表には出せない秘匿性の高い情報もたくさん提供していきます。※この無料メール講座は、私が有料セミナーで直接成功者たちから聞いた内容も多数含まれているため、予告なく募集を終了する可能性があります。印刷会社と取引がある制作プロダクションで様々な経験や実績を積み、2017年に独立。現在は、グラフィックデザインを生かしたWebデザインのビジネスを展開しながら、ネットを生かした情婦発信を行い、新しい働き方や楽しい人生の過ごし方についてもお伝えしています。