FEATURES

記事の装飾をより美しくするための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」で作成したフォームを記事内に設置した際のスタイル設定も含まれています。
レスポンシブ表示に対応しています。

お名前 (必須)

メールアドレス (必須)

題名

メッセージ本文

Master

投稿者の記事一覧

著者のプロフィールを表示できます。複数行可能。
プロフィールの非表示選択もユーザーごとに可能です。

関連記事

  1. タブレット、スマホにも対応したモバイルフレンドリーなレイアウト
  2. 1カラムの固定ページを搭載
  3. 多言語機能搭載。英語にも対応しています。
  4. 関連記事一覧をアイキャッチ画像つきでページ下部に自動表示
  5. 国内トップクラスのデザイン・機能・実用性を備えたWordPres…

コメント

  1. この記事へのコメントはありません。

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

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

ピックアップ記事

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

詳細記事ページ(投稿記事、固定ページ)のフォントサイズをテーマオプションから設定することができます。…

サイズの異なる5枚のアイキャッチ(最大3スライド)がスライドするヘッダー

ヘッダースライダーはサイトの顔であり「一等地」となる部分です。このスライド部分には5枚のアイキャッチ…

国内トップクラスのデザイン・機能・実用性を備えたWordPressテーマTCD一覧

WordPressテーマTCDシリーズのテンプレートをご紹介します。TCDシリーズのテンプレートはい…

投稿ページ毎にmetaタグの設定機能を搭載

SEO強化機能の一つとして、詳細記事ページと固定ページごとに、「meta title」「meta d…

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

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

スマホ専用のウィジェット配置が可能

「CORE (tcd027)」はレスポンシブ対応しております、ウィジェットもスマホ専用の配置が可能で…

デザインの異なるアイキャッチ付き記事一覧オリジナルウィジェット

TCDテーマではおなじみのオリジナルウィジェット「デザインされた記事一覧」。これは特定の記事をアイキ…

アイキャッチ付きの記事一覧を表示するオリジナルウィジェット

当テーマには新しいウィジェット「デザインされた記事一覧1」「デザインされた記事一覧2」「デザインされ…

大規模な集客を行うためのフラッグシップサイトを構築するためのWordPressテーマ「CORE」

インターネット事業を成功させるためには、集客がとても重要な柱となるのは言うまでもありません。集客には…

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

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

マウスで位置調整しながらロゴを設置できるロゴアップローダー機能

TCDシリーズでお馴染みの機能「ロゴアップローダー」が「CORE (tcd027)」でも搭載されてい…

大規模な集客を行うためのフラッグシップサイトを構築するためのWordPressテーマ「CORE」

インターネット事業を成功させるためには、集客がとても重要な柱となるのは言うまでもありません。集客には…

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

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

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

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

サイトのメインカラー・サブカラーを自由に設定可能

サイトのメインカラーとサブカラーをテーマオプションから自由に変更できます。設定方法は管理画面の左メニ…

サイドバーにギャラリーを表示させることが出来るオリジナルウィジェットを搭載

同じデザインのコンテンツがサイドバーに並んでいてもつまらない。「CORE」では、サイトの価値を上げる…

サイズの異なる5枚のアイキャッチ(最大3スライド)がスライドするヘッダー

ヘッダースライダーはサイトの顔であり「一等地」となる部分です。このスライド部分には5枚のアイキャッチ…

ライフハック、ビジネス、スポーツ、暮らしなど様々なジャンルで使えるマガジンメディアテンプレート

「CORE」テーマはライフハック、ビジネス、国際ニュース、キャリア、IT、スポーツ、恋愛、料理など様…

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

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

一流のサイトはロールオーバーのアニメーションもかっこいい

WordPressテーマ「CORE」は、画像やテキストの上にマウスを置いた時の挙動にも重点を置いてデ…

国内トップクラスのデザイン・機能・実用性を備えたWordPressテーマTCD一覧

WordPressテーマTCDシリーズのテンプレートをご紹介します。TCDシリーズのテンプレートはい…

1カラムの固定ページを搭載

デフォルトの固定ページ以外にも、左右のサイドが無いバージョン(1カラム)の固定ページを用意しました。…

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

TCDシリーズのWordPressテーマではおなじみの機能となっているので、珍しくはないと思いますが…

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

テーマ付属の設定ファイルに入っているクイックタグの表示サンプル一覧です。エディタ上に表示されるクイッ…

投稿者名や関連記事など、幅広く表示・非表示設定ができる

投稿者名やコメント、トラックバック、RSSや関連記事など、非表示にしたい項目があれば、テーマオプショ…

一流のサイトはロールオーバーのアニメーションもかっこいい

WordPressテーマ「CORE」は、画像やテキストの上にマウスを置いた時の挙動にも重点を置いてデ…

デザインの異なるアイキャッチ付き記事一覧オリジナルウィジェット

TCDテーマではおなじみのオリジナルウィジェット「デザインされた記事一覧」。これは特定の記事をアイキ…

サイズの異なる5枚のアイキャッチ(最大3スライド)がスライドするヘッダー

ヘッダースライダーはサイトの顔であり「一等地」となる部分です。このスライド部分には5枚のアイキャッチ…

スマホ専用のウィジェット配置が可能

「CORE (tcd027)」はレスポンシブ対応しております、ウィジェットもスマホ専用の配置が可能で…

サイトのメインカラー・サブカラーを自由に設定可能

サイトのメインカラーとサブカラーをテーマオプションから自由に変更できます。設定方法は管理画面の左メニ…

HOBBY

SPORTS

PAGE TOP