【WordPress】Diverで使いそうなショートコードまとめ

みなさんこんにちは!

みなさんはWordPresのテンプレートDiverを使用していますでしょうか?

僕は今日から使います笑

ということで、WordPressテンプレートのDiverでようく使いそうなショートコードを調べましたので、メモがてらここに投稿したいと思います。

Diverで使いそうなショートコードまとめ

注意文

紹介するコード1つめは、注意文を表示するショートコードです。

 注意文です。ここに注意文を書きます。

商品の紹介をする時に、「個人の意見の感想です」とかゲームの情報を書く際には「運営では非推奨としております。これを実行する場合は自己責任でお願いします」等の注意換気を行うことができますね!

ショートコードは文章中にコードを埋め込むことで使用することができます。普通のテキスト中にも埋め込むことができるんです。

注意文を書くためのコードは下記になります。

 注意文です。ここに注意文を書きます。

マーカー

次に紹介するのはマーカーです。下記のように、特定の文字に蛍光ペンで書いたようなマーカーをつけることができます。

マーカーつけないマーカーつけるまーかーつけない

これを書くことで目を引きたい文字にマーカーをつけることができ、見ているユーザーさんにもわかりやすく文章をお伝えすることができますね!

すごい使いそう。

マーカーつけないマーカーつけるまーかーつけない

カラムレイアウト

ブログを書いていると、新しく購入したガジェットの比較等の用途で、画像の比較をしたいときが多々あると思います。

そんな時に使いそうなのがカラムのレイアウトをカスタマイズするこのコード。

カラム1つめです
カラム2つめです

文字だと少しわかりづらいですが、画像でこれを使用すると、並べて表示することができ比較が簡単に表現できるようになります。

Diverの公式ドキュメントによると、3/2カラムと3/1カラムの構成もできちゃうそうで、、

使い道がたくさんありそうです。使用するコードは下記になります。

カラム1つめです
カラム2つめです

内部リンク

次は、かなりの使用頻度になるであろう内部リンクを作成するショートコードです。

同じサイト内のリンクをおしゃれに出力してくれます。

巷でよくみる青い文字で書かれたリンクより、ユーザーが見た時にわかりやすいですね!すごくつかいそう。

内部リンクの使い方は下記になります。

id="〇〇"の部分は投稿IDになります。

おわりに

今回は3つのショートコードを紹介しましたが、

そもそもDiverはめちゃくちゃ便利で、ショートコードを使わなくても画面側からぽちぽちクリックしていくだけで、おしゃれなブログが出来上がっていくというテーマになっているようです!(今のWorodPressのテーマってみんなこうなんでしょうか。。)

画面からぽちぽちやっていって、かゆい所にはショートコードで対応!という使い方に今後はなっていくのではないかと思いました。

下記はDiverの公式デモサイトとなっており、Diverの使い方が詳しく乗ってます!

のぶこだよ。これからもよろしくね♡

Twitterでフォローしよう