WordPressテーマ「Diver」豊富で便利なショートコードを紹介!

昨日、記事にしましたが、WordPressテーマをアフィリエイト収益最大化!SEO対策済みWordpressテーマ「Diver」に変更しました。

アフィリエイト・SEO対策済み WordPressテーマ「Diver」にテーマを変更!
アフィリエイト・SEO対策済み WordPressテーマ「Diver」にテーマを変更!
2017.7.1
このブログはWordPressを使って運営していますが、 リリース以来、ずっと気になっていたWordPressテーマで購入を検討していましたが、ついに購入しました。 これまでWordPressテーマ「STORK(ストーク)を利用 これまでは、OPENCAGEが開発したWordPressテーマ「ストー...…

WordPressテーマ「Diver」は、さまざまなショートコードを搭載しています。

そこで今回は、豊富で便利なショートコードをご紹介します!

スポンサーリンク



文字の装飾ショートコード

WordPressテーマ「Diver」では、下記のようにショートコードを入力することで簡単に文字の装飾が可能となっています。

マーカー

マーカーのショートコードを利用すると、蛍光ペンで線を引いたような装飾ができます。

ショートコード


ショートコードを利用した例

文章の途中で重要なポイントにマーカーを引くことができます。

打ち消し線

訂正したあとを残す時に使うショートコードです。

ショートコード


ショートコードを利用した例

これを訂正します

文字サイズ

文字サイズは9段階ショートコードで装飾できます。

badge name=”ショートコード” color=”red”][/badge]


ショートコードを利用した例

文字サイズ1
文字サイズ2
文字サイズ3
文字サイズ4
文字サイズ5
文字サイズ6
文字サイズ7
文字サイズ8
文字サイズ9

文字色の装飾

ショートコードを使って文字色をさまざな変更できます。

ショートコード


ショートコードを利用した例

文字の色
文字の色
文字の色
文字の色
文字の色

文字背景の装飾

ショートコードを使って文字の背景色をさまざな変更できます。

ショートコード


ショートコードを利用した例

文字の色
背景色
背景色
背景色
背景色

 上記のショートコードを複数組み合わせて表示できます。

記事取得ショートコード

ショートコードに記事のidを入力することで簡単に画像つきの内部リンクを表示できます。

ショートコード


※idは記事のid(数字)を入力します。

ショートコードを利用した例
アフィリエイト・SEO対策済み WordPressテーマ「Diver」にテーマを変更!
アフィリエイト・SEO対策済み WordPressテーマ「Diver」にテーマを変更!
2017.7.1
このブログはWordPressを使って運営していますが、 リリース以来、ずっと気になっていたWordPressテーマで購入を検討していましたが、ついに購入しました。 これまでWordPressテーマ「STORK(ストーク)を利用 これまでは、OPENCAGEが開発したWordPressテーマ「ストー...…

お知らせ・警告ショートコード

文字を強調したいときに使えるショートコードです。

ショートコード


ショートコードを利用した例

 お知らせ

ショートコード


ショートコードを利用した例

 警告の文章。

ボタン表示 ショートコード

ボタンは、ショートコード内にリンクを入れることででボタンになります。カラーも好みに変更可能です。

小さなボタン

ショートコード


ショートコードを利用した例

大きなボタン

ショートコード


ショートコードを利用した例

吹き出しバルーン

ショートコード

ショートコードを利用した例

ここに吹き出しで表示したいテキストが入ります。タグやショートコードも通常と同じように使うことができます。

  • リスト
  • リスト
  • リスト

吹き出しの方向も変更可能

吹き出しの方向も上下左右にすることができます。

ショートコード


ショートコードを利用した例

ここに吹き出しで表示したいテキストが入ります。typeで吹き出しの方向を書きます。

ここに吹き出しで表示したいテキストが入ります。typeで吹き出しの方向を書きます。
ここに吹き出しで表示したいテキストが入ります。typeで吹き出しの方向を書きます。
ここに吹き出しで表示したいテキストが入ります。typeで吹き出しの方向を書きます。

テキストを目立たせるバッジ

参照リンクの前や、ちょっとだけ目立たせたいテキストの前にバッジを表示出来ます。

ショートコード


ショートコードを利用した例
参照

スライダートグル

隠していた要素をクリックして表示させることができるショートコードです。

ショートコード


ショートコードを利用した例

ここにトグルの見出しを表示します。(クリックしてみよう!)
このショートコードで囲んだ内容が隠されます。画像等も自由自在に記述可能です。

横棒グラフ

横棒でグラフのように表現することが可能になるショートコード。

ショートコード


ショートコードを利用した例
1位:
205,7202位:
49,8483位:
34,4334位:
14,4565位:
14,221

レビュー用の星

レビューでよく見る星がショートコードを表示できます。

ショートコード


ショートコードを利用した例

(3)
(2.5)
(3.8)
(4)
(2)
(4.3)

マンガのような吹き出し

下記のようにマンガのような吹き出しを表示できるショートコード。色や向きは好みに変更可能です。

ショートコード


ショートコードを利用した例

ノゲイラ
このようにマンガ風に吹き出しを表示することができます。

ストーリー仕立ての記事にしたいときに使えます。

ショートコードの使い方は簡単!

170702 0006

これら紹介したショートコードを覚えたり、直接入力する必要は一切ありません。

WordPressテーマ「Diver」のテーマを利用するだけで、投稿画面にこれらショートコードが自動で表示されるので、使いたいショートコードをクリックして本文に挿入するだけで使うことができます。

 AddQuicktagのようなWordPressプラグインも必要ありません。

さいごに

いかがでしょうか。

WordPressテーマ「Diver」には便利なショートコードが沢山搭載されています。

この他にも、記事にランキングや口こみなどを簡単に入れることができる機能が沢山搭載されています。

アフィリエイトで商品をアピールする際にランキングや口コミ機能があると便利ですよね。

これら機能については次回、記事にしたいと思います。

スポンサーリンク
関連キーワード
Diver】の関連記事
  • アフィリエイト最適化 WordPressテーマ「Diver」一押しの記事をトップページに固定表示できる!
    アフィリエイト最適化 WordPressテーマ「Diver」一押しの記事をトップページに固定表示できる!
  • アフィリエイト最適化 WordPressテーマ「Diver」簡単にQ&A機能を作成できる!
    アフィリエイト最適化 WordPressテーマ「Diver」簡単にQ&A機能を作成できる!
  • Wordpressテーマ「Diver」1クリックでAMPに対応させることが可能
    WordPressテーマ「Diver」1クリックでAMPに対応させることが可能
  • WordPressテーマ「Diver」アフィリエイトに使えるランキング機能と口こみ機能を解説
    WordPressテーマ「Diver」アフィリエイトに使えるランキング機能と口こみ機能を解説
  • WordPressテーマ「Diver」豊富で便利なショートコードを紹介!
    WordPressテーマ「Diver」豊富で便利なショートコードを紹介!
  • アフィリエイト・SEO対策済み WordPressテーマ「Diver」にテーマを変更!
    アフィリエイト・SEO対策済み WordPressテーマ「Diver」にテーマを変更!

この記事が気に入ったら
フォローしよう

最新情報をお届けします

Twitterでフォローしよう

この記事を読んだ人はこちらの記事も読んでいます。