こんにちは!トビログ管理人のとびうおです!本日はWordPressのプラグインの「shortcodes ultimate」にて使えるショートコードをプレビューと共に紹介します!
shortcodes ultimateでできること
shortcodes ultimateでは次のようなものが簡単に作れます!
- 見出し
- タブ
- スポイラー
- アコーディオン
- 仕切り
- スペーサー
- ハイライト
- ラベル
- 引用
- プルクオート
- Dropcap
- カラム
- リスト
- ボタン
- サービス
- ボックス
- メモ
- 拡大
- Lightbox
- ツールチップ
- 非公開
- YouTube
- YouTube詳細設定
- Vimeo
- Dailymotion
- 音声
- 動画
- 表
- CSVテーブル
- パーマリンク
- 会員
- ゲスト
- RSSフィード
- メニュー
- サブページ
- 兄弟
- google Map
- Image Carousel
- ギャラリー
- 投稿
- ダミーテスト
- ダミー画像
- アニメーション
- メタデータ
- ユーザーデータ
- 投稿データ
- テンプレート
- QRコード
- スケジューラー
見出し
見出しスタイル
[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]
リスト
番号の付かないリスト
[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=""]
兄弟
現在のページ兄弟のリスト
- AGRIEE-MEDIA
- Hearlt Media
- お問い合わせ
- アクティビティ
- カテゴリー
- トップページ
- トップページ
- プライバシーポリシー/著作権表示
- メンテナンス中
- メンバー
- ライター
- 著作物使用に関する問い合わせ・削除申請
- 著作物使用のポリシー
- 連載
<!-- 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]
おわりに
筆者はこの「トビログ」の管理人をやっているのですが、こんなにも多くのショートカットがあるなんて知りませんでした!今後はショートカットを活用し、みなさんにもっと楽しんでいただけるようなブログを書いていきます!!
コメント