コンテンツの構成と役割は以下のようになっています。

お知らせ：カスタム投稿タイプ「お知らせ」の投稿記事の一覧を2カラムで表示する
事業案内：カスタム投稿タイプ「事業案内」の投稿記事の一覧を表示する
バナー：最大6つのバナーコンテンツを表示する
実績紹介：カスタム投稿タイプ「実績紹介」の投稿記事の一覧を表示する
フリースペース1～3：HTMLの記述が可能なエディタを搭載し、自由に好きなコンテンツを制作できる

各コンテンツを注釈に従って設定していきますが、難しい作業は一切なく、空欄に文字を入力したり、画像をアップロードするだけで完了します。

各項目の表示/非表示はチェックを入れたり、外したりするだけですので、あとからでも簡単に変更できます。設定が完了したら実際にトップページを見て仕上がりを確認してみましょう。コンテンツの順序を変更したい場合は、設定画面の項目の見出しをドラッグ＆ドロップすると即時に適用されます。

このように、TCDテーマ「NANO」なら労力をかけずとも訴求力に富んだ、充実したトップページコンテンツを作成することができるのです。

NANOではグローバルメニューで、通常のドロップダウンメニューに加え、2種類のメガメニューを選択することができます。

メガメニュー事業案内は、カスタム投稿タイプ「事業案内」で設定したカテゴリー一覧を背景画像付きで表示するメガメニューとなっていて、カテゴリー毎に分割されたエリアに項目がすっきり収まり、視認性を高めています。メガメニュー会社案内は、カスタム投稿タイプ「会社案内」で投稿済の記事をアイキャッチ画像とともに表示するメガメニューとなっています。

グローバルメニューに設定した項目がテーマオプションと連動する仕組みになっていて、上図のようにドロップダウンメニューから簡単にメガメニューの設定が可能です。

その一環として、テーマオプションから自分のTwitterやFacebook（Facebookページも可）、Instagramのアカウントを設定することにより、記事詳細ページやフッターエリアにソーシャルボタンの表示が可能です。
＜設定画面サンプル＞

フッターエリアへのお問い合わせ、RSSボタンもチェックを入れるだけで表示が可能です。このように簡単な作業でカスタマイズを楽しめるのがTCDテーマ「NANO」の魅力の一つとなっています。

1つ目は、ウィジェットによる広告のランダム表示化です。プラグインがなしでこの機能がデフォルトで備わっているのはTCDにしかありません。フッターやサイドバー、固定ページ専用などどこにでも表示が可能です。

広告は直接HTMLで埋め込むことも出来ますが、メディアに保存した画像を登録することも可能です。

2つ目は、詳細記事ページへの広告挿入機能です。通常ならSingle.phpを編集して、広告を挿入しなければいけないところが、テーマオプションで画像を登録して置くだけで、記事下に広告を表示することができます。

3つ目は、ショートコード機能です。テーマオプションで登録しておいた広告はショートコードをコピーし貼り付けることで記事中などお好きな個所に表示することができます。

幅広いサイト運営を行うのにこのカスタマイズ機能は必須とご好評いただいている機能です。

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

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:

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 H₂O or E = MC²? 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 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