menu
閉じる
  1. クリックで開くトップドロワーメニューで情報量が格段にアップ
  2. アフィリエイトに新しい風。先進的なデザインを取り入れた収益サイトが運営…
  3. CSSの追加をテーマオプションから行えるカスタムCSS機能
  4. 特定の記事だけに適用するCSSを設定可能
  5. 記事と記事の間という絶妙なスキマスペースに表示される広告
  6. 充実のフッターエリア。つま先まで手を抜かないレイアウト
  7. 固定・追従が選択できる情報量豊富なヘッダーバー
  8. 詳細記事ページのフォントの変更がテーマオプションからできる
  9. 最大限に広告量を重視した、アフィリエイト報酬を上げるためのテーマ
  10. 配色の一括変更機能を搭載!簡単にオリジナリティを出せます。
閉じる
閉じる
  1. 最大限に広告量を重視した、アフィリエイト報酬を上げるためのテーマ
  2. アフィリエイトに新しい風。先進的なデザインを取り入れた収益サイトが運営…
  3. 充実のフッターエリア。つま先まで手を抜かないレイアウト
  4. 記事と記事の間という絶妙なスキマスペースに表示される広告
  5. 配色の一括変更機能を搭載!簡単にオリジナリティを出せます。
  6. クリックで開くトップドロワーメニューで情報量が格段にアップ
  7. 特定の記事だけに適用するCSSを設定可能
  8. CSSの追加をテーマオプションから行えるカスタムCSS機能
  9. 記事の装飾をより美しくするためのTCD独自機能「クイックタグ」一覧
  10. 固定・追従が選択できる情報量豊富なヘッダーバー
閉じる

CUBEY (tcd023)

記事の装飾をより美しくするためのTCD独自機能「クイックタグ」一覧

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

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
フラットボタン-M(デフォルト)
フラットボタン-S

ボタンのカラー

フラットボタン-red
フラットボタン-blue
フラットボタン-green
フラットボタン-yellow

角丸ボタン

角丸ボタン-L
角丸ボタン-M(デフォルト)
角丸ボタン-S

ラウンドボタン

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

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

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

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

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

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

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

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

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

フォームのスタイル

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

お名前 (必須)

メールアドレス (必須)

題名

メッセージ本文

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. 15

    最大限に広告量を重視した、アフィリエイト報酬を上げるためのテーマ…

  2. 16

    配色の一括変更機能を搭載!簡単にオリジナリティを出せます。

  3. 29

    関連記事一覧をアイキャッチ画像つきでページ下部に自動表示

  4. 12

    詳細記事ページのフォントの変更がテーマオプションからできる

  5. catch12

    アフィリエイトに新しい風。先進的なデザインを取り入れた収益サイト…

  6. 18

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

おすすめ記事

  1. 最大限に広告量を重視した、アフィリエイト報酬を上げるためのテーマ
  2. アフィリエイトに新しい風。先進的なデザインを取り入れた収益サイトが運営可能
  3. 充実のフッターエリア。つま先まで手を抜かないレイアウト
  4. 記事と記事の間という絶妙なスキマスペースに表示される広告
  5. 配色の一括変更機能を搭載!簡単にオリジナリティを出せます。

ピックアップ記事

  1. catch1
  2. 11
  3. 03
WordPress Theme CUBEY
ページ上部へ戻る