【スライドショー(テンプレートからの変更）】画像を変更する方法 - 横浜・大阪のHP制作 アートフレア(株)

【スライドショー(テンプレートからの変更）】画像を変更する方法

 

 「スライドの画像を変更したい(テンプレート）」

 

Joomla!3にてトップページスライドショーの画像を変更する方法を説明します。

 

＜手順＞

・変更したい画像のサイズを確認する（現在設置している画像のサイズと同じにする）

・管理画面にログイン、上部のメニューバーの「エクステンション」→「テンプレート」→「スタイル」へ

・項目内から「Business-標準」を選択する

・「スライドショーセットアップ」の項目から画像を変更する

・画像が変更されたことを確認する

 

＜解説＞

 

変更したい画像のサイズを確認する（前の画像のサイズと同じにする）

変更前の画像のサイズと合わせ、画像サイズを確認する

（今回は960 x 292のサイズの画像を用意し使う）

※あらかじめ差し替えたい画像ファイルをデスクトップに置いておく

 

・管理画面にログイン（1）し、上のメニューバーにある

「エクステンション」→「テンプレート」→「スタイル」へ（2）

 

(1):管理画面にログインする

 

「ユーザー名」と「パスワード」を入力すると「ログインが完了する」

 

 

(2)管理画面のボタンをクリックすると、下記の画面が出てきます。

 

 

画面上部のメニューバーより

「①エクステンション」→「②テンプレート」→「③スタイル」

を選択してください。

 

 

・画面内の「Business-標準」を選択

 

 

 

・「スライドショーセットアップ」の項目から画像を変更する

（※今回は一枚目の蝶の画像を新しい画像に変更します）

 

 

①画面上部にある「スライドショーセットアップ」の項目をクリック

 

②Slide1（スライド1枚目）という形でそれぞれ画像が設定可能になっています。

（※Slide2なら（スライドの2枚目）のように数字と何枚目かが対応しております。）

 

③変更したいスライド箇所の中にある「Image」の欄にある「選択」ボタンを押す

（※目のアイコンにポインターを乗せると現在設定されている画像の確認が可能です）

 

 

④「選択」ボタンを押すと上記の画面が出るので「アップロード」をクリック

 

 

 

 

「アップロード」をクリックすると上記の画面が出るので以下の順に操作をします

 

⑤デスクトップ上にあるファイルをドラッグアンドドロップで読み込む

※あらかじめ差し替えたい画像ファイルをデスクトップに置いておくことで以下画像の操作と同じ形で選択が出来ます。

 

⑥ファイル名が表示されているのか確認する

 

 

 

⑦事前にサイズを合わせたものを使っているので「サイズ変更のチェックボックス」は外しておきます

 

⑧「アップロード」をクリックしてください

 

 

 

 ↑⑧の後に上記の画面に戻ります

 

⑨アップロード後、変更したい画像を選択します（チェックボックスに✓）

※選択すると右側の詳細にアップロードされた画像が表示されます

 

⑩確認ができたら「Update」のボタンを押します

 

 

 ⑩の後に上記の画面になります

 「目のアイコン」にポインターを合わせ、挿入した画像が反映されているか確認します。

 変更を終了したら「保存をして閉じる」から保存を行う

 

・画像が変更されたことを確認する

 ホームページにもどり、スライドショーの画像が変更されているかどうかを確認する

 

 

 

以上がスライドショー画像の変更（テンプレートより）の手順となります。

 

 

参照数: 333

• 前へ
• 次へ