Slideshowの使い方ーWordPressプラグイン【初心者向け】

WordPressのプラグインの使い方を初心者向けに紹介する記事です。

今回は、スライドショーで画像を表示するのに便利なプラグイン、Slidershowの使い方を紹介します。

 

なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。

 

 

Slideshowとは

シンプルなので、誰でも使え手軽にスライドショーが作成できる便利なプラグインです。

背景などに複数のスライドを表示しながらスムーズにスライドできるカルーセルスライドなども実現できるので、デザイン性にも富んでいます。

 

Slideshowの使い方

このプラグインは、管理画面から「プラグインを検索」してインストールもできますし、プラグイン公式サイトからダウンロードすることも可能です。

インストールがわからない場合はWordPressのプラグインをインストールする方法をご覧ください。

 

有効化すると、管理画面左メニューにスライドショーという項目が追加されているはずです。

まず、管理画面の左メニューから「スライドショー」→「新規追加」を選択します。

スライドの新規作成画面が開きます。一番上の欄にスライドショーの名前を入力します。
参考情報の欄にはここで作成したスライドを記事内に貼り付ける際に使用するショートコードの情報が表示されます。

設定項目では、スライドする際のアニメーション方法やタイトル・説明文の表示形式などの設定を行うことができます。

スライドショーに画像を追加する場合は右メニューの「挿入」から「画像スライド」をクリックします。

メディアライブラリが開かれるので、使用する画像を選択してから右下の「選択」をクリックします。
※この時Ctrlボタンを押しながら項目をクリックすることで複数の画像を一度に選択することができます。

また、挿入メニューから「テキストスライド」をクリックするとテキストを入力しそれを表示するスライド、「ビデオスライド」をクリックするとYouTubeのURLを入力することによって動画を表示させるスライドを追加することができます。
※画像・テキスト・動画は全て同じスライドショー内に一緒に入れることが可能です。

各項目のタブをドラッグすることで表示される順番を入れ替えることができます。
右上の「下書きとして保存」あるいは「公開」ボタンを押すとスライドショーが保存されます。

WordPress管理画面から「投稿」→「新規追加」を選択します。
記事内のスライドを挿入したい部分で「スライドショーを挿入する」をクリックします。

スライドショーの一覧が表示されるので、記事に入れたいスライドを選択し「スライドショーを挿入する」をクリックします。ここで表示されるのはSlideshowの管理画面で入力した名前になります。

記事内に自動でショートコードが挿入されます。

記事を保存・公開するとWordPressのサイト上でスライドショーが表示されます。

このように画像が表示され、左右下にあるスライドマークで横にスライドショーが流れていけば完了です。

今回の記事は以上です。

 

 

[お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。