様々なスタイルを確認する為のページ

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


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.



亜里 下岡

Author profile

広島県出身。株式会社○○所属。ウェブデザイン好きの1988年生まれ。
ここに好きな文章を入れることが出来ます。

Author recent post

Related post

  1. 2017-8-21

    勇者登録が解禁になりました。

    司令部所属の司令官秘書のゆいです。 野田市防衛軍の勇者登録がはじまります。 2017年8月2…

おすすめ記事

  1. 記事投稿をする際のHTML書式集 記事投稿をする際に、見出しはどうすればできるのか?表組はどうする…
  2. 観光にかんする投稿 観光にかんする投稿 観光にかんする投稿 観光にかんする投稿 …
  3. 観光にかんする投稿 観光にかんする投稿 観光にかんする投稿 観光にかんする投稿 …

話題をチェック

  1. 司令部の研究班よりお知らせです。 「大魔王」が野田市内に放出する「スポット」10か所が、研究班…
  2. ひさしぶりじゃのネット爺じゃ。 大魔王軍が動き始めたと言うことで、昨日は第一次防衛2個小隊が出撃し…
  3. 野田市防衛軍、司令部秘書官のゆりなです。 2017年9月10日の第一次防衛「作戦名:ディアブロ」作戦…

アーカイブ

Return Top