※学校パックログイン方法 学校パックを詳細までご覧頂くためには、ログインが必要になります。
ログイン方法は、サイトの右上にある ”ログイン” をクリックしてください。
◆ ログインID:otamesi パスワード:otamesi
学校様向けテンプレートの無料お試しのお申込みはこちら
 
ロゴ NeXtCommons 学校パック
NeXtCommons小学校テンプレートデモサイト
     都心にありながら緑豊かな自然に囲まれたNXC小学校。
太陽のように元気いっぱいな子どもたちが自慢の学校です。
 
ホーム > TIPS > フォトアルバムの使い方
 

フォトアルバムの使い方


<1>
管理者権限にてログインし、セッティングモードにします。
モジュールの追加メニューから『フォトアルバム』を選択します。



<2>
下図の設定画面が表示されます。
の項目にフォトアルバムの名称を設定します。ここでは「新規フォトアルバム1」とします。
この画面ではその他に「アルバムの作成権限」、「New記号の表示期間」の設定が行えます。設定後、「決定」ボタンをクリックします。

サンプル



<3>

続いて「表示方法変更」タブをクリックします。
では「アルバムの一覧表示」か「自動スライドショーの設定」が選択できます。現段階ではまだアルバムが登録されていませんので、ここでは「アルバムの一覧表示」を選択します。

では「スライド間隔時間」と「写真切替タイプ」の種類を選ぶことができます。ここでは「3秒」「フェード」を選択します。

は「写真のサイズ指定」します。ここでは「サイズ指定なし」を選択します。

の「アルバム表示件数」は「1件」を選択します。

すべての設定ができたら「決定」ボタンをクリックします。

サンプル



<4>

フォトアルバムモジュール右上の編集ボタンをクリックし、「ブロックスタイル」タブをクリックします。フォトアルバムを設置したい場所に合わせてボックス全体のサイズを設定します。ここでは、デモサイトと同じようにの「最小の広さ」(横幅)を「250」、の「マージン」を右「12px」に設定し、「決定」ボタンをクリックします。

サンプル




<5>
次にの「アルバム作成」リンクテキストをクリックします。の項目では「アルバムタイトル」を設定します。ここでは「新規アルバム1」とします。ではアルバムの「表紙画像選択」を設定します。もともと用意されているアイコンを利用することができ、さらにユーザー任意のアイコンも設定することもできます。その場合は、「カスタム」項目の「参照」ボタンをクリックし、登録したい画像データを選択し「アップロード」ボタンをクリックします。

サンプル

サンプル



<6>

写真を公開する「新規アルバム1」ができたら、のアルバムアイコンをクリックして写真を登録します。
次にの「写真の追加」リンクテキストをクリックし、の「参照」ボタンからアルバムに登録したい写真を選択し、「決定」ボタンをクリックします。

サンプル

登録した写真の確認画面が表示されます。
確認をしたら右上の(×)印ボタンをクリックし、確認画面を閉じます。

サンプル



<7>

アルバムと写真の設定が完了したら、仕上げにデモサイトと同じように写真をスライドショーに設定します。現在のままだと「アルバムの一覧表示」のままですので、フォトアルバムモジュール右上の編集ボタンをクリックし、「表示方法変更」タブをクリックし、の「アルバムの自動スライドショー」を選択します。最後に「決定」ボタンをクリックします。

これでフォトアルバムの設定完了です。

サンプル


登録した2枚の写真がスライドショーで表示されます。

サンプル