ざわちゃみです。
ド素人でも簡単にかっこいいサイトが作れるという記事を紹介させて頂きました。
THE THORの使い方を紹介しながら、自分も少しずつ覚えていけるように頑張りたいと思います。
今回は、「パーツスタイル設定」編。
シェアボタンや見出しなど、細かい部分の設定になりますが、こだわりだすと止まらなくなる楽しいポイントの一つでもあります。
また、ラベルやボックスなど記事を書いていく上で便利な機能もあり、そのパターンも豊富に設定できるのは素晴らしいの一言。
一つずつ見ていきましょう!
パーツスタイル設定のTOP画面
ラベルやボックスなどは、「基本設定」→「テキストエディタボタン設定」→「利用する」を選択していると、投稿のテキスト画面で出てくる便利な機能になります。
その他にも、見出しやシェアボタンなども好みの感じに設定出来ますので、いろいろいじってみましょう!
ラベル設定
エディタのスタイルラベルの設定画面になります。
デフォルトで設定されておりますので、特にいじる必要はなさそうです。
色や形などを変更したい場合は、好みに合わせていきましょう。
デフォルトで設定されているのは以下の通り、
ボタン設定
エディタのスタイルボタンの設定画面になります。
デフォルトで設定されておりますので、特にいじる必要はなさそうです。
色や形などを変更したい場合は、好みに合わせていきましょう。
デフォルトで設定されているのは以下の通り、
ボックス設定
エディタのスタイルボックスの設定画面になります。
デフォルトで設定されておりますので、特にいじる必要はなさそうです。
色や形などを変更したい場合は、好みに合わせていきましょう。
デフォルトで設定されているのは以下の通り、
ボックス内ボックス設定
エディタのスタイルボックス内ボックスの設定画面になります。
デフォルトで設定されておりますので、特にいじる必要はなさそうです。
色や形などを変更したい場合は、好みに合わせていきましょう。
その他エディタ用パーツ設定
エディタのその他デザインパーツ用の設定画面になります。
デフォルトで設定されておりますので、特にいじる必要はなさそうです。
色を変更したい場合は、好みに合わせていきましょう。
共通ボタン設定(全ページ用)
全ページ用の共通ボタンの設定画面になります。
デフォルトで設定されておりますので、特にいじる必要はなさそうです。
色や形などを変更したい場合は、好みに合わせていきましょう。
見出し設定(個別ページ用)
個別ページの見出し設定画面になります。
見出しは文章を読み進めていく上でも重要な要素の一つになりますので、色や形などしっかりとこだわって設定していきましょう。
個人的には、見出しの番号が大きくなっていくほど(h2からh3といった感じ)、見出しはシンプルに小さくなっていったほうが見やすいと思います。
色もなるべくなら統一感があったほうが、バラバラに配色するよりかは見やすいと思います。
リスト設定(個別ページ用)
個別ページのリスト設定の設定画面になります。
いくつか選択できますので、番号付とそうでないものを好みのデザインと配色で設定しましょう。
吹き出し設定(個別ページ用)
個別ページの吹き出しデザインの設定画面になります。
交互に対比して置いたりすると、会話しているような感じになって読みやすいです。
私のブログの例を載せておきます。
内容は置いておいて(笑)、会話しているような感じで面白いですよね。
引用設定(個別ページ用)
個別ページの引用設定の設定画面になります。
好みの配色を設定しましょう。
テーブル設定(個別ページ用)
個別ページのテーブル設定の設定画面になります。
好みのデザインと配色で設定しましょう。
シェアボタン設定(個別ページ用)
個別ページのシェアボタン設定の設定画面になります。
パターンは全部で11種類、好みのデザインで設定しましょう。
以下に、全パターンを載せておきましたので参考にしてみてください。
パターン1
パターン2
パターン3
パターン4
パターン5
パターン6
パターン7
パターン8
パターン9
パターン10
パターン11
細かい部分の設定になりますが、訪問者の気持ちになって快適なサイト作りをしていきましょう!
☆ただのサラリーマンが一つの夢を掴みました☆
私ざわちゃみが漫画の主人公になったアルティメット課長!!
パニック7ゴールドにて再連載目指し中!!