【ワードプレス プラグイン Photo Gallery by Supsystic】雑誌のバックナンバーページの作成

/

なぜPhoto Gallery by Supsysticを使ったのか

・雑誌のページをめくるように表示したかった

・PDFにしてワードプレスのPDF表示プラグインを使おうとしたがファイルサイズが大きくなってアップロードできなかった

1.各ページをGIF画像で作成します

ここではイラストレータのデータをすでにGIF画像に変換してある前提で説明しています。

Photo Gallery by Supsysticのインストール

インストールなどは以下の記事を参考にしてください。

 

3.バックナンバーページ

ダウンロード (2)

4.新しいバックナンバーの追加

すでにあるバックナンバーのギャレリーをコピーして作成します。

①ギャレリーの一覧を表示します。

ダウンロード (3)

②すでに作成されている紙面の中からどれか一つを選択してタイトルをクリックして開きます。

ダウンロード (4)

 

4-1 空っぽのギャレリーを作成

表示された画面の下にある【Clone】をクリックします。

ダウンロード (5)

表示されたウィンドウから、”Clone without images”を選択し、【OK】をクリックします。

 

ダウンロード (6)

以上で空のギャレリーができました。

ギャレリーの名前を変更します

”Cloned No.503 2019年8月20日号”という名前を ”No.504 2019年9月5日号”に変更します

①”Type”をクリックします。

②名前を変更します。

③保存をクリックします。

ダウンロード (7)

 

4-2 GIFの各紙面をまとめてアップロード

【画像を追加】をクリックして、準備してあるGIF画像をアップロードします。

ダウンロード (8)

 

ファイルをまとめて選択すると、数にもおよりますが、少し時間がかかります。

ファイルのアップロードの準備ああできるまで待ちましょう。

ダウンロード (9)

ダウンロード (10)

画面が上記のように表示され、【Choose Image】のボタンが押せる状態になったら、ボタンをクリックしてファイルをアップロードします。しばらくして、以下のような画面が表示されたらアップロード完了です。

ショートコードをコピーしておきます。

ダウンロード (11)

 

4-3 アルバムのショートコードをバックナンバーページに追加

コピーしたショートコードをバックナンバーページに貼り付け保存します。

ダウンロード (12)

 

以上です