ブログのコト

【2021】WordPressテーマ「JIN」のショートコードの早見表

プログラミング

こんにちは、ウルフです。

Wordpresテーマの「JIN」を使用してから4ヶ月経ちました、使い勝手とデザインの良さで大変気に入っております。

最近、ショートコードの存在を知り頻繁に使用しているわけですが

JInのショートコード

この状態だと表示がちょっとわかんない。

というわけで、ショートコードの早見表を作成することにしました。

アルパカ
アルパカ
ショートコードの表示を確認したい

という「JIN」ユーザーは参考にして下さい。

 

ボックス

  1. ボックス16
  2. ボックス17
  3. ボックス18
  4. ボックス19
  5. ボックス20
  6. Q&Aボックス
  7. アコーディオンボックス

ボックス16

ここにタイトルを入力

ここに本文を入力

ボックス17

ここにタイトルを入力

ここに本文を入力

ボックス18

ここにタイトルを入力

ここに本文を入力

ボックス19

ここにタイトルを入力

ここに本文を入力

ボックス20

ここにタイトルを入力

ここに本文を入力

ボックス21

Q&Aボックス

ここに質問を入力

ここに回答を入力

アコーディオンボックス

ここにタイトルを入力

ここに本文を入力

アイコンボックス

  1. 注意
  2. 電球
  3. カート
  4. お知らせ
  5. 吹き出し
  6. チェック
  7. 鉛筆
  8. 情報
  9. 歯車
  10. クリップボード
  11. いいね!
  12. よくない
  13. ハート
  14. はてなマーク

注意

ここに本文を入力

ここに本文を入力

電球

ここに本文を入力

カート

ここに本文を入力

お知らせ

ここに本文を入力

吹き出し

ここに本文を入力

チェック

ここに本文を入力

鉛筆

ここに本文を入力

情報

ここに本文を入力

歯車

ここに本文を入力

クリップボード

ここに本文を入力

いいね!

ここに本文を入力

よくない

ここに本文を入力

ハート

ここに本文を入力

はてなマーク

ここに本文を入力

ここに本文を入力

ボタン

  1. フラットボタン
  2. グラデーションボタン
  3. 光るボタン
  4. ふわふわボタン
  5. バウンドボタン
  6. 横並びボタン【フラット】
  7. 横並びボタン【光るフラット】
  8. 横並びボタン【グラデーションボタン】
  9. 横並びボタン【光るグラデーション】

フラットボタン

グラデーションボタン

光るボタン

ふわふわボタン

バウンドボタン

横並びボタン【フラット】

横並びボタン【光るフラット】

横並びボタン【グラデーションボタン】

横並びボタン【光るグラデーション】

余白

10px 20px 30px 40px 50px

15px 25px 35px 45px

 

付箋

  1. シンプルな付箋
  2. 吹き出し付箋
  3. 吹き出し付箋(角丸)

シンプルな付箋

  • 右肩下がり
  • 平行
  • 右肩上がり

右肩下がり

ここに文字を入力してください

平行

ここに文字を入力してください

右肩上がり

ここに文字を入力してください

吹き出し付箋

ここに文字を入力してください

吹き出し付箋(角丸)

ここに文字を入力してください

画像加工

  1. 影だけつける
  2. 角丸デザインにする
  3. 枠ありデザインにする
  4. 丸枠デザインにする

影だけつける

狼デイズとは?

角丸デザインにする

狼デイズとは?

枠ありデザインにする

狼デイズとは?

丸枠デザインにする

狼デイズとは?

区切り線

  1. ノーマル
  2. 点線
  3. 2重線

ノーマル

点線

2重線

2カラム

  1. 2カラム
  2. 2カラム【背景色あり】
  3. 2カラム【タイトルあり】
  4. 2カラム【タイトル&背景色あり】

2カラム

左のコンテンツはここに入力

右のコンテンツはここに入力

2カラム【背景色あり】

左のコンテンツはここに入力

右のコンテンツはここに入力

2カラム【タイトルあり】

ここにタイトルを入力

左のコンテンツはここに入力

ここにタイトルを入力

右のコンテンツはここに入力

2カラム【タイトル&背景色あり】

ここにタイトルを入力

左のコンテンツはここに入力

ここにタイトルを入力

右のコンテンツはここに入力

3カラム

  1. 3カラム
  2. 3カラム【背景色あり】
  3. 3カラム【タイトルあり】
  4. 3カラム【タイトル&背景色あり】

3カラム

左のコンテンツはここに入力

中央のコンテンツはここに入力

右のコンテンツはここに入力

3カラム【背景色あり】

左のコンテンツはここに入力

中央のコンテンツはここに入力

右のコンテンツはここに入力

3カラム【タイトルあり】

ここにタイトルを入力

左のコンテンツはここに入力

ここにタイトルを入力

中央のコンテンツはここに入力

ここにタイトルを入力

右のコンテンツはここに入力

3カラム【タイトル&背景色あり】

ここにタイトルを入力

左のコンテンツはここに入力

ここにタイトルを入力

中央のコンテンツはここに入力

ここにタイトルを入力

右のコンテンツはここに入力

見出し(LP用)

  1. 見出し2(H2)

見出し2(H2)

ここにテキストを入力

星(レビュー用)

星1
星1.5
星2
星2.5
星3
星3.5
星4
星4.5
星5

アイコン

丸矢印(右)
矢印(右)
矢印(下)
矢印(左)
矢印(上)
二重矢印(右)
ホーム
ペン
チェック
チェック(丸)
メール
電球
注意
インフォメーション
フォルダ
コメント
クエスチョン
ユーザー
時計
星(ハーフ)
星(塗りなし)
ギア
コピー
カート
マル
バツ
プラス
ハート
いいね
良くないね
スピーカー
クリップボード
タグ
王冠
ドロップピン
スマホ
パソコン
検索
記事
クローバー
ブックマーク
イナズマ
シェア
工具

まとめ

ついでに、「JIN」のショートコードの数を数えてみた結果、、、

  1. ボックス:8
  2. アイコンボックス:16
  3. ボタン:9
  4. 余白:9
  5. 付箋:6
  6. 画像加工:4
  7. 区切り線:3
  8. 2カラム:4
  9. 3カラム:4
  10. 見出しLP用:1
  11. 星(レビュー用):10
  12. アイコン:47

計121種類ものショートコードがあります!

「JIN」、、、ぱねぇですわ