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

※このページにはアフィリエイトリンクが含まれています。

ほとんど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>

Simplicity文字装飾のボタン拡張クラスの使い方

Simplicity2.2.1からボタン拡張クラスを追加しました。 以下では、ボタン拡張クラスの使用例を紹介します。 様々な色のボタン ボタン拡張クラスでは、クラス名を変更することで色や、大きさを変更することができます。 レッド <

wp-simplicity.com

ボタンテスト

ボタンテスト

ボタンテスト

<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の子テーマには、いくつかデフォルトに

wp-simplicity.com

Simplicityテーマのファイル構造について説明

Simplicityのファイル構造について説明します。 僕は、Ruby on Railsの設計理念の1つDRY（Don’t Repeat Yourself）「同じことを繰り返さない」という考え方が好きなので、なるべく同じコードを書く箇所は

wp-simplicity.com

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

http://zubora.main.jp/wordpress/simplicity-structure/

zubora.main.jp