WordPressの編集画面を元に戻す
久しぶりに WP を入れたらエディタが新しくなっており、タグの入れ方がわからず。
旧スタイルのエディタはプラグインで入れられるらしい。
Classic Editor – WordPress プラグイン | WordPress.org 日本語
Classic Editor (クラシックエディター) は、WordPress チームがメンテナンスしている公式プラグインです。以前の WordPress エディターおよび投稿編集画面を復元します。
公式なので安心感がある。
Adobe CC の各アプリでどんなことができるのか読んでいた
CSS: 書体周りの設定
CSS でテキストの見栄えを変えられる。
- 字詰め（カーニング）
- アンチエイリアス
- 縦書き
字詰め（カーニング）
font-feature-settings プロパティで字詰めできる。
書体の種類による。
- TTF（True Type Font）だとできない。
- OTF（Open Type Font）だと字詰めできる。
font-feature-settings: "palt"; カッコなどの約物と仮名が詰まる font-feature-settings: "halt"; カッコなどの約物が詰まる（仮名は詰まらない）
試してみる
https://codepen.io/becolomochi/pen/zYKpvQx
参考
font-feature-settings - CSS: カスケーディングスタイルシート | MDN
"hwid"; / Half-width OpenType feature /
文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
上記サイトによると、他の値としては、
pwid（プロポーショナル字形に置き換える指定）
pkna（仮名や仮名関連の字形セットをプロポーショナル字形に置き換える指定）
などもあるとのこと
アンチエイリアス
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
試してみる
アンチエイリアスがかかって細く見える
https://codepen.io/becolomochi/pen/LYRepqZ
参考
縦書き
writing-mode プロパティで縦書きができる。
値は vertical-rl 。
writing-mode: vertical-rl;
参考
Pugのことを調べた
公式：
コメントの書き方
https://pugjs.org/language/comments.html
スラッシュ2個で <!-- --> として出力される
// 出力されるコメント
スラッシュ2個のあとにハイフンを追加すると出力されない
//- 出力されないコメント
ブロックでコメントを書く方法
改行＋インデント？（未検証
//- 出力されないコメント ブロック
// HTML に出力されるコメント ブロック
テンプレート分け
https://pugjs.org/language/includes.html
include ファイル名 で呼び出せる
変数
https://pugjs.org/language/attributes.html
- 変数の設定はハイフンを付けて var
- var authenticated = true
- 呼び出すときは
#{}で囲む- 例：
#{name}'s Pug source code!
- 例：
- 呼び出す前に先に変数を用意しておかないとだめ（よく考えれば当たり前だけどハマった）
if 文
https://pugjs.org/language/conditionals.html
if elseif else
end はいらない
block
https://pugjs.org/language/inheritance.html
exclude で呼び出したりできる
継承
for 文
https://pugjs.org/language/code.html
- for (var x = 0; x < 3; x++) li item
