「Highlighting Code Block」のプラグインがうまく表示できないので、 ブロックエディタ→クラシックエディタに持ってきたところ、タグが出現。
<!– wp:loos-hcb/code-block –>
<div class=”hcb_wrap”>
<pre class=”prism line-numbers lang-plane”><code>
ここにコード書く
</code></pre>
</div>
↑これで表示できるっぽい。 しばらくこれで載せてみます。
マーカー(アンダーライン)のCSS
.marker {
background: -webkit-linear-gradient( transparent 60%, #ffcedb 0% );
background: linear-gradient( transparent 60%, #ffcedb 0% );
}
マーカー1
.marker2 {
background: -webkit-linear-gradient( transparent 60%, #a9eaf2 0% );
background: linear-gradient( transparent 60%, #a9eaf2 0% );
}
マーカー2