WordPress shortcodes ultimate ショートコード一覧

こんにちは!トビログ管理人のとびうおです!本日はWordPressのプラグインの「shortcodes ultimate」にて使えるショートコードをプレビューと共に紹介します!

shortcodes ultimateでできること

shortcodes ultimateでは次のようなものが簡単に作れます!

それでは一つずつコードとともに紹介をします!

見出し

見出しスタイル

見出しテキスト
[su_heading style="default" size="13" align="center" margin="20" id="" class=""]見出しテキスト[/su_heading]

タブ

コンテナタブ

タブ名タブ名タブ名
タブコンテンツ
タブコンテンツ
タブコンテンツ
[su_tabs style="default" active="1" vertical="no" mobile="stack" anchor_in_url="no" class=""]
  [su_tab title="タブ名" disabled="no" anchor="" url="" target="blank" class=""]タブコンテンツ[/su_tab]
  [su_tab title="タブ名" disabled="no" anchor="" url="" target="blank" class=""]タブコンテンツ[/su_tab]
  [su_tab title="タブ名" disabled="no" anchor="" url="" target="blank" class=""]タブコンテンツ[/su_tab]
[/su_tabs]

スポイラー

コンテンツが非表示のスポイラー

スポイラーのタイトル
非表示のコンテンツ
[su_spoiler title="スポイラーのタイトル" open="no" style="default" icon="plus" anchor="" anchor_in_url="no" class=""]非表示のコンテンツ[/su_spoiler]

アコーディオン

スポイラーとアコーディオン

スポイラーのタイトル
非表示のコンテンツ
スポイラーのタイトル
非表示のコンテンツ
スポイラーのタイトル
非表示のコンテンツ
[su_accordion class=""]
  [su_spoiler title="スポイラーのタイトル" open="no" style="default" icon="plus" anchor="" anchor_in_url="no" class=""]非表示のコンテンツ[/su_spoiler]
  [su_spoiler title="スポイラーのタイトル" open="no" style="default" icon="plus" anchor="" anchor_in_url="no" class=""]非表示のコンテンツ[/su_spoiler]
  [su_spoiler title="スポイラーのタイトル" open="no" style="default" icon="plus" anchor="" anchor_in_url="no" class=""]非表示のコンテンツ[/su_spoiler]
[/su_accordion]

仕切り

トップに戻るリンクの仕切り

[su_divider top="yes" text="ページのトップへ" anchor="#" style="default" divider_color="#999999" link_color="#999999" size="3" margin="15" class=""]

スペーサー

調節可能な空きスペースの高さ

[su_spacer size="20" class=""]

ハイライト

強調表示するテキストの背景色

 強調表示するテキストの背景色 

[su_highlight background="#DDFF99" color="#000000" class=""]強調表示するテキストの背景色[/su_highlight]

ラベル

ラベルスタイル

ラベル

[su_label type="default" class=""]ラベル[/su_label]

引用

代替 Blockquote

引用
[su_quote style="default" cite="" url="" class=""]引用[/su_quote]

プルクオート

プルクオート

プルクオート
[su_pullquote align="left" class=""]プルクオート[/su_pullquote]

Dropcap

Dropcap

D

[su_dropcap style="default" size="3" class=""]D[/su_dropcap]

カラム

フレキシブルカラムの列

カラムコンテンツ
カラムコンテンツ
[su_row class=""]
  [su_column size="1/2" center="no" class=""]カラムコンテンツ[/su_column]
  [su_column size="1/2" center="no" class=""]カラムコンテンツ[/su_column]
[/su_row]

リスト

番号の付かないリスト

<ul> <li>並び項目</li> <li>並び項目</li> <li>並び項目</li> </ul>
[su_list icon="" icon_color="#333333" indent="0" class=""]<ul>
<li>並び項目</li>
<li>並び項目</li>
<li>並び項目</li>
</ul>[/su_list]

ボタン

ボタンスタイル

ボタンのテキスト

[su_button url="https://tobilog.net" target="self" style="default" background="#2D89EF" color="#FFFFFF" size="3" wide="no" center="no" radius="auto" icon="" icon_color="#FFFFFF" text_shadow="none" desc="" download="" onclick="" rel="" title="" id="" class=""]ボタンのテキスト[/su_button]

サービス

サービスボックスのタイトル

サービスタイトル
サービスの説明
[su_service title="サービスタイトル" icon="icon: star" icon_color="#333333" size="32" class=""]サービスの説明[/su_service]

ボックス

カラーボックスの見出し

ボックスタイトル
ボックスのコンテンツ
[su_box title="ボックスタイトル" style="default" box_color="#333333" title_color="#FFFFFF" radius="3" class="" id=""]ボックスのコンテンツ[/su_box]

メモ

カラーボックス

ノートテキスト
[su_note note_color="#FFFF66" text_color="#333333" radius="3" class="" id=""]ノートテキスト[/su_note]

拡大

拡張可能なテキストブロック

[su_expand more_text="続きを表示" less_text="小さい表示" height="100" hide_less="no" text_color="#333333" link_color="#0088FF" link_style="default" link_align="left" more_icon="" less_icon="" class=""]このテキストブロックを拡大できます[/su_expand]

Lightbox

カスタムコンテンツとLightboxのウィンドウ

[su_lightbox type="iframe" src="" mobile="yes" class=""]クリックして Lightbox を表示[/su_lightbox]

ツールチップ

カスタムコンテンツとウィンドウのツールチップ

マウスオーバーしてツールチップを表示
[su_tooltip title="" text="ツールチップコンテンツ" position="top" background="#222222" color="#FFFFFF" font_size="16" text_align="left" max_width="300" radius="5" shadow="no" behavior="hover" class=""]マウスオーバーしてツールチップを表示[/su_tooltip]

非公開

非公開のメモ

[su_private class=""]プライベートメモ[/su_private]

YouTube

YouTubeの貼り付け

[su_youtube url="" width="600" height="400" responsive="yes" autoplay="no" mute="no" title="" class=""]

YouTube 詳細設定

YouTube の動画プレーヤーの高度な設定

[su_youtube_advanced url="" playlist="" width="600" height="400" responsive="yes" controls="yes" autohide="alt" autoplay="no" mute="no" loop="no" rel="yes" fs="yes" modestbranding="no" theme="dark" wmode="" playsinline="no" title="" class=""]

Vimeo

Vimeo 動画

[su_vimeo url="" width="600" height="400" responsive="yes" autoplay="no" mute="no" dnt="no" title="" texttrack="" class=""]

Dailymotion

Dailymotion 動画

[su_dailymotion url="" width="600" height="400" responsive="yes" autoplay="no" background="#FFC300" foreground="#F7FFFD" highlight="#171D1B" logo="yes" quality="380" related="yes" info="yes" title="" class=""]

音声

カスタムオーディオプレーヤー

[su_audio url="" width="100%" autoplay="no" loop="no" class=""]

動画

カスタム動画プレーヤー

[su_video url="" poster="" title="" width="600" height="300" controls="yes" autoplay="no" loop="no" class=""]




テーブル テーブル
テーブル テーブル
[su_table responsive="no" alternate="yes" fixed="no" class=""]<table>
<tr>
→  <td>テーブル</td>
→  <td>テーブル</td>
</tr>
<tr>
→  <td>テーブル</td>
→  <td>テーブル</td>
</tr>
</table>[/su_table]

CSV テーブル

CSVのフォール

[su_csv_table url="" delimiter="," header="no" responsive="no" alternate="yes" fixed="no" class=""]

パーマリンク

指定された投稿/ページのパーマリンク

[su_permalink id="1" target="self" title="" class=""]

会員

ログインメンバーのみのコンテンツ

このコンテンツは登録ユーザーにだけ許可されています。ログインしてください。
[su_members message="このコンテンツは登録ユーザーにだけ許可されています。%login%してください。" color="#ffcc00" login_text="ログイン" login_url="" class=""]ログインメンバー向けコンテンツ[/su_members]

ゲスト

ゲストのみのコンテンツ

このコンテンツは、ログインしていない閲覧者のみに表示されます
[su_guests class=""]このコンテンツは、ログインしていない閲覧者のみに表示されます[/su_guests]

RSS フィード

フィード取込み

[su_feed url="" limit="3" target="self" class=""]

メニュー

名前によるカスタムメニュー

[su_menu name="" class=""]

サブページ

サブページのリスト

[su_subpages depth="1" p="" class=""]

兄弟

現在のページ兄弟のリスト

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

Google map

Google マップ

[su_gmap width="600" height="400" responsive="yes" address="" zoom="0" title="" class=""]

Image carousel

[su_image_carousel source="none" limit="20" slides_style="default" controls_style="dark" crop="4:3" columns="1" adaptive="yes" spacing="yes" align="none" max_width="none" captions="no" arrows="yes" dots="yes" link="none" target="blank" autoplay="5" speed="medium" image_size="large" outline="yes" random="no" class=""]

ギャラリー

カスタマイズ可能な画像ギャラリー

[su_custom_gallery source="none" limit="20" link="none" target="self" width="90" height="90" title="hover" class=""]

投稿

カスタム投稿はカスタマイズ可能なテンプレートを用いることで、直感的な投稿へのリンクを表示します。

現代錯誤 吾輩はトビウオである。名前はトビログ。

Tobilog-Selection・M:TG 今日の一枚【32】モダンホライゾン2注目カード①・【毎週投稿】VTuber推し事#13【鬼灯わらべ】 ・ドイツの鉄道模型に室内灯を入れよう その5    吾輩はトビウオである […]

コメントなし
トビログ カルチャー単発記事

久々の鉄道模型 SBB 簡易寝台車

Tobilog-Selection・M:TG 今日の一枚【32】モダンホライゾン2注目カード①・【毎週投稿】VTuber推し事#13【鬼灯わらべ】 ・ドイツの鉄道模型に室内灯を入れよう その5 こんにちは、流し込みタイプ […]

コメントなし
トビログ カルチャー単発記事

2021秋、TVerがすごい!!!

Tobilog-Selection・M:TG 今日の一枚【32】モダンホライゾン2注目カード①・【毎週投稿】VTuber推し事#13【鬼灯わらべ】 ・ドイツの鉄道模型に室内灯を入れよう その5 民放公式テレビポータルこと […]

コメントなし

保護中: 農業を想う〜vol.2三浦市・ブロ雅農園〜

この投稿はパスワードで保護されているため抜粋文はありません。

コメントなし

現代錯誤 信号信仰

Tobilog-Selection・M:TG 今日の一枚【32】モダンホライゾン2注目カード①・【毎週投稿】VTuber推し事#13【鬼灯わらべ】 ・ドイツの鉄道模型に室内灯を入れよう その5  赤信号はみんなで渡っても […]

コメントなし
ブログ運営日記

2021複数人でブログ運営#45|ブログ37週間目[報告]

Tobilog-Selection・M:TG 今日の一枚【32】モダンホライゾン2注目カード①・【毎週投稿】VTuber推し事#13【鬼灯わらべ】 ・ドイツの鉄道模型に室内灯を入れよう その5 こんにちは。トビログ管理人 […]

コメントなし
トビログ カルチャー単発記事

作品鑑賞① 韓国ドラマ「SKYキャッスル」

Tobilog-Selection・M:TG 今日の一枚【32】モダンホライゾン2注目カード①・【毎週投稿】VTuber推し事#13【鬼灯わらべ】 ・ドイツの鉄道模型に室内灯を入れよう その5 目次 はじめに韓国ドラマ「 […]

コメントなし
トビログ カルチャー単発記事

面白い演奏を見つけた!? ヴァイオリン協奏曲フルートアレンジ

Tobilog-Selection・M:TG 今日の一枚【32】モダンホライゾン2注目カード①・【毎週投稿】VTuber推し事#13【鬼灯わらべ】 ・ドイツの鉄道模型に室内灯を入れよう その5 こんにちは、30℃の炎天下 […]

コメントなし
トビログ 日記単発記事

わからない。わからない。

Tobilog-Selection・M:TG 今日の一枚【32】モダンホライゾン2注目カード①・【毎週投稿】VTuber推し事#13【鬼灯わらべ】 ・ドイツの鉄道模型に室内灯を入れよう その5 小学校卒業直前くらいの頃の […]

コメントなし

技術と音楽の未来予想図

音楽は「音(波の一種)」という概念を超え、今では金儲けの道具であるだけでなくそして様々な業界で活用され、価値を深く見出されているように思えます。 では、これからの音楽はどのような姿を辿っていくのでしょうか? この記事では […]

コメントなし
[su_posts template="templates/default-loop.php" id="" posts_per_page="10" post_type="post" taxonomy="category" tax_term="" tax_operator="IN" author="" meta_key="" offset="0" order="DESC" orderby="date" post_parent="" post_status="publish" ignore_sticky_posts="no"]

ダミーテキスト

テキストプレースホルダー

Fusce dapibus, quam quis fringilla pellentesque, augue tortor consequat elit, eget placerat felis lacus quis magna. Cras turpis ligula, sagittis sed venenatis ac, efficitur et tellus. Mauris placerat accumsan venenatis. Vestibulum bibendum urna leo, quis facilisis nunc blandit porttitor. Vivamus nec ligula libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam ante urna, sodales ac libero at, pellentesque tempor metus. Proin pretium porta laoreet. Vivamus eget orci venenatis, egestas leo nec, feugiat libero. In volutpat, tellus ac posuere suscipit, libero justo vehicula augue, eu tincidunt dolor metus sed justo.

[su_dummy_text what="paras" amount="1" cache="yes" wrapper="yes" class=""]

ダミー画像

ランダムな画像による画像プレースホールダー

ダミー画像
[su_dummy_image width="500" height="300" theme="any" class=""]

アニメーション

アニメーションのラッパーです。任意のネストされた要素はアニメーションになります。

[su_animate type="bounceIn" duration="1" delay="0" inline="no" class=""]アニメーションコンテンツ[/su_animate]

メタデータ

投稿メタ

Meta: メタキー名を指定してください

[su_meta key="" default="" before="" after="" post_id="" filter=""]

ユーザーデータ

ユーザーデータ

[su_user field="display_name" default="" before="" after="" user_id="" filter=""]

投稿データ

その投稿の投稿データ

WordPress shortcodes ultimate ショートコード一覧
[su_post field="post_title" default="" before="" after="" post_id="" post_type="post" filter=""]

テンプレート

テーマのテンプレート

[su_template name=""]

QR コード

高度な QR コードジェネレータ

[su_qrcode data="" title="" size="200" margin="0" align="none" link="" target="blank" color="#000000" background="#ffffff" class=""]

スケジューラ

指定した期間にコンテンツを表示することができます。

[su_scheduler time="" days_week="" days_month="" months="" years="" alt=""]スケジュールされたコンテンツ[/su_scheduler]

おわりに

筆者はこの「トビログ」の管理人をやっているのですが、こんなにも多くのショートカットがあるなんて知りませんでした!今後はショートカットを活用し、みなさんにもっと楽しんでいただけるようなブログを書いていきます!!

とびうお
ブログ管理人です!本人が書く記事は少なめ。。ごめんなさい))。

コメント

タイトルとURLをコピーしました