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

2016/7/11 2017/6/19 wordpress Simplicity, よく使う

お気に入り

ホロライブ所属・天音かなたさんが卒業　理由は“業務負荷の集中”　「解決には組織全体の仕組みの見直し必要」 NEW!
Microsoft、IE、MS-DOS、MSNなどのアイコンが散りばめられたセーターを発売　ほか【ダイジェストニュース】 NEW!
超リアルな月面シミュレーター「Real Moon」、Steamで無料公開へ　逆立ちした「SLIM」に会えるかも？ NEW!
世界初、「ニホンウナギの脂」をつくる細胞を作出　“培養ウナギ肉”開発へ一歩　都産技研と北里大学 NEW!
無料の3DCG統合環境「Blender 5.0」は煙も髪も金属も大気もリアルにレンダリング！【Blender ウォッチング】 NEW!

記事を読む

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

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

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

wordpressの今日の人気記事

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

よく売れてる本

1冊ですべて身につくHTML & CSSとWebデザイン入門講座［第2版］ [ Mana ]

これだけで基本がしっかり身につく HTML/CSS＆Webデザイン1冊目の本 [ Capybara Design 竹内直人 ]

HTML＆CSSとWebデザインが1冊できちんと身につく本［増補改訂版］ [ 服部雄樹 ]

ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座 [ Mana ]

今すぐ使えるかんたんEx　HTML&CSS 逆引き事典 [ 大藤幹 ]

HTML & CSSとWebデザイン入門［第2版］＆実践講座 2冊セット [ Mana ]

プロの「引き出し」を増やす　HTML+CSSコーディングの強化書

これからはじめるHTML＆CSSの本 Windows10＆macOS対応版（デザインの学校） [ 千貫りこ ]

気になるパソコン

【WEBカメラ+テンキー付き+DVDドライブ】中古ノートパソコン中古パソコン 15.6インチ SSD128GB メモリ8GB Core i5 第7世代 Microsoft Office付き Windows11 東芝 dynabook B55 ノートパソコン中古 PC パソコン中古ノートPC 中古ノート最大SSD1TB 最大メモリ32GB

中古ノートパソコン｜楽天1位本日超得 3,000円OFF｜ノートパソコン Windows11 Microsoft Office 2024 H&B｜店長厳選｜Core i7 第6世代メモリ 8GB SSD 256GB｜WEBカメラテンキー Wi-Fi 無線 Bluetooth FHD 15.6 セキュリティ初期設定済み中古パソコン中古PC

【本日超得！】楽天年間1位中古パソコン Win11 正式対応日本人サポート中古ノートパソコンおすすめ SSD 第8世代 NEC Corei5 8GB Office付初期設定不要整備済み Windows11 ノートパソコンパソコンノートPC 中古ノート中古pc pc

【全品P10倍！ブラックフライデー限定！】中古パソコン中古ノートパソコン NEC 店長おまかせ VersaPro シリーズ Windows11搭載第8世代Corei5 メモリ16GB 新品SSD1TB Office選択可 15.6型高性能PC【送料無料】

先取クーポンあり!【最大180日保証!】【豪華特典付き】【Corei5第8世代】ノートパソコンノートパソコンoffice付き中古ノートパソコン第8世代ノートパソコン Windows11 Microsoft Office付き中古ノートパソコンテンキー付きパソコンノートパソコン Windows11 15.6

【24時間限定最大10000P】デスクトップパソコンDELL HP NEC 第6〜10世代Corei5選べる 21インチモニター付きアウトレット新品メモリ8GB SSD256GB Windows11 office付き Microsoftoffice2024可中古デスクトップパソコン DVD/WIFI/Bluetooth DisplayPort