テーマ付属の設定ファイルに入っているクイックタグの表示サンプル一覧です。
目次
H3見出し class=bg_naname
H3見出し class=bg_green
H3見出し class=bg_pink rounded
H3見出し class=bg_right_gray
H3見出し class=bdr_green
H3見出し class=bdr_pink
H4見出し class=bdr_left
H4見出し class=balloon rounded
H5見出し class=bg_gray
H5見出し class=bg_black
H6見出し class=style6
囲み枠のスタイル
class=well ･･･Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
class=well2･･･Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
class=well3･･･Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
カスタマイズ＊囲み枠のカラーバリエーション
※クラス指定を追加することで配色の変更が可能です。
class=well wl_red : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
class=well wl_blue : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
class=well wl_green : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
class=well wl_yellow : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
ボタンのスタイル
カスタマイズ＊ボタンの配置方法を指定する
※pタグで囲い、クラス指定を追加することで配置方法の指定が可能です。
テーブルのレスポンシブ表示
テーブルタグで作成された表組みは自動的にレスポンシブ表示されます。
ブラウザのウィンドウ幅を縮小してスマホでの表示スタイルをご確認ください。
| CSS | Cascading Style Sheets（CSS、カスケーディング・スタイル・シート、カスケード・スタイル・シート）とは… |
|---|---|
| レスポンシブデザイン | レスポンシブデザイン（RWD）とは、Webデザインの手法の一つで、様々な種類の機器や画面サイズに単一のファイルで対応すること。表示された機器の種類やサイズに応じて表示内容が最適な状態に変化するよう設定された単一のファイルを制作し、すべての機器に同じように送信する… |
Youtube動画のレスポンシブ表示 style3a
記事内のYoutube動画をレスポンシブ表示します。
ブラウザのウィンドウ幅を縮小してスマホでの表示スタイルをご確認ください。
PCでは、メインカラム幅より横幅が大きい動画でも自動的にカラム幅ぴったりにリサイズされます。
関連記事のカードリンク表示
サイト内の関連記事へのリンクをサムネイル画像付きで表示できます。
ただ、ロゴがないというのは少し寂しいですよね。ロゴがすでにある場合は、テーマオプションのロ…
カラムレイアウト
レイアウト2c
レイアウト3c
フォームのスタイル
プラグイン「Contactform7」で作成したフォームを記事内に設置した際のスタイル設定も含まれています。
レスポンシブ表示に対応しています。
この記事へのコメントはありません。