リンクテキストになら、fontawesomeのアイコンを使用しても問題なく更新することもできるようですし、少し面倒ですが、設定する人はしてください。今回もブロガーの巨匠ふじやんさんが教えて下さいました。
<b:widget id='PageList1' locked='true' title='ページ' type='PageList' version='1'>
↓↓
<b:section id='ナビゲーション' maxwidgets='2' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='ページ' type='PageList' version='1'>
尚、ヘッダーとナビバーの入れ替えや、検索ボックスの埋め込みなどのカスタマイズはまたやり直しになりますのでご注意を。
サイドバーの連絡フォームの色を変更
こちらもふじやんさんが教えて下さいました。「ちなみに私はデベロッパーツールは滅多に使いません。ブラウザの広告ブロック拡張(私が使ってるのは uBlock Origin)に「要素選択機能」があって、クラス名などを知りたい箇所にカーソルを合わせるだけで手軽に確認できるので便利です。クラス名が分かったら「Stylus」という拡張機能を使ってCSSを上書きしてテストします。」とのことです。
ワテは、以下のように設定しました。
.contact-form-button {
color: #fff;
background: darkgreen;
}
.contact-form-button,
.contact-form-name,
.contact-form-email,
.contact-form-email-message {
border-color: darkgreen;
}
.contact-form-button:hover {
border-color: darkgreen;
background:green;
}
.contact-form-name:focus,
.contact-form-email:focus,
.contact-form-email-message:focus {
border-color: darkgreen;
}
上のように設定しました。これで緑になります。はっきりいって、ブログの全体の色が緑なのはあまりいいと思いません。汚い川の色のような感じもしなくもないし、ブルーが無難でどの色にも合うのでそうしたいんやけど、目に優しくて癒しがあるのは間違いなく緑です。
だから不格好でも緑にしてます。特にワテのブログは長文が多いからそうしております。ふじやんさん、いつも即座に答えてくださりありがとうございます。
検証ツールについて
いつも検証ツールでクラス名を探していたんやけど、uBlock Originっちゅうブラウザの拡張機能があって、それの方がええらしいです。調べてそうしておきます。
0 件のコメント:
コメントを投稿