※このページにはアフィリエイトリンクが含まれています。
ほとんどLive Writerから投稿して管理画面には入らないので良く使いそうなタグをメモ書きしました
子テーマを使っているせいなのか現時点では分かりまんがLive Writerにテーマの更新をしても以下のクラスが反映されないんだよなｗｗｗ
でも投稿すればきちんと表示されるので問題ない！
でも投稿すればきちんと表示されるので問題ない！
あかのアンダー
黄色のマーカー
黄色のアンダーマーカー
バッジ
細く説明１
細く説明？
プライマリー
さくせす
インフォ
ウォーニング
デンジャー
<span class="red-under">あかのアンダー</span> <span class="marker">黄色のマーカー</span> <span class="marker-under">黄色のアンダーマーカー</span> <span class="ref">バッジ</span> <div class="information">細く説明１</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）「同じことを繰り返さない」という考え方が好きなので、なるべく同じコードを書く箇所は
![1冊ですべて身につくHTML & CSSとWebデザイン入門講座［第2版］ [ Mana ]](https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/8469/9784815618469_1_5.jpg?_ex=128x128)
![ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座 [ Mana ]](https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/6145/9784815606145_1_2.jpg?_ex=128x128)
![HTML＆CSSとWebデザインが1冊できちんと身につく本［増補改訂版］ [ 服部雄樹 ]](https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5103/9784297125103_1_4.jpg?_ex=128x128)
![これだけで基本がしっかり身につく HTML/CSS＆Webデザイン1冊目の本 [ Capybara Design 竹内 直人 ]](https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0114/9784798170114_1_20.jpg?_ex=128x128)
![今すぐ使えるかんたんEx HTML&CSS 逆引き事典 [ 大藤幹 ]](https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2516/9784297112516.jpg?_ex=128x128)
![HTML & CSSとWebデザイン入門［第2版］＆実践講座 2冊セット [ Mana ]](https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/6022/2100013896022.jpg?_ex=128x128)
![これからはじめるHTML＆CSSの本 Windows10＆macOS対応版 （デザインの学校） [ 千貫りこ ]](https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/9680/9784774189680.jpg?_ex=128x128)
