カテゴリー

Twitter

ショートコード集

Comonadのショートコード

Comonadのショートコード紹介しています。

吹き出し

ハム
ハム
文章がいれれます
サンプル
[chat img="画像のURL" name="ハム"]文章がいれれます[/chat]
ハム
ハム
右向きです。
サンプル
[chat img="画像のURL" name="ハム" align="right"]文章がいれれます[/chat]

2カラム

2つ横並びで配置することができます。内容は画像以外にもテキストでもなんでも入れることができます。

サンプル
[columns responsive]
[column]ここに画像や文章をいれれます。左[/column]
[column]ここに画像や文章をいれれます。右[/column]
[/columns]

スマホの時も横並びにしたい場合は、responsive を消してください。

3カラム

3つ横並びにすることもできます。

サンプル
[columns responsive]
[column]ここに画像や文章をいれれます。左[/column]
[column]ここに画像や文章をいれれます。中[/column]
[column]ここに画像や文章をいれれます。右[/column]
[/columns]

タイムライン

タイムラインを入れることができます。時系列で説明したり紹介するような文章で便利に使えます。

STEP1
タイトルです
ここに画像や文章をいれれます。
STEP2
アイコンがいれれます
ここのサイトから好きなアイコンをいれれます。
STEP3
ショートコードもいれれます

ここに画像や文章をいれれます。
ここに画像や文章をいれれます。

サンプル
[timelines]
[timeline label="STEP1" title="タイトルです"]ここに画像や文章をいれれます。[/timeline]
[timeline icon="fas fa-arrow-circle-down" label="STEP2" title="アイコンがいれれます"]ここのサイトから好きなアイコンをいれれます。[/timeline]
[/timelines]

レビュー評価

星付きの5段階評価をいれれます。5 / 4.5 / 4 / 3.5 / 3 / 2.5 / 2 / 1.5 / 1 の9つに対応しています。

レビューサンプル
使いやすさ
わかりやすさ
収益
綺麗さ
流動性
サンプル
[rates title="レビューサンプル"]
[rate 5]使いやすさ[/rate]
[rate 3.5]わかりやすさ[/rate]
[rate 4]収益[/rate]
[rate 2]綺麗さ[/rate]
[rate 5]流動性[/rate]
[/rates]

ボタン

記事内で使う時はエディターで実現できますが、ウィジェットに入れたいときなどに便利です。

アイコンを入れてオシャレにすることもできます。アイコンの種類はFontAwesomeから選べます。

ボタン1 ボタン2 ボタン1 icon ボタン 外部
サンプル
[btn href="/"]ボタン1[/btn]
[btn href="/" type="outline"]ボタン2[/btn]
[btn href="/" icon="fab fa-500px"]ボタン1 icon[/btn]
[btn href="/" blank]ボタン 外部[/btn]

リンク

参考 タイトル 説明
サンプル
[link href="/" title="タイトル" desc="説明"]

PC/モバイルのみ表示

PC/モバイル(スマホ)からのアクセスでしか表示したくないものがある場合に便利です。

サンプル
[only_pc]pcのみ[/only_pc]
[only_mobile]mobileのみ[/only_mobile]

Youtube埋め込み

Youtubeの動画をPCでもスマホでも比率を保ったまま上手いことだすショートコードです。



サンプル
[youtube]
<iframe width="560" height="315" src="https://www.youtube.com/embed/2cbvZf1jIJM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
[/youtube]

実はYoutube以外でもIframeだったらなんでも使えます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

【2018年】海外の有料WordPressテーマまとめ – 汎用テーマ編

WordPressテーマComonadの特徴

関連記事