Simplicity2.2のよく使うタグのメモ書き

ほとんどLive Writerから投稿して管理画面には入らないので良く使いそうなタグをメモ書きしました

子テーマを使っているせいなのか現時点では分かりまんがLive Writerにテーマの更新をしても以下のクラスが反映されないんだよなwww
でも投稿すればきちんと表示されるので問題ない!

あかのアンダー

黄色のマーカー
黄色のアンダーマーカー
バッジ

細く説明1
細く説明?
プライマリー
さくせす
インフォ
ウォーニング
デンジャー
<span class="red-under">あかのアンダー</span>
<span class="marker">黄色のマーカー</span>
<span class="marker-under">黄色のアンダーマーカー</span>
<span class="ref">バッジ</span>
<div class="information">細く説明1</div>
<div class="question">細く説明?</div>
<div class="sp-primary">プライマリー</div>
<div class="sp-success">さくせす</div>
<div class="sp-info">インフォ</div>
<div class="sp-warning">ウォーニング</div>
<div class="sp-danger">デンジャー</div>
Simplicity2.2.1からボタン拡張クラスを追加しました。 以下では、ボタン拡張クラスの使用例を紹介します。 様々な色のボタン ボタン拡張クラスでは、クラス名を変更することで色や、大きさを変更することができます。 レッド <

ボタンテスト

ボタンテスト

ボタンテスト

<p><a href="#" class="btn btn-light-blue">ボタンテスト</a></p>

<p><a href="#" class="btn btn-light-blue btn-m">ボタンテスト</a></p>

<p><a href="#" class="btn btn-light-blue btn-l">ボタンテスト</a></p>

ボタンテスト

ボタンテスト

ボタンテスト



<p><a href="#" class="btn btn-pink">ボタンテスト</a></p>

<p><a href="#" class="btn btn-pink btn-m">ボタンテスト</a></p>

<p><a href="#" class="btn btn-pink btn-l">ボタンテスト</a></p>


HTMLはエスケープをしてからソースコードを挿入しないとダメなんで以下でエスケープ出来ます
ハイライト表示させたくない場合は<pre class=”nohighlight”>と記入します。
http://webtools.dounokouno.com/htmlescape/

Simplicityでソースコードをハイライト表示する方法をみれば詳しく書かれてます
https://wp-simplicity.com/highlight-js/

Simplicityには、最初から子テーマが作成してあります。 これは、子テーマを作るのは、地味に面倒くさいので「最初からあったほうが楽だろう」ということで作ってあります。 加えて、Simplicityの子テーマには、いくつかデフォルトに
Simplicityのファイル構造について説明します。 僕は、Ruby on Railsの設計理念の1つDRY(Don’t Repeat Yourself)「同じことを繰り返さない」という考え方が好きなので、なるべく同じコードを書く箇所は

Simplicityをアレンジする際メチャ役に立ちます