The rainy season is over.
「梅雨が明けた」と訳します。
暑くてイライラ🥵
メモリ４GBのパソコンにイライラ😰
ま、頑張ろう。
てな訳で、今日はページに目次を作って
みようと思います。
ブロガーの皆さん、綺麗に作って
ますよね～。 憧れですよ。
プラグイン使えないので、HTMLと向き
合う事になりそうです。 う～。
目次
まぁ、こんな感じで目次を設定しました。書いている時点では、まだこれからどうなるか分らないので、ドキドキ。
１.まずビジュアルエディターで
普段、段落やスペースや、画像など
挿入していますが、これは、
ビジュアルエディター
と言うみたいです。
一方 コードエディタって言うのがあり、
HTML で表示され、編集もできる。
知らなかった！
早く言ってくれ😅
ビジュアルエディターで、
文章構成から、目次を作ります。
また、目次から飛んで欲しい見出し
も作ってしまいます。
２.コードエディタで見出しに idを
コードエディタに切り替えます。
この『切替え』に辿り着く事は、
大大革命、と言っても過言ではない。
切替えると、コードがば～っと。
見出しの、<h2>のところに、id を入れます。
<h2 id=”title1″> とでもして置きます。
他の見出しも書き加えますが、
id は別のものにして下さい。
対応させて title2 ～ title5 のように。
３.目次から飛べるようにする
引き続き、コードエディタで、
<a>タグを目次に設定します。
目次の、1. なら
<p> 1.まずビジュアルエディターで</p>
となっている所を、
<p><a href=”#title1″>1.まずビジュアルエディターで</a></p>
の様に、書き換えます。
『 # 』を id の前に入れるのを忘れないで下さい。
他の、目次の部分も、id に注意しながら、修正して下さい。
4.最後に確認を！
目次から、ちゃんと飛ぶか、
確認はします。
id がダブってたりすることが有ります。
５.編集後記
プラグインつかったり、CSS使ったり
すれば、もっと格好良くなるだろけど。
いいんだ、これで。
しかし、HTML 書くとは。。。
毎回、目次付けるのも、だるいな。
いや、少し慣れるまでやろうか。
また何か見えてくるだろう。
6.今日の動画
さて、Tomorrowland も終わりました。
しかし、7月は熱いですよ。
同じベルギーの Dour でのフェスも
ありました。5日の開催。
フランス国境近くです。
Dour Festival(ドュアーフェステバル)2019
7月14日最終日の出演です。
日付超えてますが。
今日は、ささやかだけど、新しい
発見があって良かった。
明日は明日で、まとめる事が沢山あるな～。
NOMAD で行こうよ！ 