nanameni

PR

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

ツール・アプリ
この記事は約12分で読めます。

Warning: Undefined variable $output in /home/xs054536/nanameni.jp/public_html/wp-content/plugins/shortcodes-ultimate/includes/shortcodes/feed.php on line 83

 

こんにちは、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」にしています。

人物ドローイングをイチから学んでみた結果|30日間絵を描き続けたビフォーアフター

    今回は、絵についてのお話です。   僕は趣味で人物をモチーフにしたイラストを描くことがあるのですが、 ずっと引っかかっていたことがありました。   それは、 「人の全身の描 […]

コメントなし

光のまとめ|光のデザインを理解すると、世界の見え方が変わる

  光を理解すると、世界の“見え方”が変わる瞬間があります。   道の光の反射、夕日の透けるガラス、水滴のハイライト。 自分自身、絵を描くときや撮影するとき、光の扱いが少し上手くなるだけで、まるで別物のように立体感が生ま […]

コメントなし

 

ダミーテキスト

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

↓デフォルトでの表示

Phasellus risus metus, eleifend eget ullamcorper vel, cursus quis purus. Etiam dictum justo sed scelerisque euismod. Vestibulum vestibulum ante eget pellentesque iaculis. Aliquam consectetur purus non ex vulputate egestas. Nunc eu arcu et lorem porta eleifend. In quis tincidunt tellus. Donec vitae vulputate elit, quis consequat ex. Donec nec quam urna. Aenean mollis enim id lacus feugiat, sollicitudin luctus nisl auctor. Sed ornare diam ut mauris mollis, quis volutpat elit rutrum. Vestibulum ullamcorper elit cursus odio egestas molestie. Nam malesuada vitae ipsum id porttitor. Nulla ultricies sapien non metus volutpat vehicula. Cras aliquet erat sit amet sapien rhoncus dignissim. Aenean eleifend velit sed est vulputate, ac molestie felis posuere.

↓5単語表示

Class aptent taciti sociosqu ad.

↓1バイト表示

Ac.

 

ダミー画像

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

ダミー画像

 

アニメーション

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

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

 

メタデータ

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

 

ユーザーデータ

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

 

投稿データ

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

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

 

テンプレート

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

 

QRコード

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

home

 

スケジューラ

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

 

 

お知らせ

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

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

 

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

またお会いしましょう。

 

アツシ

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

アツシをフォローする
ツール・アプリ
\ シェアする /
スポンサー広告

記事へのコメント