ママ研究者の雑記帳

3人の子持ち研究職の日々あれこれ

「html」の記事一覧

HTML-CSS

上下のmarginが効かない時の対処法

CSSを整えていて、左右のmarginは効くのに上下のmarginが効かないという現象に時々遭遇していました。 例えば、下記の例では、上に60pxのmarginをとっているのに、inspectするとcross outされ […]
階層毎にナンバリング

階層毎のサブタイトルを「1-1, 1-2, …」のように自動でナンバリングする方法(counter-reset & counter-increment)

私は今まで、記事のサブタイトルを、出てくる項目順にナンバリングしていたのですが、 書き進めていくうちに、「あれ、いま何番目の項目だっけ?」とわからなくなって、前の文章に戻ったり、 時々ブロックを入れ替えてナンバリングし直 […]
HTML-CSS

id属性とclass属性の使い分け

HTML/CSSをコーディングする際に重要となるid属性とclass属性の使い分けについて。 id属性とclass属性とは id属性もclass属性も、どちらもHTMLのタグに名前をつけて、その属性がついたコードだけに作 […]
HTML-CSS

hタグの使い分け

このブログを初めた頃は、 HTMLの事もよくわからず、手探りで記事を書いていました。   「見出しにhタグを使う」 というのは何度か目にしていましたが、 初期の頃は、大きさや形を変えて見栄えを良くする事に使って […]
Wordpress

投稿者名を非表示に

セキュリティー上、個人ブログの投稿者名は非表示にしておいた方が良い… という事で、今までは「Show and Hide Author」というプラグインを使っていましたが、プラグインなしでも簡単にできそうだったので、やって […]
Wordpress

TwentySeventeenの記事横幅を拡大

私の使っているテーマはTwentySeventeenですが、横幅がちょっと小さめなのが気になっていました。 これに関して、投稿している記事は多く、 「みんな結構気になっているんだなー」 と、一人納得。   以下 […]
HTML-CSS

蛍光ペン風なマーカーのCSS

例えば、こんな感じに文字を装飾したい場合。 「黄色の蛍光ペン」 CSSにコードを追加 外観 → テーマエディター → 付随のCSSエディターを開く。 CSSを追加。 例えば、黄色で、テキストの半分をハイライトするようなマ […]
HTML-CSS

Youtubeの埋め込みを高速化

サイトスピードの向上のため、Youtubeの埋め込みを高速化する。 1.記事の一番前に下記コードを貼り付け Javascriptコード <script> function init() { var vidDe […]
HTML-CSS

margin, border, padding etc.の変更

行間や文字の大きさ等を調節したい時 外観 → カスタマイズー → 追加CSSで編集。 スペースや文字の大きさ等、変更したい部分にカーソルをあわせ、 右クリックでInspect(もしくはCont + Shift + I)。 […]