WordPressでスライドショーを作成する方法

これは、ユーザーがWordPressを使い始めるのを助けるために、このサイトで公開されているトップWordPressの質問シリーズへのビデオ回答のチュートリアルです。

このチュートリアルでは、次のことを学びます:

  • を作成する方法WordPress.com アカウント。
  • JetPackをインストールしてアクティブ化する方法。
  • JetPackをあなたのものと接続する方法WordPress.com アカウント。
  • ホットプレゼンテーションのためのJetPackのショートコードを有効にします。
  • 魅力的なスライドショーを作成するためにプレゼンテーションのショートコードを使用する方法。

このデモのために必要なショートコードを使用するためには、あなたが持っていることを確認してくださWordPress.com JetPackが自己ホスト型webサイトにインストールされ、自分のWebサイトに接続されていることを確認しますWordPress.com アカウント。 JetPackは、私たちが作業するプレゼンテーションのショートコードを提供するツールです。

さて、JetPackを有効にして、余分なショートコードをオンにしましょう。

  1. WordPressのダッシュボードから、JetPackをクリックし、次に設定をクリックします。
  2. 上部の書き込みリンクをクリックします。
  3. ショートコード埋め込みをオンにします。

スライドショーやプレゼンテーションを作成するとき、それはあなたが各スライドの遷移、回転、スケール、フェード、および背景を設定することができ、様々なス 背景は、画像や色にすることができます。 各スライドのテキストを入力する場合は、色を使用します。

デフォルトの遷移はdownです。 私はこのデモのためにデフォルトのままになります。 その他の値には、right、up、left、noneがあります。 この例では、rotationプロパティとscaleプロパティは使用しません。 スライド間のフェージングはデフォルトの動作です。 私はこのプレゼンテーションのためにそれを調整することはありません。

この例では、背景画像として5つのスライドを含めます。

始めましょう。

  1. WordPressのダッシュボードから、投稿に移動し、新しい投稿または既存の投稿の投稿エディタを開きます。
  2. テキストビューに切り替えて、ビジュアルエディターが入力したコードを変更しないようにします。
  3. “プレゼンテーション”ショートコードの開閉から開始します。 開いている角括弧を入力し、次に”プレゼンテーション”という単語を入力し、次に”閉じている角括弧”を入力します。 Enterキーを2回押してから、角括弧を開き、スラッシュを入力し、次に”presentation”という単語を入力し、次に”closing”の角括弧を入力します。
  4. さて、各スライドのサイズと遷移期間を設定するために、プレゼンテーションショートの開口部の内側に戻ります。
  5. 単語presentationの直後にスペースを入れ、width=600、space、height=375、space、duration=5と入力します。
  6. 投稿を保存します。 私たちはすぐにそれに戻ってくるでしょう。

スライドショーで使用できる5つの画像を準備して、WordPressのメディアライブラリにアップロードしましょう。

  1. WordPressのダッシュボードから、”メディア”をクリックし、”新規追加”をクリックします。 [新規追加]リンクを右クリックすると、ほとんどのブラウザで新しいタブで開くことができます。
  2. ファイルの選択ボタンをクリックします。
  3. コンピュータ上の画像を見つけて選択し、開くをクリックします。 Ctrl+クリックを使用すると、一度にアップロードする複数のファイルを選択できます。
  4. 今、私たちは、画像のUrlが必要になります。 最初の画像の横にある編集リンクをクリックします。 新しいタブで開きます。 ファイルのURLをテキスト文書にコピーします。 タブを閉じます。
  5. 残りの画像についても同じことを行います。
  6. 投稿に戻ります。
  7. プレゼンテーションショートの間に、各画像のスライドショートコードを作成します。 開いている角括弧を入力し、次に単語slide、次にスペースを入力し、bgimgが開いている引用符に等しくなり、画像URLに貼り付け、引用符を閉じてから角括弧を閉じ 今、開いている角括弧、スラッシュ、単語スライド、その後閉じている角括弧を入力してスライドのショートコードを閉じます。 Enterキーを押します。 その後、他の画像のために繰り返します。
  8. 保存して表示します。

コメントを残す

メールアドレスが公開されることはありません。