PrincipleworksJavaScriptがお使いのブラウザで無効になっているようです。我々のサイトを最善の状態でみるために、ブラウザのjavascriptをオンにしてください。Ogasawara今回はElementの残り3つの機能についてご紹介していきます。CodeButtonsとDividerは簡単に実装できます。HTMLに関してもページビルダーの使用が苦手でHTMLを直接書きたい方にはおすすめです。HTMLコードのセクションではグーグルマップの埋め込みの仕方もご紹介していきます。Buttonsこちらでは簡単にボタンを設置することができます。いつものようにボタンをドラッグして追加しましょう。こちらにはフロントで表示されるボタン内のテキストを入力します。ボタンの設定をするために上記画像の左にある設定アイコンを選択します。Typeボタンの種類を選択します。Linkリンクの種類を選択します。新しいタブで開くリンクを新規タブを開くかどうか選択します。フロントではこのような表示になります。ボタンの表示方法の設定についてはボタン以外の場所をクリックしたときに表示される設定アイコンをクリックします。size:はい高度な設定についてはこちらをご覧ください。DividerDividerは区切り線です。下記のようにセクションの間に入れたり、コンテナの間に入れることができます。区切り線の設定をみていきます。高度な設定についてはこちらをご覧ください。Codeこちらはご想像の通りHTMLを直接書けるセクションです。他にもCSSやJavaScriptのコードを書くことも可能です。設定を開き、コードを書いていきます。Imageから挿入する画像を選ぶと下記のようになり、コードの記入の手助けをしてくれます。mapを挿入する方法をご紹介します。Codeのセクションを使用して表示する方法をやっていきます。グーグルマップで表示したい場所を表示させ、共有ボタンをクリックします。「地図を埋め込む」に移動し、左のタブから埋め込みたい地図のサイズを選びます。HTMLをコピーをクリックしてコピーします。コピーしたHTMLをそのまま貼り付けましょう。ちなみに見て分かる通り、width="600"とheight="450"とあるので、あとからこちらでサイズの変更は可能です。上記の中サイズは実際に埋め込むと下記のようになるので参考にしてください。これで画面構成のElementのご紹介は以上です。次回からはMediaを紹介していきます。