こんにちは!トビログ管理人のとびうおです!本日は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=""]
投稿
カスタム投稿はカスタマイズ可能なテンプレートを用いることで、直感的な投稿へのリンクを表示します。

複数人でブログ運営#57|ブログ1年間半を振り返って
Tobilog-Selection・Laravel 8にてenvファイルが反映されない場合の対処法・現代錯誤 吾輩はトビウオである。名前はトビログ。・久々の鉄道模型 SBB 簡易寝台車 こんにちは。トビログ管理人とびうお […]

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

関東(神奈川)にて、コペンGRをレンタルする方法
Tobilog-Selection・Laravel 8にてenvファイルが反映されない場合の対処法・現代錯誤 吾輩はトビウオである。名前はトビログ。・久々の鉄道模型 SBB 簡易寝台車 こんにちは。トビログ管理人とびうお […]

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

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

Laravelでnpm run prodが動かない
Tobilog-Selection・Laravel 8にてenvファイルが反映されない場合の対処法・現代錯誤 吾輩はトビウオである。名前はトビログ。・久々の鉄道模型 SBB 簡易寝台車 目次 npmのバージョンが変わって […]

red and blue chair をRhino7でモデリングしてみた その2
Tobilog-Selection・Laravel 8にてenvファイルが反映されない場合の対処法・現代錯誤 吾輩はトビウオである。名前はトビログ。・久々の鉄道模型 SBB 簡易寝台車 目次 図面からグリッド線を起こすレ […]

red and blue chair をRhino7でモデリングしてみた その1
Tobilog-Selection・Laravel 8にてenvファイルが反映されない場合の対処法・現代錯誤 吾輩はトビウオである。名前はトビログ。・久々の鉄道模型 SBB 簡易寝台車 目次 図面をインポート図面を分割[ […]

Laravel にてリレーション先を持っていないモデルを返す方法
Tobilog-Selection・Laravel 8にてenvファイルが反映されない場合の対処法・現代錯誤 吾輩はトビウオである。名前はトビログ。・久々の鉄道模型 SBB 簡易寝台車 目次 やたりたいことと結論使い方参 […]

【エッグラー】第6回トビログ杯のお知らせ
Tobilog-Selection・Laravel 8にてenvファイルが反映されない場合の対処法・現代錯誤 吾輩はトビウオである。名前はトビログ。・久々の鉄道模型 SBB 簡易寝台車 こんにちは。Suzuko(貫通錯 […]
[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"]
ダミーテキスト
テキストプレースホルダー
Donec eu tellus maximus, tincidunt dolor ut, fermentum ante. Donec velit ligula, lobortis non dignissim vel, tristique vehicula ex. Mauris a odio sed erat ultricies porttitor. Mauris ut erat ante. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla faucibus at metus in lacinia. Nulla facilisi.
[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]
おわりに
筆者はこの「トビログ」の管理人をやっているのですが、こんなにも多くのショートカットがあるなんて知りませんでした!今後はショートカットを活用し、みなさんにもっと楽しんでいただけるようなブログを書いていきます!!
コメント