ピンク

各種タグ・コンテンツデザイン

タグデザイン

見出し

見出し2(h2)

見出し3(h3)

見出し4(h4)

見出し5(h5)
見出し6(h6)

テーブル

ヘッダー 1 ヘッダー 2 ヘッダー 3
内容 1 内容 2 内容 3
内容 1 内容 2 内容 3
内容 1 内容 2 内容 3
内容 1 内容 2 内容 3
内容 1 内容 2 内容 3
フッター 1 フッター 2 フッター 3
ヘッダー 1 ヘッダー 2 ヘッダー 3
ヘッダー 1 内容1 内容2 内容3
ヘッダー 2 内容1 内容2 内容3
ヘッダー 3 内容1 内容2 内容3

引用

文書の文字コードにはUTF-8を推奨している。文書の文字コードの指定は、meta要素におけるcharset属性で指定する。これとHTTPレスポンスヘッダーのcontent-typeでエンコード宣言が省略された場合はUTF-8が既定となる。またcharset属性を含めたmeta要素は文章先頭から1024バイト以内に記載する必要がある。

説明リスト

Godios.
2018年にリリースされた無料のWordPressテーマ。高速画面遷移・内部SEO対策・100%レスポンシブなどが主な特徴。

リスト

  • ulリスト1
  • ulリスト2
  • ulリスト3
  • ulリスト4

例)

<ul>
    <li>ulリスト1</li>
    <li>ulリスト2</li>
    <li>ulリスト3</li>
    <li>ulリスト4</li>
</ul>
  1. olリスト1
  2. olリスト2
  3. olリスト3
  4. olリスト4

例)

<ol>
    <li>olリスト1</li>
    <li>olリスト2</li>
    <li>olリスト3</li>
    <li>olリスト4</li>
</ol>

リンク

通常リンク

link-iconクラスを付けたリンク

例)

<a href="#" class="link-icon">リンクアイコンを付けたいリンク</a>

下線

underlineクラスを付けると下線が追加されます。

例)

<span class="underline">下線を付けたい文字</span>

ブルーの下線文字

<span class="underline blue">ブルーの下線文字</span>

グリーンの下線文字

<span class="underline green">グリーンの下線文字</span>

イエローの下線文字

<span class="underline yellow">イエローの下線文字</span>

ピンクの下線文字

<span class="underline pink">ピンクの下線文字</span>

オレンジの下線文字

<span class="underline orange">オレンジの下線文字</span>

グレーの下線文字

<span class="underline gray">グレーの下線文字</span>

マーカー

markerクラスを付けるとマーカーが引けます。

例)

<span class="marker">マーカーを引きたい文字</span>

ブルーのマーカー文字

<span class="marker blue">ブルーのマーカー文字</span>

グリーンのマーカー文字

<span class="marker green">グリーンのマーカー文字</span>

イエローのマーカー文字

<span class="marker yellow">イエローのマーカー文字</span>

ピンクのマーカー文字

<span class="marker pink">ピンクのマーカー文字</span>

オレンジのマーカー文字

<span class="marker orange">オレンジのマーカー文字</span>

グレーのマーカー文字

<span class="marker gray">グレーのマーカー文字</span>

文字の大きさ

fs20クラスを付けた文字

fs25クラスを付けた文字

fs30クラスを付けた文字

例)

<span class="fs25">大きくしたい文字</span>

コンテンツデザイン

イメージ

サンプルイメージ

ビデオ

Google マップ

Twitter埋め込み

Instagram埋め込み

Facebook埋め込み

ブログカード

・使用例

[blogcard id="投稿ID"]
投稿IDは半角カンマ区切りで複数指定することも可能です。