ヘルプセンター

【Avada】主なElementの機能について

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


b_simple_122_2M.png

 テキストの入力に関するもの

 Text Block 

主に文章を入力する時に使用します。文字の修飾や箇条書き、文章の左・右・中央揃え、リンクや画像の挿入などができます。詳細は【Avada】テキストを追加する方法をご覧ください。

作成画面
top_textblock1.png
実際の画面

 

 Title 
 
タイトルを入力(<h1>など)する時に使用します。使用するタグや位置、区切り線の種類などが設定できます。

作成画面
top_title1.png
実際の画面
top_title2.png


 Checklist label_checklist.png

リストを作成する時に使用します。アイコンの種類や色などを設定できます。
※項目で個別にアイコンを指定し直した場合、その内容が優先されます。

作成画面(左)と実際の画面(右)
top_checklist1.png top_checklist2.png

 

 Table label_fontawesomeicon.png
 
を挿入する時に使用します。レイアウトやカラム数などを設定できます。

作成画面
top_table1.png
実際の画面
top_table2.png

 

 

 画像・動画の表示に関するもの

 Image Frame 
 
1つの画像を表示する時に使用します。サイズやアニメーション、位置、Altテキスト、画像をクリックした時に原寸画像を表示するかなどを設定できます。詳細は【Avada】画像を追加する方法をご覧ください。

作成画面(左)と実際の画面(右)
top_imageframe1.png 

 

 Image Carousel
 
複数の画像をスライド表示する時に使用します。一度に表示する画像数、マウスカーソルを合わせた時の動作、オートプレイの有無、枠線などを設定できます。詳細は【Avada】画像を追加する方法をご覧ください。

作成画面
top_imagecarousel1.png
実際の画面

 

 Slider 
 
設定した複数のスライドをひとつずつ表示する時に使用します。スライドの種類、マウスカーソルを合わせた時の動作、大きさなどを設定できます。詳細は【Avada】画像を追加する方法をご覧ください。

作成画面(左)と実際の画面(右)
top_slider01.png img_imgs12_1-2.png

 

 

 Font Awesome Icon label_fontawesomeicon.png
 
アイコンを挿入(Font Awesome)する時に使用します。色やサイズ、傾き、回転、アニメーションなどを設定できます。

作成画面(左)と実際の画面(右)
top_fontawesomeicon1.png top_fontawesomeicon1.png

 

 Youtube label_fontawesomeicon.png
 
Youtubeの動画を挿入する時に使用します。色やサイズ、傾き、回転、アニメーションなどを設定できます。

作成画面(左)と実際の画面(右)
top_youtube1.png top_youtube2.jpg

 

 

 Google Map top_googlemap1.png
 
GoogleMap(地図)を挿入する時に使用します。地図の種類や大きさ、ズームできるかどうかなどを設定できます。

作成画面(左)と実際の画面(右)
top_googlemap2.png top_googlemap3.jpg

 

 リンク機能に関するもの

 Button label_button.png

ボタンを作成する時に使用します。表示する文字、ターゲット、色や形、アイコンの有無、アニメーションなどを設定できます。

作成画面
top_button2.png

実際の画面
top_button3.png

 

 Anchor top_anchor1.png

アンカーリンクを作成する時に使用します。

作成画面(左)と実際の画面(右)
top_anchor2.png   top_anchor3.png

 

 全体のレイアウトに関するもの

 Content Boxes label_contentboxes.png

表示エリアに対して共通のレイアウトを設定する時に使用します。表示カラム数や文字色、背景色、アイコンの色や大きさ、アニメーションなどを設定できます。
※Elementで個別に色などを指定し直した場合、その内容が優先されます。

作成画面
top_contentboxes1.png
実際の画面
top_contentboxes2.png

 

 Separator label_separator.png
 
区切り線を挿入する時に使用します。線の種類やサイズ、色、アイコンの有無などを設定できます。また本機能を使って余白を設定することもできます。余白の設定方法については【Avada】余白を調整するには- Elementでの余白設定をご覧ください。

作成画面
top_separator1.png
実際の画面
top_separator2.png

 

 Section Separator label_sectionseparator.png
 
セクション区切りを挿入する時に使用します。種類や色などを設定できます。

作成画面
top_sectionseparator1.png
実際の画面
top_sectionseparator2.png

 

 Toggles label_toggle.png

開閉パネルを設置する時に使用します。区切り線の有無や初期表示状態などを設定できます。

作成画面
top_toggles1.png
実際の画面
top_toggles2.png

  

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

コメント

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