今回の記事では、Elementorのアラートウィジェットについて解説していきます。
- アラートウィジェットって何?
- どうやって使うの?
という方には必見の内容ですので、ぜひご覧ください。
目次
使い方
基本的な使い方は他のウィジェットと同様、ウィジェットが欲しい場所にドラッグアンドドロップです。
こちらより公式サイトの解説がみれます。
では詳しくみていきましょう。
コンテンツ
![](https://nocode-navi.com/elementor/wp-content/uploads/2022/05/282ee6941fa02c32e6e8213b3aca3f14-1024x492.png)
「タイプ」では、デザインの種類を情報・成功・警告・危険の中から調整できます。基本的には、色が変わるという認識で間違いないです。
「タイトルと説明」では、表示するタイトルと説明文を調整できます。
「非表示ボタン」では、右上の非表示ボタンを表示するかしないか調整できます。
スタイル
アラート
![](https://nocode-navi.com/elementor/wp-content/uploads/2022/05/808aa5a54047f382a16e22fe05ab8845-1024x493.png)
「背景色」では、背景の色が調整できます。
「枠線の色」では、枠線の色が調整できます。
「左ボーダー幅」では、左側にあるボーダーの幅の太さが調整できます。
タイトル
![](https://nocode-navi.com/elementor/wp-content/uploads/2022/05/3a0a02101829d33dc7b80ae0b2e48e16-1024x494.png)
「文字色」では、タイトルの文字の色が調整できます。
「書体」では、タイトルのフォントが調整できます。
「テキストシャドウ」では、タイトルの文字の影が調整できます。
説明
![](https://nocode-navi.com/elementor/wp-content/uploads/2022/05/0ea1378e1f536715f587e429da617742-1024x493.png)
「文字色」では、説明文の文字の色が調整できます。
「書体」では、説明文のフォントが調整できます。
「テキストシャドウ」では、説明文の文字の影が調整できます。
高度な設定
![](https://nocode-navi.com/elementor/wp-content/uploads/2022/05/ac02a410b9869d36a2912687d9981505-1024x493.png)
高度な設定は他のウィジェットと同様の仕様のため、本記事では割愛します。
注意書きの際に使おう!
![](https://elementor-hacks.com/wp-content/uploads/2022/05/saad-chaudhry-bAXqzTJ_OdQ-unsplash-1024x683.jpg)
説明は以上となります!
本ウィジェットは、説明書き、注意書きの際に使いましょう。
他にもウィジェットの使い方が知りたいという方は、あわせて下記記事をご覧ください。
- 【SoundCloud】ElementorのSoundCloudウィジェットを使って、サイトに歌を埋め込もう!
- 【Shortcode】Elementorのショートコードウィジェットを使ってプラグインとかも使い倒そう!
では、また〜