投稿スタイル確認

classなし汎用スタイル

このテーマでHTML要素を用いて記事を書くと、以下のようなレイアウトになります
※後半にclass付与の特殊スタイルも紹介しています。

見出し弐

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。

見出し参

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。

見出し四

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。

見出し五

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。

見出し六

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。

引用 (Blockquote) テスト

引用:

一行だけの引用。

この行は引用ではありません。以下は長い引用:

これは言語みたいなものだ。アルファベットすなわち音階を学び、文すなわちコードを学ぶ。そしてやがてホーンと即興で会話するようになる。即興で話すのはすばらしいことだと思うが、私には決して会得できないだろう。しかし音楽ともなれば、私は即座によろこんで会話する。そう、それがジャズ音楽のすべてだ。 スタン・ゲッツ

そしてこれはその後に続くテキスト。

テーブルレイアウトのテスト

リストタイプのテスト

定義リスト

定義リストタイトル

これは定義リストです。

定義

物事、領域、何かについての意味の正確な文章や説明: 詩を構成するものの定義。

ギャラリー

WordPress 2.5 から導入された、投稿に添付された画像を展示するための機能です。同じように、投稿を編集中にアップロードすると、そのファイルは「投稿に添付」されます。

Gravatarグラバター

グラバターとはグローバルに認識されるアバター（あるユーザーを表すグラフィックイメージや写真）です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。

非順序リスト（ネスト化）

• リストアイテム1
  • リストアイテム1
    • リストアイテム1
    • リストアイテム2
    • リストアイテム3
    • リストアイテム4
  • リストアイテム2
  • リストアイテム3
  • リストアイテム4
• リストアイテム2
• リストアイテム3
• リストアイテム4

順序リスト

1. リストアイテム1
   1. リストアイテム1
      1. リストアイテム1
      2. リストアイテム2
      3. リストアイテム3
      4. リストアイテム4
   2. リストアイテム2
   3. リストアイテム3
   4. リストアイテム4
2. リストアイテム2
3. リストアイテム3
4. リストアイテム4

• テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
• テキストテキストテキストテ

• リストアイテム2
  • テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
  • テキストテキストテキストテ
• リストアイテム3
• リストアイテム4

1. リストアイテム2
   • テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
   • テキストテキストテキストテ
2. リストアイテム3
3. リストアイテム4

HTML 要素タグテスト

他の HTML タグは FAQ をご覧ください: 次はデジタルキューブの住所です。<address> タグを使用しています:

これは <anchor> (もしくはリンクとも呼ばれます) の例です。この abbr. はセンテンスの中にある <abbr> タグの例です。これは <acronym> タグを使用した TLA です。 <big> タグを使用した some大きめのサイズのテキスト をご覧になりたいですか？ <cite> タグを使って、そのリファレンスを引用したいですか？ タグ名はすべて <code> タグを使用した コード形式 で表示されていることにお気づきになりましたか？ 同じように、<kbd> タグを使用してキーボードテキストをエミュレートしたり、<tt> タグを使用してテレタイプ（等幅）テキストをエミュレートできます。 おっと、いけない！間違って書いてしまいました。<del>タグを使用して消したほうがよさそうです。もしくは <strike> タグを使用して線を引いて消したり、あるいは <s> タグで線を引いて消したりすることもできます。これは挿入されたテキストで、明確にするために <ins> タグを使用してハイライトしています。 コードのカタマリのような完全にフォーマットされないテキストを表示する必要がありますか？<pre> タグを使用すると次のように表示されます:

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

WordPress のキャッチフレーズ Code is Poetry を引用したいですか？<q> タグで囲むと引用符が追加されます。これは <strong>タグを使用した強調テキストです。（もしくはボールドとも呼ばれます） H₂O もしくは E = MC²? と書く必要がありますか？<sub> タグを使った _{サブスクリプティング} テキストや <sup> タグを使った ^{サブスクリプティング} テキストがお役に立つでしょう。引数や変数であることを示すには <var> タグをつかいます。

classあり特殊スタイル

ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー

外部リンク

見出し弐

ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー

ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー

内部リンク

見出し弐

ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー

ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー

見出し弐

ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー

ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー

見出し弐

ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー

見出し

内容

見出し

内容

見出し

内容

tableなので、
・vertical-align: middle;
・text-align: center;
で天地中央になります。

例：
<td style=”vertical-align: middle;text-align: center;”>1本

表全体にかける場合は、tableにstyleを書いてください
<table class=”table-price” style=”vertical-align: middle;text-align: center;”>1本

• リスト
• リスト
• リスト

• 2.

  検査

  キャプション

  class=”FR”で右寄せになります。

• 3.

  局所麻酔

  キャプション

  class=”FL”で左寄せになります。”col-xs-2″などの表記は、bootstrapというフレームワークのルールに従います。”col-xs-*”のclassがついたブロックは横並びとなり、数値の合計が”12″になるように調整します。現在は、比率が2:10となっています

• 3.

  局所麻酔

  キャプション

  class=”FL”で左寄せになります。”col-xs-2″などの表記は、bootstrapというフレームワークのルールに従います。”col-xs-*”のclassがついたブロックは横並びとなり、数値の合計が”12″になるように調整します。現在は、比率が4:8となっています

詰め物

直接法(口の中で詰める)

間接法(模型で製作したものを詰める)

ビフォーアフターの症例写真

正面1

正面2

正面3

正面4

正面5

もっと見る

ビフォーアフターの症例写真

正面1

正面2

正面3

正面4

正面5

もっと見る

ビフォーアフターの症例写真

正面1

正面2

正面3

正面4

正面5

もっと見る

ビフォーアフターの症例写真

正面1

正面2

正面3

正面4

正面5

もっと見る

ビフォーアフター(スライド)の症例写真

• 正面1
• 正面2
• 正面3
• 正面4
• 正面5

もっと見る

ビフォーアフターの症例写真

正面1

正面2

正面3

正面4

正面5

もっと見る

もっと見る

テーマの中ですでに登録されている
Font Awesome 5 Pro
Font Awesome 6 Free
はタグのみで使用できます
https://fontawesome.com/

そのほかのアイコンフォントについては、使用するアイコンフォントの要件によってはタグのみでは表示されないかもしれないです。