ショートコード

Boat Barco Texture

ショートコードの利用が可能です!

記事中に関連記事のリンクを画像つきで表示

記事内に表示させたい記事IDを入力するだけで、キレイなリンクがつくれます。

単一の場合

I Am Worth Loving Wallpaper

マークアップ: 画像の配置

2013.1.10

使い方は別ページにて記載しております。下のページにてご確認ください。

関連記事ショートコードの記載例(オプションも)

2カラム表示

HTMLやCSSなんてわからなくても2カラム表示が可能です。カラム全体を [colwrap]~~~[/colwrap] で囲むのをお忘れなく!

ページ 5

デスクトップの時のみ2カラムになるよ

ページ 4

タブレット&スマホでは1カラムだよ

使い方は公式サイトを参照

3カラム表示

HTMLやCSSなんてわからなくても3カラム表示が可能です。カラム全体を[colwrap]~~~[/colwrap] で囲むのをお忘れなく!

ページ 2

1カラム目

デスクトップの時のみ3カラムになるよ

ページ 3

2カラム目

ショートコードを使うと簡単だよ

ページ 1

3カラム目

タブレット&スマホでは1カラムだよ

使い方は公式サイトを参照

補足コメント

補足説明

文書の下などに補足としてコメントをいれることができます。意外とこれがよく使う機能なんですよ。

補足説明をいれる
少し小さなフォントで少し目立つような補足説明を追加することができます。

注意説明

文書の下などに補足として注意書きをいれることができます。意外とこれが便利なんですよ。

注意説明をいれる
少し小さなフォントでかなり目立つ感じで注意説明を追加することができます。

シンプルな説明枠(※バージョン1.1.9〜)

シンプルな説明をいれる
少し小さなフォントでシンプルなデザインで説明を追加することができます。

使い方は公式サイトを参照

ボタン

※リッチボタン(アルバトロス ver.1.2.6〜追加機能)

使い方は公式サイトを参照

吹き出し機能

JUNICHIII
ビジュアルエディタ内でショートコードで吹き出しをつくることができます。
KICHIKICHI
アイコンは左右に配置することができます。

JUNICHIII
もちろん通常通りリンクとかも貼れるし、リスト形式にすることもできます。

  • リスト1
  • リスト2
  • リスト3

簡単です。

JUNICHIII
吹き出しは文章を読みやすくしてくれるので効果的に使いたいですね。
また、サイトのキャラクターなどを登場させてブランディングに役立てることもできますね。
JUNICHIII
Facebook風のデザインにすることもできますし。
KICHIKICHI
わお!Facebook風!

JUNICHIII
LINE風のデザインにすることもできますね。
KICHIKICHI
わお!LINE風だ!

ながの
ふん。まだまだよ。
これくらいで図に乗らないで。

アイコン色付き(※バージョン1.1.9〜)

ながの
アイコンの周りのボーダーの色を変えるテスト。

とりあえず黄色(type内に b_yellow と追記)

ながの
アイコンの周りのボーダーの色を変えるテスト。

次は赤(type内に icon_red と追記)

ながの
アイコンの周りのボーダーの色を変えるテスト。

最後は青(type内に icon_blue と追記)

ながの
アイコンの周りのボーダーの色を変えるテスト。

やっぱりダメ押しの黒(type内に icon_black と追記)

使い方は公式サイトを参照

BOX

いろいろな色のボックス】ショートコードを設置可能です。詳しくは下記ページにて。

「ボックス」ショートコード表示サンプル(v1.2.6~)

ショートコードはWidget内でも使えます

ここで紹介したショートコード機能は、Widget内でも利用可能です。「テキスト」内にコードを書いてみてください。幸せになれます。

ウィジェットでCTAの設定ができる!

CTAイメージ
ブログマーケティングにおいてCTA(コールトゥーアクション)の設定は非常に重要です。

ここにメルマガ登録フォームを追加してもいいですし、商品の紹介をしてもいい。

便利なショートコードも用意しているので、HTMLがわからない人でも簡単にCTAを設置することができます。

あなたも自分の商材をここに掲載してみましょう。

ABOUTこの記事をかいた人

ライターのプロフィールが入ります。このライター情報を入れたくない場合は管理画面の ユーザー > あなたのプロフィールの「プロフィール情報」を未入力にすれば表示されません。逆に「プロフィール情報」を入力することでライター情報を表示できます。