ヘルプセンター

【Impreza】画像の追加方法

Wordpressテンプレートの一つであるImprezaついてご説明します。
(本マニュアルはImpreza 5.1を元に作成しております)

 

Single Imageについて 

impreza_sinimg000.png 1つの画像を表示する時に使用します。

サイズやアニメーション、画像をクリックした時に原寸画像を表示するかなどを設定できます。
impreza_sinimg003m.png

 

画像の追加方法

  1. 画像を挿入したい箇所をクリックします。
    impreza_sinimg002m.png


  2. 要素追加画面が表示されるので、「Single Image」をクリックします。
    impreza_sinimg010m.png



  3. Single Image 設定画面が表示されるので、画像や表示方法の詳細を設定します。
    impreza_sinimg011m.png


    • 画像の設定
      挿入する画像を設定します。
      1. 「画像」をクリックします。
        impreza_sinimg012.png

      2. 画像セット画面が表示されるので、挿入したいファイルをアップロードするか、アップロード済みのファイルをメディアライブラリから選択し、右下の「画像セット」をクリックします。


      3. 画像が設定されます。
        impreza_sinimg013.png



    • 画像の大きさの設定
      「Image Size」プルダウンから選択すると、表示する大きさを設定できます。
      impreza_singimg015.png



    • 画像の位置の設定
      「Image Alignment」プルダウンから選択すると、表示する位置を設定できます。
      impreza_singimg015_2m.png


    • 画像のスタイルの設定
      「Image Style」プルダウンから選択すると、画像のスタイルを設定できます。
      impreza_singimg015_3m.png

    • 画像のタイトルと説明の表示の有無
      画像のタイトルと説明を表示したい場合、「Show image title and description」チェックボックスにチェックを入れてください。

      チェックを入れると、「Title and Desciption Style」プルダウンが表示されます。
      impreza_singimg015_4m.png

      「Title and Desciption Style」プルダウンから選択し、表示方法を設定してください。
      impreza_singimg015_41m.png


    • クリック時の動作設定
      画像をクリックした際にどのように挙動するか設定することができます。impreza_singimg015_5m.png

      • 「Open original image in a popup」
        画像をポップアップで表示します。

      • 「Open custom Link」
        画像にリンク先を設定することができます。
        1. 選択すると、下に「URL選択」が表示されるので、クリックします。
          impreza_singimg015_52m.png

        2. リンクの挿入/編集画面が表示されるので、URLやリンク文字列、新規タブで開くかどうかなどを設定し、「Set Link」をクリックします。


        3. リンクが設定されます。
          impreza_singimg015_51m.png


    •  アニメーションの有無
      画像のアニメーションの種類を設定できます。
      1. 「Animation」でアニメーションの種類を選択します。
        impreza_singimg015_6m.png
        ※No Animationを選択した場合はアニメーション表示されません。 

      2. No Animation以外を選択した場合「Animation Delay」が表示されるので、いつアニメーションを開始するのかを選択します。
        impreza_singimg015_61m.png



  4. 設定完了後、「変更保存」をクリックします。
  5. 選択した画像が追加されます。
    impreza_sinimg003m.png


 

画像の変更方法

  1. 作成したSingle Imageにカーソルを合わせると操作オプションが表示されます。impreza_sinimg004m.png

  2. 鉛筆マークeditIcon.pngをクリックするとSingle Image 設定画面が表示されます。
  3. 変更したい項目を変更します。

    • 画像の変更
      現在の画像横の「+」(画像追加)をクリックし、画像を選択し直すと、選択した画像に差し代わります。(操作手順は画像追加時と同様です)
      impreza_sinimg014.png
    • 画像の大きさなどの各設定の変更
      各プルダウンメニュー、チェックボックスの値や状態を変更したい内容に選択し直すと、内容を変更できます。

  4. 「変更保存」をクリックします。
  5. 内容が更新されます。

 

画像の削除方法

  1.  作成したSingle Imageにカーソルを合わせると操作オプションが表示されます。
    impreza_sinimg005m.png


  2. 削除マークdeleteIcon.pngをクリックすると確認ダイアログが表示されます。


  3. 削除したい場合は「OK」、削除を取りやめたい場合は「キャンセル」をクリックします。
  4. 「OK」をクリックした場合、選択したSingleImageが削除されます。
    impreza_sinimg001m.png

 

 

他にご質問がございましたら、 CMSサポートへお問い合わせください

コメント

株式会社ガイアックス
CMSサポート
Tel : 03-6869-0379(月~金/10:00~18:00)
Powered by Zendesk