1. TOP
  2. WordPress
  3. WordPressの投稿記事に複数写真をスライドショー表示

WordPressの投稿記事に複数写真をスライドショー表示

WordPressの投稿記事に複数写真をスライドショー表示

現在請け負っているフリーランスのクライアントさんからの依頼で、プロフィール紹介で個人別に写真を複数枚表示でき、また自分たちで簡単に入れ替えができるようにしたいとの要望がありました。

ライブラリーのような形式を真っ先に思いついたのですが、できれば写真エリアを大き目にしてスライドする形がいい。

それを実現するにはWordPressの投稿記事内にスライドショーを表示するのがいいのではと思いました。

しかし、トップページにスライダー・スライドショーを設置する経験は何度もあったのですが、WordPressの投稿記事内に設置するは初めてでした。

そのような事が可能なプラグインはあるのでしょうか!?

プラグインをネットで探し始めたのですが、なかなか情報が少なく見当たらない・・・。探すこと半日。

とうとう見つけました!

「Slideshow」というプラグインです。

Slideshow

Slideshow

Slideshow

メニューやカスタマイズ用の設定画面が全て日本語化していて、とても使いやすいです。

実際に作ってみたページがこちら
↓ ↓ ↓

こんな感じに写真がスライド形式で複数枚表示することができます。

この写真は右から左にスライドしている写真ですが、オプション設定が豊富で簡単に変更することが可能です。

投稿ページやカスタム投稿タイプにスライドショー表示が可能になります。

Slideshowのインストール

(1) WordPress管理画面 > プラグイン > 新規追加 をクリック

Slideshowのインストール

(2) 「Slideshow」を検索

プラグインを検索で「Slideshow」を検索する

slidshow

注意点として、「Slideshow」で検索しても上位にプラグインが表示されず、2ページ目以降にでてきますので、上から順番に探してください。

(3) 「今すぐインストール」をクリックして有効化

slidshow

プラグインを検索で「Slideshow」を見つけたら「今すぐインストール」をクリックし、有効化をクリック

Slideshowの作成

Slideshowの新規追加

slidshow

新規追加で一人ずつのスライドショーを作成していきます。

画像スライドの追加

管理画面内の画像スライドの追加ボタンをクリックすると、通常のエディタと同じようにメディアライブラリーが開くので、スライドショーに使用したい画像をアップロードして、スライドショーに表示したい画像を追加します。

スライドショーの設定

ここでスライドショーのスピード、動き、サイズ、ナビゲーションボタンの表示、ループ等、様々なスライドショーのオプション設定ができます。

スライドショーの公開

スライドショーの名前、画像スライドの追加、スライドショーの設定が終わると、通常の投稿と同じように公開ボタンを押して完了です。

投稿やカスタム投稿にスライドショーを挿入

投稿やカスタム投稿の新規追加

slidshow

投稿やカスタム投稿で新規追加すると、エディター上部に「スライドショーを挿入する」ボタンが追加されていますので、「スライドショーを挿入する」ボタンをクリック

スライドショーを挿入

slidshow

するとプルダウンメニューに今まで作成したスライドショーが表示されるので、挿入したいスライドを選択してボタンをクリックして、公開する。

これで、先程作成したスライドショーが投稿ページやカスタム投稿ページに表示されます。

テキストでプロフィールを追加してスタイルシートでデザインを整えれば、立派なプロフィール紹介ページが完成です。

まとめ

WordPressのカスタム投稿タイプにカスタムフィールドテンプレートを導入しプロフィール項目を作成し、SNSボタンなどを追加してあげると、知識のない方でも簡単に更新が可能なプロフィール紹介ページが完成します。

きっと喜んでもらえること間違いないでしょう!