DESIGN

テーマに設定されている様々なスタイルを確認する為のページ

このページではテーマで設定されている様々なスタイルの確認ができます。テスト結果としては、全て問題なく表示されています。他社のプラグインを導入した際にデザイン崩れが起こらないよう、ヘディングタグにはデザインを付けていません。ヘディングタグにデザインを付ける場合は、クラスで指定して行なうのが最適です。

H1見出し

H2見出し

H3見出し

H4見出し

H5見出し
H6見出し

Blockquote Tests

Blockquote:

Here’s a one line quote.

This part isn’t quoted. Here’s a longer quote:

It’s like a language. You learn the alphabet, which are the scales. You learn sentences, which are the chords. And then you talk extemporaneously with the horn. It’s a wonderful thing to speak extemporaneously, which is something I’ve never gotten the hang of. But musically I love to talk just off the top of my head. And that’s what jazz music is all about.

Stan Getz

And some trailing text.

Table Layout Test

Title Views
About Test User 1 More
260 1 More
Archives 1 More
235 1 More

List Type Tests

Definition List

Definition List Title
This is a definition list division.
Definition
An exact statement or description of the nature, scope, or meaning of something: our definition of what constitutes poetry.
Gallery
A feature introduced with WordPress 2.5, that is specifically an exposition of images attached to a post. In that same vein, an upload is “attached to a post” when you upload it while editing a post.
Gravatar
A globally recognized avatar (a graphic image or picture that represents a user). A gravatar is associated with an email address, and is maintained by the Gravatar.com service. Using this service, a blog owner can configure their blog so that a user’s gravatar is displayed along with their comments.

Unordered List (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

HTML Element Tag Tests

All other HTML tags listed in the FAQ:

Here is the address for Automattic, using the <address> tag:

355 1st Street Suite 202
San Francisco, CA 94105
United States

This is an example of an <anchor> (otherwise known as a link). This abbr. is an example of an <abbr> tag in the middle of a sentence. Here is a TLA showing off the <acronym> tag. What, you want to see some over-sized text using the <big> tag? Can you cite a reference for that, using the <cite> tag? Have you noticed that all of the tag names are displayed in code-form, using the <code> tag? Similarly, I could emulate keyboard text, using the <kbd> text tag, or emulate teletype text using the <tt> tag.

Oh no! I wrote something incorrectly. I’d better delete it, using the <del> tag. I could alternately strike something out using the <strike> tag, or strike something out using the <s> tag. So many choices, which I emphasize using the <em> tag. Just to clarify, this is some inserted text, that I’ll highlight using the <ins> tag.

Need to display completely unformatted text, such as a large block of code? Use the <pre> tag, which lets you display:

#container {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
}

Want to quote the WordPress tagline Code is Poetry? Use the <q> tag to add quotes around it. This is strong text (otherwise known as bold), using the <strong> tag.

Need to write H2O or E = MC2? You may find great use for subscripting text using the <sub> tag, or for superscripting text using the <sup> tag. Need to call out a variable? Use the <var> tag.

Div and Span Tests

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

This is a div with “myclass” class, inside of another div, using the <div> tag.

Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. This is a span inside of a paragraph, using the <span> tag. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl.li

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

あらゆるニーズに対応する自由度の高いソーシャルボタン機能次のページ

ピックアップ記事

  1. 一流のサイトはロールオーバーのアニメーションもかっこいい
  2. トップクラスの機能性・柔軟性・デザインで個性を最大限に演出するWordPress…
  3. スキル不要!いつもの記事をランクアップするクイックタグ機能

関連記事

  1. DESIGN

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

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

  2. DESIGN

    ヘッダーをスクロール追従型または上部固定型の選択が可能!

    「MAG」では、プラグインやjQueryを使用することなく、ヘッダーの…

  3. DESIGN

    フッタースライダーを搭載。つま先まで手を抜かないレイアウト

    フッターは意外と閲覧される重要なエリアです。特にあなたのサイトに興味を…

  4. DESIGN

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

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

  5. DESIGN

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

    「MAG」は、日本語だけでなく、グローバルに展開できるよう英語にも対応…

  6. DESIGN

    2ステップで設置できるロゴアップローダー機能

    TCDシリーズでお馴染みの機能「ロゴアップローダー」が「MAG」でも搭…

おすすめ記事

  1. WordPressテーマ「MAG」

最近の記事

  1. 一流のサイトはロールオーバーのアニメーションもかっこいい
  2. 広告効果をアップさせる追従型広告ウィジェットを搭載
  3. デザインの異なるアイキャッチ付き記事一覧オリジナルウィジェッ…
  4. ユーザープロフィールを表示するオリジナルウィジェット
  5. 記事詳細ページの任意の箇所に広告を表示させることが可能!

ARCHIVES

  1. WordPressテーマ「MAG」

    DESIGN

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

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

    広告効果をアップさせる追従型広告ウィジェットを搭載
  4. FEATURE

    CSSの追加をテーマオプションから行える「カスタムCSS」
  5. DESIGN

    見出しの装飾をより美しくするためのTCD見出し独自タグ一覧
PAGE TOP