nanameni

PR

「Shortcodes Ultimate」のショートコード見本

ツール

 

こんにちは、atsumoです。

 

こちらでは、ワードプレスのプラグイン「Shortcodes Ultimate」のショートコードの見本を一覧表示していきます。

 

基本的に、内容をいじらずにそのまま出力しています。

 

普段の投稿とは異なる内容ですが、記事を書く方のご参考になれば幸いです。

 

スポンサー広告

「Shortcodes Ultimate」ショートコード一覧

見出し

見出しのための上下のバーを生成します。

🚗

 

タブ(1)

クリック/タップによってドキュメントを切り替えることのできるタブを生成します。

たからばこ1たからばこ2たからばこ3
なかみはからっぽだった。
なかみはからっぽだった。
やくそうをみつけた!

 

タブ(2)

ドキュメントを切り替えることのできるタブを生成すると思われますが、正しい設定方法が不明です。

 

スポイラー

コンテンツを隠した状態にすることができます。プラスを押すと展開します。

いないいない
ばあ!

 

アコーディオン

スポイラーの集合バージョンです。

つぼ1
なかみはからっぽだった。
つぼ2
なかみはからっぽだった。
つぼ3
ちいさなメダルをみつけた!

 

仕切り

要素同士を仕切ることができます。

 

スペーサー

指定の高さだけスペースを設けることができます。※ここでは「高さ」を50にしています。

 

ハイライト

強調背景色を変更して強調できます。

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

 

ラベル

文字をラベルのように表示することができます。

サッポロ

 

引用

引用文であることを明示するボックスを生成します。

引用文であることを明示するボックスを生成します。

 

プルクオート

引用文であることを明示するバーを生成します。

引用文であることを明示するバーをこちらでは右側に表示しています。

引用文であることを明示するバーをこちらでは左側に表示しています。

 

Dropcap

文章の初めの一文字を大きく表示する見せかたに活用できます。後続する文章は、Dropcapで表示した文字を避けるように整列されます。

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.

 

カラム1

列を作ることができます。

列のコンテンツ
列のコンテンツ

 

カラム2

列を作ることができます。

列のコンテンツ

 

リスト

リストを生成します。アイコンは約830種類の中から選択できます。

  • おでかけ先:〇〇公園
  • 日時:□月△日
  • 持ってくるもの:お弁当、おやつ

 

ボタン

クリック可能なボタンを生成します。デフォルトではトップページに飛びます。

ホーム

 

サービス

大きな星マークを生成します。サービスの売りを説明するときなどに活用できそうです。

サービスタイトル
ワードプレスのプラグイン「Shortcodes Ultimate」のショートコードの見本を一覧表示しています。

 

ボックス

要点などを書き留めるボックスを生成します。タイトルはデフォルトでは「ポイント」になります。

ボックスの機能
要点などを書き留めるボックスが生成される。タイトルはデフォルトでは「ポイント」になる。

 

メモ

付箋のような枠を生成します。

「Shortcodes Ultimate」の「メモ」を使用することで、付箋のような枠が生成できる。

 

拡大

文章を途中から隠します。「続きを表示」で続きが表示されます。

 

Lightbox

クリックすると動画や音声を再生するボックスが表示されるようです。※動作の確認ができていません。

クリックして Lightbox を表示

 

Lightboxのコンテンツ

Lightboxのインラインコンテンツが生成できるとのことです。※動作の確認ができていないため、詳細が不明です。

 

ツールチップ

指定の範囲にマウスのカーソルを合わせたり、タップをすると、用意した言葉が表示されます。

マウスのカーソルを合わせてツールチップを表示

 

非公開

指定範囲のコンテンツを隠すことができます。

 

Youtube、Vimeo、デイリーモーション

URLを貼り付けることで各サイトの動画を埋め込むことができます。youtubeのコードは2種類あり、一方はより高度な設定ができます。

↓通常のyoutubeコードで出力

↓youtube advancedで出力

 

音声・動画

音声・動画メディアを埋め込むことができます。

 

行と列からなる表を生成します。

→→→→

201号室 202号室
101号室 102号室

 

CSVテーブル

CSVテーブルURLから表を生成できるようです。※動作の確認ができていません。

 

パーマリンク

URLを張り付けてリンクを作成できます。

nanameni | 「なんかすき」を「だからすき!」にするサイト

 

会員

ログイン中の会員だけ見ることができる制限がかかります。

このコンテンツは登録ユーザーにだけ許可されています。ログインしてください。

 

ゲスト

会員とは逆でログインしていない人だけ見ることができる制限がかかります。

このコンテンツは、ログインしていない閲覧者のみに表示されます

 

RSSフィード

「RSSフィードURL」を挿入することで、指定数の投稿のリンクを生成します。

RSS フィードは、ブログやオンライン マガジンなど、お気に入りの Web サイトの最新情報を常に入手できる簡単な方法です。 サイトが RSS フィードを提供していれば、投稿があると通知が届き、投稿の概要または投稿全文を読むことができます。

Microsoft サポートページより引用)

 

メニュー

メニューを表示できます。※今回は「メインメニュー」を指定しています。

 

サブページ

指定ページの子の関係にあるページを表示できるようです。※動作の確認ができていません。

 

兄弟

明確な役割は不明ですが、デフォルトではメニューのリンクが列挙されました。

 

Google map

Google mapが埋め込み表示されます。デフォルトではモスクワの地図になりました。

 

Image carousel

複数の画像を横スライドで切り替えることのできる方式で表示します。※画像ソースを「最新の投稿」、制限を「4」にしています。

 

ギャラリー

※画像ソースを「最新の投稿」、制限を「8」にしています。

 

投稿

指定の数だけ投稿を埋め込むことができます。※数を「2」にしています。

【UIデザインのルール】ヒューマンインターフェースガイドラインのポイントをまとめてみました。

  今回は、アプリケーションのUI・UXデザインを担当する人を対象とした内容です。   『ヒューマンインターフェースガイドライン』はご存じでしょうか? ヒューマンインターフェースガイドラインは、App […]

コメントなし

デザインの種類とおすすめについて

何かをデザインする人=デザイナーになりたいけれど、そもそも種類も違いも解らないということはありませんか? 実際のところ私も学生時代は2種類ほどしか知りませんでした。 そこで、今回はデザインの仕事の種類についてまとめたいと […]

コメントなし

 

ダミーテキスト

ダミーテキストを生成します。単語の最低数は5単語とのことです。

↓デフォルトでの表示

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Maecenas sollicitudin neque eget felis efficitur ullamcorper. Pellentesque feugiat turpis a nunc suscipit suscipit at ac mi. Donec dignissim, tellus quis vulputate iaculis, felis dui dictum leo, vitae tempor ex lorem quis diam. Phasellus mattis lobortis fringilla. Donec non tristique risus. Suspendisse vitae magna accumsan neque tempor accumsan. Maecenas convallis vitae justo sit amet vehicula. Nunc sit amet vehicula ligula. Proin id leo at diam mollis vestibulum vel et massa. In rutrum pellentesque neque sit amet dapibus. Donec et elit et sapien hendrerit rutrum. Donec pretium nunc vel lorem rutrum tempus.

↓5単語表示

In consequat sapien aliquam ipsum.

↓1バイト表示

At.

 

ダミー画像

ダミー画像を生成します。日ごとに切り変わるようです。

ダミー画像

 

アニメーション

文字がアニメーションになり、表示された際に動きます。

アニメーションコンテンツ

 

メタデータ

メタ情報を取得することができます。

 

ユーザーデータ

ログイン中のユーザー名が表示されるようです。

 

投稿データ

投稿のタイトルや抜粋など、投稿に関するデータが表示されます。リンクではありません。

「Shortcodes Ultimate」のショートコード見本

 

テンプレート

機能が不明です。指定するとページが重くなり、確認できませんでした。

 

QRコード

カメラで読み込むと指定のURLへ飛ぶQRコードを生成します。※URLだけでは生成されず、「日付」を埋めることで生成されました。

home

 

スケジューラ

指定した時間にだけコンテンツを表示する設定ができます。※月曜から日曜までの20時から8時までの間のみ表示する設定にしています。

 

 

お知らせ

こちらのサイト「nanameni」では、ものづくりやデザインに役立つ情報をまとめていますので、よろしければ他の記事もご覧になってください。

どうぞよろしくお願いします。

 

最後まで読んでくださってありがとうございました。

またお会いしましょう。

 

atsumo

理工系の学部を卒業し、メーカーの生産技術職を経てデザインの道に進みました。僕と同じような人がデザイナーやクリエイターを目指したり制作活動をすることの力になりたいと思っています。
デザイン全般のお仕事もお待ちしています。

atsumoをフォローする
ツール
シェアする
nanameni