JINショートコードの使い方

ここではJINのショートコードの使い方について説明をさせていただきます。

Contents

JIN（ver1.60以降）のビジュアルエディターを開くと「ショートコード」というタブがあり、ここからさまざまなアイテムを追加できます！

テーマアップデート後はブラウザキャッシュの影響で「ショートコード」のタブが表示されない場合がございます。ブラウザのキャッシュを削除するか、プライベートブラウザ等からの確認をお願いいたします。

10〜50pxまで対応していて、ショートコードを差し込むだけで使えます。文章の演出やアクセントのパーツとしてお使いください。

ショートコード	[jin-img shadow="on" radius="on" border="on"]画像リンク[/jin-img]
丸める	radiusを「on」に（利用しない時は「off」に）
枠をつける	borderを「on」に（利用しない時は「off」に）
影をつける	shadowを「on」に（利用しない時は「off」に）

記事中の画像に「枠をつける」「影をつける」「丸める」といった効果を付与することができます。

ショートコード（ jin-img ）で画像を囲うと効果を適用でき、効果重複も可能です。

文章を区切るための線をつけることができます。

「ノーマル」「点線」「二重線」の3種があって、ショートコードを差し込むだけで使えます。文章に区切りをつけたい時にお使いください。

サンプルコード	[2col-box] [2-left]左のコンテンツはここに入力[/2-left] [2-right]右のコンテンツはここに入力[/2-right] [/2col-box]
背景色	bg_color=”#f7f7f7″を変更
小見出し	title=”ここにタイトルを入力”を変更
見出しデザイン	style=”1″を変更（1〜2）

LP・ポートフォリオ・比較で使える「2カラムボックス」「3カラムボックス」を用意しました。

念のため別記事にて使いかたの解説記事を用意しています（※ 準備中）ので、こちらも参照の上、ご利用ください。

サンプルコード	[lp-h2 style="1"]ここにテキストを入力[/lp-h2]
見出しデザイン	style=”1″を変更（1〜3）

LP・ポートフォリオ等で使いやすい見出しを用意しました。

ショートコードを差し込み、タイトルを入力してもらえれば使えます。見出しのデザインはstyleという部分の数字を変更（style=”1″ → style=”2″）してもらえれば変わります。現在3まで対応。

レビューで使いやすい星を用意しました。

評価1.0〜5.0までを視覚的にわかりやすくできるアイテムなので、こちらも口コミやスペック評価の場面でぜひお使いください。

JIN限定コミュニティ「BLOG CAMP」

JINユーザー限定のブログコミュニティ「BLOGCAMP」をオープンしました！

・JINユーザーならずっと参加無料！
・ブログ診断など定期的なイベントあり
・稼ぐためのノウハウをコミュニティ内でシェア

という、本来なら月額かかるような有益なコミュニティをJIN公式でやっています。

ひつじくん

本気でブログで稼ぎたい人はぜひ参加してください！

BLOGCAMPへの参加方法はこちら↓