WordPress.com のショートコードを使ってプレゼン用スライドを作ってみよう
外部サービスをまったく使わない、ショートコードだけでのプレゼンスライド作成・埋め込みが可能になりました。
Cheri Lucas Rowlands
WordPress.com では、手軽に追加機能やメディアを埋め込める数多くのショートコードが用意されています。この度、プレゼン用のスライドを作成して WordPress.com で表示するための新しいショートコード、[presentation] と [slide] を公開しました。
プレゼンテーション機能のご紹介
- スライド遷移スタイルの選択（上下左右方向）
- スライドの回転・拡大縮小
- 背景色・画像の選択（HTML カラーまたは画像 URL）
- 遷移の長さとサイズの設定
以下のプレゼンテーションで豊富な機能と使い方を実際にご覧いただけます。プレゼン右下にある4つの矢印のアイコンをクリックし、フルスクリーンでの表示もぜひお試しください。
スライドショーを開始できませんでした。ページを再読み込みするか、他のブラウザでお試しください。
WordPerss.com サイト向け
プレゼンテーションショートコード
プレゼン用スライドを作ろう
プレゼンテーションショートコード機能を使うと、簡単に魅力的なプレゼン用スライドを作成できます。
このショートコードには以下の機能が含まれています。
- スライド遷移スタイルの選択
- スライドの回転・拡大縮小
- 背景色または画像の選択
- 遷移時間とサイズの選択
表示方法
プレゼンテーションのページをめくるには、画面上の矢印または左右の矢印キーを使ってください。また、タブおよびスペースキーでも次のスライドへ進むことができます。
右下のアイコンをクリックすると、フルスクリーンモードが開始されます。これを解除するには ESC キーをクリックしてください。
プレゼンスライドの作成方法
まず、[presentation] ショートコードを入力します。それから、各スライドの内容を [slide] ショートコードの中に書き込んでください。
[presentation]
[slide]
簡単ですよね？
[/slide]
[/presentation]
遷移（トランジション）
[slide transition=] のように書き込むことで遷移のバリエーションを選択できます。
下方向 (down)
何も指定しない場合のデフォルト遷移スタイルです。
右（right）
[slide transition="right"]
上（up）
[slide transition="up"]
左（left）
[slide transition="left"]
なし（none）
[slide transition="none"]
こちらはフェードが有効化されているときのみ動作します。
回転
[slide rotate=45] のように角度を数字で入力することで、スライドを回転できます。
拡大・縮小
[slide scale=3] のように数を記入し、拡大・縮小させることができます。
背景
背景職を設定するには [slide bgcolor=#d3e7f8] のように HTML カラーコードを指定してください。
または、[slide bgimg=http://example.com/image.jpg] のように背景画像を指定することもできます。画像は画面いっぱいに拡大されます。
フェード
スライド間のフェードは自動的に有効化されています。無効化するには [slide fade=off] または [slide fade=false] を使ってください。
フェード
再度有効化するには値に「on」または「true』を記入してください。
その他
以下のようなプレゼンテーション全体の設定は、[presentation] ショートコードの属性として記入してください。
高さ: height / 幅: width / 遷移時間（秒）: duration
また、[slide] で利用できる属性を [presentation] ショートコードの属性として使うと、上書きしない限りはすべてのスライドに適用されます。
これらのショートコードを使えば、シンプルなスライドショーから洗練されたプロのプレゼンまでが簡単に作成・編集できます。さらに詳しくはプレゼンショートコードのサポートページをご覧ください。
他のスライドショー埋め込みオプション
WordPress.com では以下のスライドショー埋め込みにも対応しています。
WordPress.com 日本語ブログ 
早速、作ってみました。 http://wp.me/pXnA6-3Ay
ショートコードでスライドショーがつくるの、確かに気軽でした。
いいねいいね