ズルいぐらい幸せになる個性の磨き方やまなかまりこです。
今日は講師向けの簡単PCカスタマイズ！
さあやってみよう！
アメブロでもワードプレスでも記事の中に小見出しがあると見やすく読みやすいですよね。
ちなみに小見出しってこういうの↓
これが小見出しよ
これを記事に付けたいときは以下をコピーしてHTMLのところにペーストしてくださいね。
↓ピンクこの < から > までをコピーしてね↓
<div style=”border-left:10px solid ##ffb6c1; border-bottom:2px solid ##ffb6c1; padding-left:10px; font-weight:bold;”>見出し</div>
ネイビーの場合はこれね↓
<div style=”border-left:10px solid #000099; border-bottom:2px solid #000099; padding-left:10px; font-weight:bold;”>見出し</div>
色を変えたい場合は 「#」のあとのカラーコードをここを好みの色のコードに変更すればＯＫです。
上を見てみても「#」のあとが違う記号や数字が並んでいますよね。
これが色のコードなわけです。
私は好みの色を探すのにいつもこのページを使っていますよ。
カラーコードを探すならここが便利
原色大辞典
ワードプレスの場合は
私はワードプレスなので、小見出しは「見出し2」にして配置しています。
なので、タグも以下のようにしています。
<h2 style=”border-left: 10px solid #ffb6c1; border-bottom: 2px solid #ffb6c1; padding-left: 10px; font-weight: bold;”>見出し</h2>
なんでh2で囲っているかというと、SEO対策にもなるというのを聞いたから。
あと、小見出しが3つ以上あったときに勝手に目次を作ってくれるプラグインをいれているのです。
これの事↓
これすごく便利なのです。
このプラグインは「table-of-contents-plus」っていうのだけど、
これはまた別の記事で紹介しますね！
このほかの記事はここからどうぞ
ブログ可愛くしていこう！
自分一人でやってみてつまづいたらPCサポートをどうぞ↓
あなたの仕事の土台作り、サポートメニュー一覧はこちら！ 
最新記事 by やまなかまりこ (全て見る)
- 【レポ】1月のコラボミニ講座は宇宙人と地球人の目標の立て方の違いでした - 2019年1月16日
- アメブロが商用禁止から商用OKに！集客ブログとしてアメブロはどうなの？ - 2018年12月26日
- お申し込みが増える！好き好きランキングの使い方 - 2018年12月26日
