シェアする

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

  • ファビコン Microsoft Issues New Windows 10 Update Warning - Forbes NEW!
  • ファビコン Code Compare lets you Compare and Merge Source Code - TWCN Tech News NEW!
  • ファビコン Windows 10 news recap: more Samsung phones could get “Link to Windows” feature, Minecraft to get a new rendering engine, and more - OnMSFT NEW!
  • ファビコン How to update Chrome, Firefox, Edge, Opera browser on Windows 10 - TWCN Tech News NEW!
  • ファビコン Can’t pair Bluetooth keyboard, Check the PIN and try connecting again - TWCN Tech News NEW!
  • ファビコン SharePoint keeps asking for password on Windows 10 - Windows Report NEW!
  • ファビコン Headphones not showing up in playback devices on Windows 10 - TWCN Tech News NEW!
  • ファビコン Microsoft Foldable Windows 10 PC Codename 'Centaurus' To Get Unique Methd For Rendering Apps On The Dual Touchscreens Reveals Patent - Appuals NEW!
  • ファビコン How to stream Xbox One games on your Windows PC - The Verge NEW!
  • ファビコン Microsoft Store keeps updating the same apps in Windows 10 - TWCN Tech News NEW!

記事を読む

ほとんど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をアレンジする際メチャ役に立ちます

wordpressの今日の人気記事

まだデータがありません。

他カテゴリの今日の人気記事

まだデータがありません。

ブロガー用

ブログ管理者などによく売れてる本です
パソコンやスマホをお持ちの方に人気です