テーマ付属の設定ファイルに入っているクイックタグの表示サンプル一覧です。
エディタ上に表示されるクイックタグボタンと同じ順にご紹介します。

Youtube動画のレスポンシブ表示

記事内のYoutube動画をレスポンシブ表示します。
ブラウザのウィンドウ幅を縮小してスマホでの表示スタイルをご確認ください。
PCでは、メインカラム幅より横幅が大きい動画でも自動的にカラム幅ぴったりにリサイズされます。

関連記事のカードリンク表示

サイト内の関連記事へのリンクをサムネイル画像付きで表示できます。

カラムレイアウト

レイアウト2c

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

レイアウト3c

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

見出しスタイル

H3見出しa

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

H3見出しb

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

H4見出しa

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

H4見出しb

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

H5見出しa

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

H5見出しb

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

囲み枠のスタイル

スタイル1・・・Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

スタイル2・・・Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

スタイル3・・・Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

カスタマイズ*囲み枠のカラーバリエーション

※クラス指定を追加することで配色の変更が可能です。

スタイル1(red)・・・Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

スタイル1(blue)Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

スタイル1(green)Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

スタイル1(yellow)Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

ボタンのスタイル

フラットボタン(デフォルトサイズ)
フラットボタン-L
フラットボタン-S

フラットボタン(red)
フラットボタン(blue)
フラットボタン(green)
フラットボタン(yellow)

角丸ボタン(デフォルトサイズ)
角丸ボタン-L
角丸ボタン-S

ラウンドボタン(デフォルトサイズ)
ラウンドボタン-L
ラウンドボタン-S

カスタマイズ*ボタンの配置方法を指定する

※pタグで囲い、クラス指定を追加することで配置方法の指定が可能です。

フラットボタン-L(左揃え)

フラットボタン-L(中央揃え)

フラットボタン-L(右揃え)

テーブルのレスポンシブ表示

テーブルタグで作成された表組みをレスポンシブに表示するためのタグです。
ブラウザのウィンドウ幅を縮小してスマホでの表示スタイルをご確認ください。

CSS Cascading Style Sheets(CSS、カスケーディング・スタイル・シート、カスケード・スタイル・シート)とは…
レスポンシブデザイン レスポンシブデザイン(RWD)とは、Webデザインの手法の一つで、様々な種類の機器や画面サイズに単一のファイルで対応すること。表示された機器の種類やサイズに応じて表示内容が最適な状態に変化するよう設定された単一のファイルを制作し、すべての機器に同じように送信する…

フォームのスタイル

プラグイン「Contactform7」で作成したフォームを記事内に設置した際のスタイル設定も含まれています。
レスポンシブ表示に対応しています。

お名前 (必須)

メールアドレス (必須)

題名

メッセージ本文

関連記事

  1. タブレット、スマホにも対応したモバイルフレンドリーなレイアウト

    2015.08.14

    タブレット、スマホにも対応したモバイルフレンドリーなレイアウト

    サイトがモバイルフレンドリーかどうかは検索順位にも影響する重要なものです。当テーマであれば、PC、ス…

    タブレット、スマホにも対応したモバイルフレンドリーなレイアウト
  2. 固定ページをスタイリッシュに演出する3種類のページテンプレート

    2015.09.24

    固定ページをスタイリッシュに演出する3種類のページテンプレート

    通常の投稿(ブログ記事)とBLOCの独自機能である「お知らせ」「商品」の2種類のカスタム投稿タイプの…

    固定ページをスタイリッシュに演出する3種類のページテンプレート
  3. ビジュアルで魅了する!オシャレでモダンなタイルギャラリーレイアウト「BLOC」

    2016.05.24

    ビジュアルで魅了する!オシャレでモダンなタイルギャラリーレイアウト「B…

    WEBサイトを入り口に自社の商品や作品を多くの人に知ってもらうためには、掲載コンテンツが充実している…

    ビジュアルで魅了する!オシャレでモダンなタイルギャラリーレイアウト「BLOC」
  4. イメージ画像のキャプション表示テスト

    2015.09.5

    イメージ画像のキャプション表示テスト

    これは画像位置合わせテスト(アンキャプション付き画像)のページです。ワードプレスのエディタから設定し…

    イメージ画像のキャプション表示テスト
  5. カスタマイズ不要!テーマオプションやウィジェット設定、投稿のみでここまでできる

    2015.09.21

    カスタマイズ不要!テーマオプションやウィジェット設定、投稿のみでここま…

    当デモサイトはWordPressの投稿とテーマオプションやウィジェットの設定(=テーマの機能)のみで…

    カスタマイズ不要!テーマオプションやウィジェット設定、投稿のみでここまでできる
  6. 2015.08.15

    ロゴは無料でダウンロードできる「ロゴマルシェ」で

    当テーマはロゴを設定しない場合には、サイトタイトルとサイトの説明がテキストで表示されます。それでも(…

    ロゴは無料でダウンロードできる「ロゴマルシェ」で
  7. スキル不要!いつもの記事をランクアップするクイックタグ機能

    2015.09.24

    スキル不要!いつもの記事をランクアップするクイックタグ機能

    BLOCのテーマCSSにはあらかじめ、記事作成時によく使用する見出しタグ、リンクボタン、囲み枠といっ…

    スキル不要!いつもの記事をランクアップするクイックタグ機能
  8. 多言語機能搭載。英語にも対応しています。

    2015.09.8

    多言語機能搭載。英語にも対応しています。

    「BLOC(tcd035)」は、日本語だけでなく、グローバルに展開できるよう英語にも対応しています。…

    多言語機能搭載。英語にも対応しています。
  9. Googleカスタム検索と連動したサイト内検索

    2015.08.13

    Googleカスタム検索と連動したサイト内検索

    TCDシリーズではすでにおなじみの機能ではありますが、テーマオプションからGoogleカスタム検索と…

    Googleカスタム検索と連動したサイト内検索

コメント

  1. By the way, I got the ‘Chico and Rita’ blu-ray from Europe about a month ago. It was only about 15 USD, including shipping. Well worth it for anyone interested, that doesn’t want to wait until September.
    fake chanel quartz watch [url=http://www.montrefr.ru/]fake chanel quartz watch[/url]

  2. I am all aboard the asparagus train already, too — gotta put it in this lovely quiche next!
    montre ballon bleu replique

  3. Dr. Katie Kashmanian. I believe that most of us know her as a professional. I never call her Katie.
    yeezys price

  4. cartierbraceletlove In my country, some older people refers to any kind of heavy music as “Metallica”… Sometimes i got asked if i play the “Metallica”, people just think that is music style… Weird shit.
    bracelet love cartier or blanc replique

  1. この記事へのトラックバックはありません。

コメントするためには、 ログイン してください。
PAGE TOP