〔ガジェットのタイトル〕、〔アクセント〕について検証！
〔ガジェットのタイトル〕について検証していきたいと思いますが、前回の投稿タイトルの場合と同様に、変更する箇所が分かりやすく囲まれていますので、直感的に理解できます。さっそく見ていきましょう。
見てのとおり、「Blogger テンプレートデザイナー」を開いて、カスタマイズ ＞ 上級者向け ＞ 〔ガジェットのタイトル〕をクリックして「指定エリア」を開いた状態の、上記の図を参考にしてわかるように、下のプレビュー領域を見てみると、記事のタイトルが、影付きの赤いラインで囲まれていて解りやすくなっています。
指定エリアで指定できる要素は今まで何度も見てきた状況とほとんど同じです。今まで解説してきたページが参考になると思いますので、今回は、関連するページを下記に示して省略したいと思います。重複を避けるためですのであしからず。
参考 ： テンプレートから、タブのテキストと背景について考えてみる！
参考ページの前半は参考になりませんが、後半の本題に入ってからの解説は、今回のテーマに沿った内容とほとんど同じです。〔ガジェットのタイトル〕について指定する場合に応用することができますので参考になると思います。
続いて、「Blogger テンプレートデザイナー」から、〔ガジェットのタイトル〕の下にある〔アクセント〕をクリックして見てみたいと思います。「指定エリア」を開いた、下記の図を見てわかるように、下のプレビュー領域で、記事やサイドバーの各項目がそれぞれ独立して、影付きのが赤いラインで囲まれています。
〔アクセント〕とは、何を意味しているのでしょうか？
ここで示されている〔アクセント〕というのは、以前解説した「レイアウト」で追加したガジェットに関して影響する指定項目のようです。上図の例でいえば、右サイドバーにある各ガジェットについて、アクセント的な要素などを指定するためのツールのようです。
例えば「代替色」を今のグレー（#666666）から、おすすめ色の下段右から二つ目の赤色（#e32766）に変えてみると分かるように、右サイドバーの「ブログ アーカイブ」の各タイトルの前に有る▼の色がグレーから赤色に変化します。それ以外の部分で変化するのは確認できませんでした。（少なくともこのブログでは他に確認できませんでした…）
同じく右サイドバーの状況で、次の「べベル（面取り）の色」については、現在の指定では、テキストで「#f9f9f9」で指定されているように、白地に文字だけしかありませんが、指定色を「このテンプレートの色」と示された１１色の中から上段の右端の青色に変えてみます、するとそれぞれのガジェットが、「細い青いライン」で区切られました。
「べベル（面取り）の色」というのは、実は各ガジェットを区切るためのラインがあって、現状では白地に白で目立たない指定ですが、それを自由に指定することができるツールのようですね。
自分のブログの各ガジェットに対して、ラインを入れて区切ることによって、それぞれが見やすくなるし、レイアウト全体を引き締める効果も期待できるかもしれません。
ところで、修正を重ねたのちに、元の状態に戻したくなることも多いと思いますが、「ガジェットのタイトル」、「アクセント」共に指定エリアの下の方に「〇〇〇の詳細な変更をクリア」という青い文字がありますので、その文字をクリックすると、すべて元に戻せるので安心です。
そして、いろいろ試した後に変更をブログに適用させる方法も今までと同様に、指定エリアの右端上部にあるオレンジ色のブログに適用ボタンをクリックしておこないます。ブログに適用ボタンをクリックする前であれば、全て元に戻すことができますので安心して試せます。
上級者向けの指定エリア項目として、一番下にある〔ＣＳＳを追加〕という項目については解説を省略します。自分としてはスキル不足もありますし、このブログの趣旨として、複雑なことは出来るだけ避けたいとも思っていますので、今のところ省くことにしました。
今後必要に迫られたならば、いずれは追加できたらいいなと考えています。
このテンプレートに関しての解説は以上で終わります。テンプレートの種類によって指定エリアの項目は多少変化すると思いますが、基本的には同じですので、それぞれで参考にして頂けたら幸いです。
今年も残り少なくなってきました、今月はブログをあまり更新できなかったのが心残りです。年末に向けて少しでもブログを更新していけたらいいのですが、それが叶わなかったら心残りですので、少し早いですが、あいさつに代えさせて頂きます。
新たな内容を追加していきながら、より充実した内容を目指して新年を迎えたいと思います。
注意 ： 上記解説で使用している画像は、以前使用していたテンプレート画像ですので現状と違う場合があります。基本的な内容に変化はありませんが、実際にご覧頂いている時のブログの状態とは違う場合があることをご了承ください。
ガジェットのタイトル
見てのとおり、「Blogger テンプレートデザイナー」を開いて、カスタマイズ ＞ 上級者向け ＞ 〔ガジェットのタイトル〕をクリックして「指定エリア」を開いた状態の、上記の図を参考にしてわかるように、下のプレビュー領域を見てみると、記事のタイトルが、影付きの赤いラインで囲まれていて解りやすくなっています。
指定エリアで指定できる要素は今まで何度も見てきた状況とほとんど同じです。今まで解説してきたページが参考になると思いますので、今回は、関連するページを下記に示して省略したいと思います。重複を避けるためですのであしからず。
参考 ： テンプレートから、タブのテキストと背景について考えてみる！
参考ページの前半は参考になりませんが、後半の本題に入ってからの解説は、今回のテーマに沿った内容とほとんど同じです。〔ガジェットのタイトル〕について指定する場合に応用することができますので参考になると思います。
アクセント
続いて、「Blogger テンプレートデザイナー」から、〔ガジェットのタイトル〕の下にある〔アクセント〕をクリックして見てみたいと思います。「指定エリア」を開いた、下記の図を見てわかるように、下のプレビュー領域で、記事やサイドバーの各項目がそれぞれ独立して、影付きのが赤いラインで囲まれています。
〔アクセント〕とは、何を意味しているのでしょうか？
ここで示されている〔アクセント〕というのは、以前解説した「レイアウト」で追加したガジェットに関して影響する指定項目のようです。上図の例でいえば、右サイドバーにある各ガジェットについて、アクセント的な要素などを指定するためのツールのようです。
例えば「代替色」を今のグレー（#666666）から、おすすめ色の下段右から二つ目の赤色（#e32766）に変えてみると分かるように、右サイドバーの「ブログ アーカイブ」の各タイトルの前に有る▼の色がグレーから赤色に変化します。それ以外の部分で変化するのは確認できませんでした。（少なくともこのブログでは他に確認できませんでした…）
同じく右サイドバーの状況で、次の「べベル（面取り）の色」については、現在の指定では、テキストで「#f9f9f9」で指定されているように、白地に文字だけしかありませんが、指定色を「このテンプレートの色」と示された１１色の中から上段の右端の青色に変えてみます、するとそれぞれのガジェットが、「細い青いライン」で区切られました。
「べベル（面取り）の色」というのは、実は各ガジェットを区切るためのラインがあって、現状では白地に白で目立たない指定ですが、それを自由に指定することができるツールのようですね。
自分のブログの各ガジェットに対して、ラインを入れて区切ることによって、それぞれが見やすくなるし、レイアウト全体を引き締める効果も期待できるかもしれません。
ところで、修正を重ねたのちに、元の状態に戻したくなることも多いと思いますが、「ガジェットのタイトル」、「アクセント」共に指定エリアの下の方に「〇〇〇の詳細な変更をクリア」という青い文字がありますので、その文字をクリックすると、すべて元に戻せるので安心です。
そして、いろいろ試した後に変更をブログに適用させる方法も今までと同様に、指定エリアの右端上部にあるオレンジ色のブログに適用ボタンをクリックしておこないます。ブログに適用ボタンをクリックする前であれば、全て元に戻すことができますので安心して試せます。
上級者向けの指定エリア項目として、一番下にある〔ＣＳＳを追加〕という項目については解説を省略します。自分としてはスキル不足もありますし、このブログの趣旨として、複雑なことは出来るだけ避けたいとも思っていますので、今のところ省くことにしました。
今後必要に迫られたならば、いずれは追加できたらいいなと考えています。
このテンプレートに関しての解説は以上で終わります。テンプレートの種類によって指定エリアの項目は多少変化すると思いますが、基本的には同じですので、それぞれで参考にして頂けたら幸いです。
今年も残り少なくなってきました、今月はブログをあまり更新できなかったのが心残りです。年末に向けて少しでもブログを更新していけたらいいのですが、それが叶わなかったら心残りですので、少し早いですが、あいさつに代えさせて頂きます。
新たな内容を追加していきながら、より充実した内容を目指して新年を迎えたいと思います。
注意 ： 上記解説で使用している画像は、以前使用していたテンプレート画像ですので現状と違う場合があります。基本的な内容に変化はありませんが、実際にご覧頂いている時のブログの状態とは違う場合があることをご了承ください。
コメント
コメントを投稿
ご覧いただき感謝します。ご意見やご質問がありましたら、「コメントを入力」をクリックしてください。よろしくお願い致します！