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=""]

投稿

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

トビログ テクノロジー単発記事

Laravel 11のインストールと始め方

Tobilog-Selection・Laravel 8にてenvファイルが反映されない場合の対処法・現代錯誤 吾輩はトビウオである。名前はトビログ。・久々の鉄道模型 SBB 簡易寝台車 こんにちは!とびろぐ管理人のとびう […]

コメントなし

アオーレ!ドイツフェスト2023に行ってきた

Tobilog-Selection・Laravel 8にてenvファイルが反映されない場合の対処法・現代錯誤 吾輩はトビウオである。名前はトビログ。・久々の鉄道模型 SBB 簡易寝台車 皆さんこんにちは。体が硬いから痒い […]

コメントなし

水泳のタイムの管理、面倒くさくないですか?

Tobilog-Selection・Laravel 8にてenvファイルが反映されない場合の対処法・現代錯誤 吾輩はトビウオである。名前はトビログ。・久々の鉄道模型 SBB 簡易寝台車 こんにちは! とびろぐ管理人兼、s […]

コメントなし

水泳のタイムを記録するアプリならswimane

Tobilog-Selection・Laravel 8にてenvファイルが反映されない場合の対処法・現代錯誤 吾輩はトビウオである。名前はトビログ。・久々の鉄道模型 SBB 簡易寝台車 こんにちは! タイムの管理をアプリ […]

コメントなし
トビログ テクノロジー単発記事

Laravelにapple idでサインインを実装する

Tobilog-Selection・Laravel 8にてenvファイルが反映されない場合の対処法・現代錯誤 吾輩はトビウオである。名前はトビログ。・久々の鉄道模型 SBB 簡易寝台車 こんにちは! とびろぐ管理人のとび […]

コメントなし

swimane プライバシーポリシーの変更のお知らせ

Tobilog-Selection・Laravel 8にてenvファイルが反映されない場合の対処法・現代錯誤 吾輩はトビウオである。名前はトビログ。・久々の鉄道模型 SBB 簡易寝台車 この度、swimaneはプライバシ […]

コメントなし

Yolo 8 用のデータセットを自動で作成するpythonコード

Tobilog-Selection・Laravel 8にてenvファイルが反映されない場合の対処法・現代錯誤 吾輩はトビウオである。名前はトビログ。・久々の鉄道模型 SBB 簡易寝台車 こんにちは!とびろぐ管理人のとびう […]

コメントなし

呉のお好み焼き屋さん、みっちゃんに行ってきたよ

Tobilog-Selection・Laravel 8にてenvファイルが反映されない場合の対処法・現代錯誤 吾輩はトビウオである。名前はトビログ。・久々の鉄道模型 SBB 簡易寝台車 こんにちは!とびろぐ管理人のとびう […]

コメントなし

四国(高知)旅行に行ってきたよ!- 大黒堂編-

Tobilog-Selection・Laravel 8にてenvファイルが反映されない場合の対処法・現代錯誤 吾輩はトビウオである。名前はトビログ。・久々の鉄道模型 SBB 簡易寝台車 こんにちは! とびろぐ管理人のとび […]

コメントなし
トビログ テクノロジー単発記事

Laravel 10でPhpSpreadsheetを使う方法

Tobilog-Selection・Laravel 8にてenvファイルが反映されない場合の対処法・現代錯誤 吾輩はトビウオである。名前はトビログ。・久々の鉄道模型 SBB 簡易寝台車 こんにちは!トビログ管理人のとびう […]

コメントなし
[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"]

ダミーテキスト

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

Ut id erat orci. Cras fringilla magna nec elit mattis consectetur. Proin sit amet nisi at nibh pharetra sodales ut in quam. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus suscipit bibendum metus. Suspendisse semper dui vel risus interdum elementum. Suspendisse sit amet ex vel tellus eleifend dictum. Quisque malesuada et ipsum sed commodo. Donec neque elit, eleifend vitae felis eu, interdum hendrerit enim. Donec sit amet eros ullamcorper, rutrum urna nec, fermentum metus. Duis vitae tincidunt dui. Aenean semper tellus vitae ornare laoreet. Pellentesque aliquam dictum quam id bibendum.

[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]

メタデータ

投稿メタ

[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]

おわりに

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

とびうお
ブログ管理人です!
swimaneというアプリをリリースしました!

コメント

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