Slideshowの使い方ーWordPressプラグイン【初心者向け】
WordPressのプラグインの使い方を初心者向けに紹介する記事です。今回は、スライドショーで画像を表示するのに便利なプラグインSlidershowの使い方を紹介します。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
WordPressのプラグインの使い方を初心者向けに紹介する記事です。
今回は、スライドショーで画像を表示するのに便利なプラグイン、Slidershowの使い方を紹介します。
なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。
田島メンター！よく画像のスライドショーってあるじゃないですか。それを記事に入れたいんですけど、できますか〜？
プラグインを使えばできるよ。いくつかプラグインがあるけど。
おすすめってありますか〜？
「Slideshow」なんてどうかな？
Slideshowとは
シンプルなので、誰でも使え手軽にスライドショーが作成できる便利なプラグインです。
背景などに複数のスライドを表示しながらスムーズにスライドできるカルーセルスライドなども実現できるので、デザイン性にも富んでいます。
Slideshowの使い方
このプラグインは、管理画面から「プラグインを検索」してインストールもできますし、プラグイン公式サイトからダウンロードすることも可能です。
インストールがわからない場合はWordPressのプラグインをインストールする方法をご覧ください。
有効化すると、管理画面左メニューにスライドショーという項目が追加されているはずです。
まず、管理画面の左メニューから「スライドショー」→「新規追加」を選択します。
スライドの新規作成画面が開きます。一番上の欄にスライドショーの名前を入力します。
参考情報の欄にはここで作成したスライドを記事内に貼り付ける際に使用するショートコードの情報が表示されます。
設定項目では、スライドする際のアニメーション方法やタイトル・説明文の表示形式などの設定を行うことができます。
スライドショーに画像を追加する場合は右メニューの「挿入」から「画像スライド」をクリックします。
メディアライブラリが開かれるので、使用する画像を選択してから右下の「選択」をクリックします。
※この時Ctrlボタンを押しながら項目をクリックすることで複数の画像を一度に選択することができます。
また、挿入メニューから「テキストスライド」をクリックするとテキストを入力しそれを表示するスライド、「ビデオスライド」をクリックするとYouTubeのURLを入力することによって動画を表示させるスライドを追加することができます。
※画像・テキスト・動画は全て同じスライドショー内に一緒に入れることが可能です。
各項目のタブをドラッグすることで表示される順番を入れ替えることができます。
右上の「下書きとして保存」あるいは「公開」ボタンを押すとスライドショーが保存されます。
WordPress管理画面から「投稿」→「新規追加」を選択します。
記事内のスライドを挿入したい部分で「スライドショーを挿入する」をクリックします。
スライドショーの一覧が表示されるので、記事に入れたいスライドを選択し「スライドショーを挿入する」をクリックします。ここで表示されるのはSlideshowの管理画面で入力した名前になります。
記事内に自動でショートコードが挿入されます。
記事を保存・公開するとWordPressのサイト上でスライドショーが表示されます。
このように画像が表示され、左右下にあるスライドマークで横にスライドショーが流れていけば完了です。
今回の記事は以上です。
簡単にスライドショーがつくれましたね〜！
そうだね。事前にスライドショーを作っておけるから、何度か使いたいときにも作り直さなくていいから便利だね♪
そうですね♪
[お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。
