ヘルプセンター

【Impreza】ボタンの追加方法

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

 

Buttonについて 

 ボタンを挿入する時に使用します。

ラベルの文章や色、サイズ、位置、アイコン、リンク先などを設定できます。

 

ボタンの追加方法

  1. ボタンを挿入したい箇所をクリックします


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


  3. Button 設定画面が表示されるので、ラベルや表示方法の詳細を設定します。



    • ラベルの設定
        「Button Label」に入力すると、ボタン上に表示する文字を設定できます。
        

    • アイコンの設定
        ボタンラベルの左右どちらかにアイコンを挿入することができます。
        

      1. 種類の設定
         「Icon」に FontAwesome または Material Design (クリックすると別画面が開きます)の内容を参考にアイコン名を入力します。(例:mdfi_action_check_circle)
          

      2. 位置の設定
         「Icon Position」プルダウンで、アイコンを挿入したい位置を選択します。
          


    • スタイルの設定
        「Button Style」から選択すると、ボタンスタイルを設定できます。
        
         例)
         
          ※チェックマークがmdfi_action_check_circleアイコンです

    • 色の設定
        「Button Color」から選択すると、配色を設定できます。
        

    • 大きさの設定
        「Button Size」に入力すると、ボタンの大きさを設定できます。
        

    • 位置の設定
        「Button Alignment」から選択すると、画面上におけるボタンの位置を設定できます。
        
    • リンクの設定
        ボタンにリンクを設定することができます。
      1. Button Linkの「URL選択」をクリックします。
         

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

      3. リンクが設定されます。
          
  4. 設定完了後、「変更保存」をクリックします。
  5. 選択したボタンが追加されます。


 

ボタンの変更方法

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


  2. 鉛筆マーク  をクリックするButton 設定画面が表示されます。


  3. 変更したい項目を変更します。
    • ボタンラベル、ボタンの大きさ、アイコンの変更
        各入力ボックスの値を変更すると、内容を変更できます。

    • ボタンスタイル、ボタンの色、ボタンの位置、アイコンの位置の変更
        各プルダウンメニューの値を変更したい内容に選択し直すと、内容を変更できます。

    • リンクの変更
       「URL選択」をクリックし内容を変更すると、内容を変更できます。

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

 

ボタン削除方法

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


  2. ゴミ箱マーク をクリックすると確認ダイアログが表示されます。


  3. 削除したい場合は「OK」、削除を取りやめたい場合は「キャンセル」をクリックします。
  4. 「OK」をクリックした場合、選択したButtonが削除されます。
他にご質問がございましたら、 CMSサポートへお問い合わせください

コメント

株式会社シーエムエスエス
CMSサポート
Tel : 03-6869-0379(月~金/10:00~18:00)
Powered by Zendesk