【SANGO】公式のオススメショートコード一覧

ブログテーマ【SANGO】に変更しました。

さて、この記事がSANGOに切り替えて、最初の記事になります。

本当はこの記事ではなく、テーマを切替した記事を書きたかったのですが、、

ショートコードが全然把握できてないー

ということで、

まずは、よく使うショートコード一覧という記事にすることにしました。

スポンサーリンク

目次

スポンサーリンク

おすすめ版ショートコードをインストールする

AddQuicktagで簡単にショートコードを挿入しよう
https://saruwakakun.com/sango/addquicktag

にある

まずは、[AddQuickTag]プラグインに対応したオススメ版をダウンロードします。

[AddQuickTag]プラグインを入れていない方は、ここでインストールします。

有効化後、[設定]-[AddQuicktag]の一番下に「インポート」欄があります。

ここで、先ほどインポートした「おすすめ版」のタグ一覧ファイルを指定して、インポートします。

投稿記事の画面を開くと、

プルダウンに【SANGO】のショートコード一覧が表示されます。

では、どんなショートコードか実際に試しで使っていきます。

プルダウンで表示される順で書いていきます。

スポンサーリンク

関連記事、補足説明など

関連記事

ダイヤモンドプリンセス【クルーズ旅行記⑧】台湾 九扮 観光

自サイトの記事を、紹介する場合ですな。
投稿idを指定して組み込みます。

横長で表示されます。

関連記事(カードタイプ)

ダイヤモンドプリンセス【クルーズ旅行記⑧】台湾 九扮 観光

こちらも自サイトの記事を紹介する場合です。
これは、トップに表示される記事一覧の感じだね。

他サイトへのリンクカード

参考 WEB×IT活用 BLOGhttps://zono21.xyz/

これは、参考リンクという感じだね。
外部リンクだから、taget=”_blank”を使いたいけどデフォルトではなさそう。
あとで調べてみます。

補足説明

MEMO
これはよく使いそう。

注意書き

注意
これもよく使いますね。

区切り

実践区切り


点線区切り


ソースコード

コード
for (var i = 0; i < 10; i++) {
 document.write (i);
 }

 

吹き出し

吹き出し(右に顏)

吹き出し右に顏バージョン

ブル

吹き出し(左に顏)

ポメ

吹き出し左に顏バージョン

影付きボタン

影付きボタン(アクセントカラー)

ポチっとな

影付きボタン(メインカラー)

ポチっとな

横並び

横並び2列

★1列目の内容★
★2列目の内容★

横並び3列

★1列目の内容★
★2列目の内容★
★3列目の内容★

YouTubeをレスポンシブに

実は、これはちょっと苦労しました。

手順としては、

 

MEMO

1.ワードプレスの[ビジュアルモード]でyoutubeのショートコードを追加する。

[youtubeのタグ][/youtubeのタグ]

2.ショートコード部分を改行で区切る

[youtubeのタグ]

 

[/youtubeのタグ]

3.空白の部分で、動画のURLを貼り付ける。

[youtubeのタグ]

ここで、動画のURLを貼りつけ

[/youtubeのタグ]

上記2を行わず、同じ行で動画URLを入れ込むと、動画が表示されず、URLのみがそのまま表示されます。

タイトル付枠

タイトル付水色枠(box26)

タイトル
文章

タイトル付注意枠(box27)

タイトル
文章

タブ付緑枠(box28)

タイトル
文章

内側タブ付橙枠(box28)

タイトル
橙は、「だいだい」と読みます。

タイトルバー付 ボックス

タイトルバー付 青ボックス(box30)

タイトル
文章

タイトルバー付&影 青ボックス(box31)

タイトル
文章

タイトルバー付 橙ボックス(box32)

タイトル
文章

タイトルバー付 赤&ベージュボックス(box33)

タイトル
文章

チェックリスト

チェックリスト(メインカラー)

  • ポメ
  • ブル
  • シバ

チェックリスト(橙)

  • ポメ
  • ブル
  • シバ

指さしリスト

指さしリスト(メインカラー)

  • ポメ
  • ブル
  • シバ

指さしリスト(緑)

  • ポメ
  • ブル
  • シバ

肉球リスト

肉球リスト(メインカラー)

  • ポメ
  • ブル
  • シバ

肉球リスト(ピンク)

  • ポメ
  • ブル
  • シバ

リスト

円形番号リスト(アクセントカラー)

  1. ポメ
  2. ブル
  3. シバ

円形番号リスト(メインカラー)

  1. ポメ
  2. ブル
  3. シバ

囲み線なしリスト

  • ポメ
  • ブル
  • シバ

評価ボックス

◯◯の評価
◯◯
(3.5)
◯◯
(3.5)
◯◯
(3.5)
総合評価
(3.5)

タイムライン

  • 手順1
    タイトル1
    中身1
  • 手順2
    タイトル2
    中身2
  • 手順3
    タイトル3
    中身3
  • 手順4
    タイトル4
    中身4
  • 手順5
    タイトル5
    中身5

アコーディオン

ムリチャヅケ

あとがき

公式オススメ版のショートコードで、35種類!!

全部使う必要はないので、自分がよく使いそうなものを残して、あとはQuickTagから削除しておきます。

僕は、大まかに2通りの記事しか書かないので、この2パターンに会うクイックタグを残しておけばOKかなと。

  • 通常の記事
  • ソースを載せる記事

あとは色のパターンは1種類あればいいかな。

まずは、使うにも、道具の使い方がわからないとね。