こんにちは、atsumoです。
こちらでは、ワードプレスのプラグイン「Shortcodes Ultimate」のショートコードの見本を一覧表示 していきます。
基本的に、内容をいじらずにそのまま出力しています。
普段の投稿とは異なる内容ですが、記事を書く方のご参考になれば幸いです。
「Shortcodes Ultimate」ショートコード一覧 見出し 見出しのための上下のバーを生成します。
↓
↑
タブ（1） クリック/タップによってドキュメントを切り替えることのできるタブを生成します。
↓
たからばこ1 たからばこ2 たからばこ3
なかみはからっぽだった。
なかみはからっぽだった。
やくそうをみつけた！
↑
タブ（2） ドキュメントを切り替えることのできるタブを生成すると思われますが、正しい設定方法が不明です。
スポイラー コンテンツを隠した状態にすることができます。プラスを押すと展開します。
↓
↑
アコーディオン スポイラーの集合バージョンです。
↓
↑
仕切り 要素同士を仕切ることができます。
↓
↑
スペーサー 指定の高さだけスペースを設けることができます。※ここでは「高さ」を50にしています。
↓
↑
ハイライト 強調背景色を変更して強調できます。
↓
強調表示するテキストの背景色
↑
ラベル 文字をラベルのように表示することができます。
↓
サッポロ
↑
引用 引用文であることを明示するボックスを生成します。
↓
↑
プルクオート 引用文であることを明示するバーを生成します。
↓
引用文であることを明示するバーをこちらでは右側に表示しています。
↑
↓
引用文であることを明示するバーをこちらでは左側に表示しています。
↑
Dropcap 文章の初めの一文字を大きく表示する見せかたに活用できます。後続する文章は、Dropcapで表示した文字を避けるように整列されます。
↓
V estibulum sed leo gravida, sagittis sapien eu, ultricies purus. Aenean egestas id odio eu sodales. In non velit tincidunt, mattis est vitae, blandit neque. Nullam ac est euismod, laoreet mauris non, dapibus felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Ut fringilla aliquet enim.
↑
カラム1 列を作ることができます。
↓
↑
カラム2 列を作ることができます。
↓
↑
リスト リストを生成します。アイコンは約830種類の中から選択できます。
↓
↑
ボタン クリック可能なボタンを生成します。デフォルトではトップページに飛びます。
↓
ホーム ↑
サービス 大きな星マークを生成します。サービスの売りを説明するときなどに活用できそうです。
↓
ワードプレスのプラグイン「Shortcodes Ultimate」のショートコードの見本を一覧表示しています。
↑
ボックス 要点などを書き留めるボックスを生成します。タイトルはデフォルトでは「ポイント」になります。
↓
ボックスの機能
要点などを書き留めるボックスが生成される。タイトルはデフォルトでは「ポイント」になる。
↑
メモ 付箋のような枠を生成します。
↓
「Shortcodes Ultimate」の「メモ」を使用することで、付箋のような枠が生成できる。
↑
拡大 文章を途中から隠します。「続きを表示」で続きが表示されます。
↓
Vestibulum sed leo gravida, sagittis sapien eu, ultricies purus. Aenean egestas id odio eu sodales. In non velit tincidunt, mattis est vitae, blandit neque. Nullam ac est euismod, laoreet mauris non, dapibus felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Ut fringilla aliquet enim.
↑
Lightbox クリックすると動画や音声を再生するボックスが表示されるようです。※動作の確認ができていません。
↓
クリックして Lightbox を表示 ↑
Lightboxのコンテンツ Lightboxのインラインコンテンツが生成できるとのことです。※動作の確認ができていないため、詳細が不明です。
ツールチップ 指定の範囲にマウスのカーソルを合わせたり、タップをすると、用意した言葉が表示されます。
↓
マウスのカーソルを合わせてツールチップを表示 ツールチップコンテンツ ↑
非公開 指定範囲のコンテンツを隠すことができます。
↓
↑
Youtube、Vimeo、デイリーモーション URLを貼り付けることで各サイトの動画を埋め込むことができます。youtubeのコードは2種類あり、一方はより高度な設定ができます。
↓通常のyoutubeコードで出力
VIDEO
↑
↓youtube advancedで出力
VIDEO
↑
音声・動画 音声・動画メディアを埋め込むことができます。
表 行と列からなる表を生成します。
↓
↑
CSVテーブル CSVテーブルURLから表を生成できるようです。※動作の確認ができていません。
パーマリンク URLを張り付けてリンクを作成できます。
↓
nanameni | 「なんかすき」を「だからすき！」にするサイト
↑
会員 ログイン中の会員だけ見ることができる制限がかかります。
↓
「
このコンテンツは登録ユーザーにだけ許可されています。
ログイン してください。
」
↑
ゲスト 会員とは逆でログインしていない人だけ見ることができる制限がかかります。
↓
「
このコンテンツは、ログインしていない閲覧者のみに表示されます
」
↑
RSSフィード 「RSSフィードURL」を挿入することで、指定数の投稿のリンクを生成します。
RSS フィードは、ブログやオンライン マガジンなど、お気に入りの Web サイトの最新情報を常に入手できる簡単な方法です。 サイトが RSS フィードを提供していれば、投稿があると通知が届き、投稿の概要または投稿全文を読むことができます。
（Microsoft サポートページ より引用）
↓
↑
メニュー メニューを表示できます。※今回は「メインメニュー」を指定しています。
↓
↑
サブページ 指定ページの子の関係にあるページを表示できるようです。※動作の確認ができていません。
兄弟 明確な役割は不明ですが、デフォルトではメニューのリンクが列挙されました。
↓
↑
Google map Google mapが埋め込み表示されます。デフォルトではモスクワの地図になりました。
↓
↑
Image carousel 複数の画像を横スライドで切り替えることのできる方式で表示します。※画像ソースを「最新の投稿」、制限を「4」にしています。
↓
↑
ギャラリー ※画像ソースを「最新の投稿」、制限を「8」にしています。
↓
↑
投稿 指定の数だけ投稿を埋め込むことができます。※数を「2」にしています。
↓
猫の「かわいさの正体」について考えてみました。
投稿: 2025.02.08
こんにちは、atsumoです。 こんにちは。 突然ですが、みなさんは猫はお好きですか？ もちろん、僕は大好きです。 猫って、姿や仕草の一つ一つが人の心を惹きつける、まさに完璧に可愛い生き物だと思うんです。 […]
【UIデザインのルール】ヒューマンインターフェースガイドラインのポイントをまとめてみました。
投稿: 2024.03.15
今回は、アプリケーションのUI・UXデザインを担当する人を対象とした内容です。 『ヒューマンインターフェースガイドライン』はご存じでしょうか？ ヒューマンインターフェースガイドラインは、App […]
↑
ダミーテキスト ダミーテキストを生成します。単語の最低数は5単語とのことです。
↓デフォルトでの表示
Sed libero tortor, fermentum eget enim sed, pretium laoreet erat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In et tristique lectus. Quisque eu augue eu mi ultrices tincidunt. Fusce pharetra sapien id eleifend sollicitudin. Mauris eros lacus, tristique id commodo a, pretium ac purus. Phasellus nec varius lectus.
↑
↓5単語表示
Phasellus porta magna ultricies libero.
↑
↓1バイト表示
↑
ダミー画像 ダミー画像を生成します。日ごとに切り変わるようです。
↓
↑
アニメーション 文字がアニメーションになり、表示された際に動きます。
↓
アニメーションコンテンツ
↑
メタデータ メタ情報を取得することができます。
↓
↑
ユーザーデータ ログイン中のユーザー名が表示されるようです。
↓
↑
投稿データ 投稿のタイトルや抜粋など、投稿に関するデータが表示されます。リンクではありません。
↓
「Shortcodes Ultimate」のショートコード見本
↑
テンプレート 機能が不明です。指定するとページが重くなり、確認できませんでした。
QRコード カメラで読み込むと指定のURLへ飛ぶQRコードを生成します。※URLだけでは生成されず、「日付」を埋めることで生成されました。
↓
↑
スケジューラ 指定した時間にだけコンテンツを表示する設定ができます。※月曜から日曜までの20時から8時までの間のみ表示する設定にしています。
↓
↑
お知らせ こちらのサイト「nanameni」では、ものづくりやデザインに役立つ情報をまとめています ので、よろしければ他の記事もご覧になってください。
どうぞよろしくお願いします。
最後まで読んでくださってありがとうございました。
またお会いしましょう。
記事へのコメント