アメブロからライブドアブログへの引っ越しに伴い、少しでも華やかにしようかと日々勉強中。


私の場合は、メインはスマホ投稿となるので、設定も全てアンドロイドスマホから行う。






前準備

❏用語     

【見出し】とは、
ファイル構成で言えば、見出し＝フォルダ名、文書＝ファイル名、となる。

階層は、h1〜h6。このブログ内では h3まで使用。
  • h1【記事のタイトル】 
  • h2【見出しデザインの設定〜】 
  • h3【1.まず、CSSの設定〜】 

【HTML】とは、
書体や文字、文書構造のコード


【CSS】とは、
HTMLに装飾を加えるコード


❏必要アプリ(アンドロイド)

  • ファイルマネージャー
  • テキストエディター
  • PC表示対応ブラウザ


見出しデザインを選ぶ

ひとまず、見出しデザインを2種類選ぶ。これでh3まで対応できる。

【CSS 見出し デザイン】で検索すれば大量ヒットする。


20180515_094223
h2（下ラインを青くする）


20180515_172939

h3（h2と色を合わせる）

Screenshot_20180515-151050
h4


に、決定！ ヽ(｀･▽･´)ﾉ



見出しデザインの設定方法

1.まず、CSSの編集画面を開く

20180515_090106
スマホからの変更は、PCブラウザを開くアプリで可能。



2.CSS内のコード変更

20180515_095115

cssのコード内から、【article-body-inner h○】の以下を、書き換える。

20180515_104744
配布先からコードをコピー


20180515_105031
  1. 【article-body-inner】以降に貼り付けて、書き換える。
  2. h1 → h2 に修正
  3. カラーコードを調整
  4. 【保存】

これで、【見出しh2】デザイン化のpc版は完了。



PC版の見え方



PC版からは

20180515_213553

無事にこのように表示された(๑•̀ㅂ•́)و✧




スマホ観覧の見出しデザイン化は設定途中。

既に20時間以上ブッ込んでいる（；＾ω＾）




スマホ用。いろいろ試しているが、なかなか上手くいかず(TдT)