こんにちは、roihiです。
ブログ作成から4カ月が経って初心者なのに
テーマはTHETHORを入れたので、機能は沢山あって便利のはずが
まだ使いこなせていないおばさんです！
でも吹き出しもできるようになったし
今日は何とかならないの？と思っていたサブタイトルボックスの色味
の変更方法を解決しました！
線の太さを変える簡単な方法をお伝えしちゃいます！
できあがりはこんな感じです。
まずは、何もない記事をひとつ作成します。
最初は、ボックスの周りだけを作ります。クラッシックブロックを選択。
次に、スタイルからデフォルトパーツボックスを選択します。
そうすると、グレーがかったボックスが出来上がります。
ここで、注意点
ここでは「オリジナル」としました。
そして、その「オリジナル」を全部範囲選択します。
（3回クリックで全部反転しますよ）
文字が選択された状態でないと、その後の変更が反映されないのです。
そして次は、スタイルからスタイルセット・ボーダー系・
オール実践（細）を選択します。
そうすると、枠線が実践（細）に変わります。
次は、背景の色を変えます。
スタイル、カラーセット・背景・モノトーン・ホワイト
これで、線のうち側が白色になりました。
次は線の色を変えます。
スタイル、カラーセット・ブライトトーン・オレンジ
これで線の色もオレンジへ変わります。
次は、ボックスの角の丸みをつけます。
スタイル、スタイルセット・角丸系・角丸（10px）を選択します。
10pxの方が丸みが大きいです。
あともう少しあります。一度設定してしまえば
次からが楽なので、頑張りましょう。
次は、この設定したものを、HTMLでコピーします。
ブロックメニューから、縦の…から
HTMLで編集を選択します。
そうすると下の図のように出てきますので
クォーテーション””の間のみを選択してコピーします。
それを、カスタマイズのパーツスタイル設定で書き換えます。
外観、カスタマイズ・パーツスタイル設定[THE]・ボックス設定の中から
ボックス設定が規定でされています。
そのうちのどこを上書きしても良いのですが、私はもうこの後元には
戻さないと確信して、一番上の「サブタイトルボーダーボックス」
そのものを変更してしまいました。
一応メモ書きで、デフォルトで入っていたものも残しています。
赤枠の中を、自分が変更したもののわかり易いタイトルに変更しても良し
■スタイルの中を、先ほどコピーしたものと書き換えました。
ちなみに、変更前後のメモはこんな感じで残しています。
これで、外枠のオレンジのライン細の角丸ができています。
次に、サブタイトルの部分を変更します。
先ほどの
外観、カスタマイズ・パーツスタイル設定[THE]・その他エディタ用パーツ設定のなかで、
下の方までスクロールすると「サブタイトルボックスのカラー」というのがありますので、そこで設定します。こちらはオレンジ系を設定しています。
記事投稿に戻って、クラッシックブロックから先ほど設定したタイトルを
選択してみます。
この場合は、タイトルは変更していないので、
スタイル、ボックス・サブタイトルボーダーボックスを選択します。
すると、出てきました！デフォルトでは赤のサブタイトル部分と赤の太線でしたが、オレンジ細線に変わっています！
そして、サブタイトルの入力方法は、別にサブタイトル部分を選択して
そこに文字を入力します。
今は例で「あああああ」を入力してみました。
じゃーん！できましたね～。
いかがでしたでしょうか。これで、次からは同じオレンジが出てくるように
なりました！
THE THORには便利な機能がデフォルトで入っているのですが
お好みで設定してみてくださいね！
それでは、またね💛