現在の天気ウィジェット
MULTI DEVICE。
私たちの現在の天気予報のウィジェットをコピー&ペーストしてください。
<script src="https://widget.vpn.com/vpn-widget.js"></script>
<div
class="vpn-widget"
type="weather/current"
></div>
私たちの現在の天気予報のウィジェットを埋め込む方法
ウィジェットを埋め込むには、まずこのコードをウェブページに一度だけ記述する必要があります。
。
埋め込み可能なウィジェットをWebページに配置するには、class="vpn-widget"、type="[widget name]"のdivを作成します。
<div
class="vpn-widget"
type="weather/current"
></div>
オプション属性
- クラス - 含有するdivには、必要に応じて追加のcssクラスを割り当てることができます。
- スタイル - の中に埋め込まれているからです。 <div> 要素のコンテンツに独自のスタイリングを指定することができます。
- 幅 - ウィジェットのサイズを変更するには,width 属性を指定します。高さは指定された幅に基づいて計算されます。
- ラング - ウィジェットを特定の言語に翻訳します(例:en、it、es)。
国際化
デフォルトでは、各ウィジェットの翻訳にブラウザの言語が使われます。オプションの `lang` 属性でこれをオーバーライドすることができます。
現在の天気予報のスタイリング
ウィジェットには独自のスタイルがありますが、CSSを使用してこれらのスタイルを拡張したり、上書きしたりすることができます。ウィジェットは独自のdivに包まれており、Webページのdiv内に配置されます。
例えば、ウィジェットのタイトルを赤に変更するには、スタイルを作成し、そのクラスを包含するdivに割り当てます。
<style>
.red-header header {
color: red;
}
</style>
<div class="vpn-widget red-header" type="weather/current">ローディング...</div>
あらゆるCSSスタイルをハード的にオーバーライドするには、CSSディレクティブの「! important」を使用します。
よくある質問
現在の天気予報とは何ですか?
ユーザーの現在地の天気を検知して表示するウィジェットです。
現在の天気予報を必要とする人はいますか?
ホームページの訪問者に、現在の天気に関する情報を閲覧させたい方。
なぜ現在の天気予報を使用する必要があるのですか?
天気予報ウィジェットは、現存するウィジェットの中で最も便利なタイプの一つである。訪問者は、現在の天気に関する情報をすばやく収集できることに感謝する。
現在の天気予報はどのように使用するのですか?
ウィジェットは、あなたのウェブサイトやブログの表示させたい場所に埋め込んで使用します。一度埋め込むと、ウィジェットは意図したとおりに動作し、お客様によるメンテナンスは必要ありません。
この現在の天気予報のウィジェットは何か費用がかかりますか?
No!当サイトのウィジェットはすべて100%で、無料でご利用いただけます。
現在の天気予報のウィジェットを埋め込むことはできますか?
Yes!上記の説明に従って、あなたのウェブサイトやブログにウィジェットを埋め込んでください。
どのように私はこの現在の天気予報のウィジェットを埋め込むのですか?
上記の手順で、あなたのウェブサイトやブログに当社のウィジェットを埋め込んでください。私たちが提供するコードをコピーして貼り付けるだけなので、とても簡単です。
現在の天気予報のウィジェットを埋め込むことは安全ですか?
はい!VPN.comのすべてのウィジェットを埋め込んでも全く問題ありません。
現在の天気予報のウィジェットを埋め込むには、どれくらいの時間がかかりますか?
このウィジェットのインストールには5分もかかりません。コードをコピーして、あなたのウェブサイトやブログに貼り付けるのと同じ時間だけかかります。
この現在の天気予報のウィジェットを埋め込むために開発者が必要ですか?
いいえ、このウィジェットを埋め込むために開発者は必要ありません。このページには、ウィジェットを埋め込むために必要なものがすべて用意されています。
WordPressに現在の天気予報のウィジェットを埋め込むことはできますか?
はい!!(笑当社のウィジェットは、すべてのWordPressウェブサイトに対応しています。
HTMLに現在の天気予報のウィジェットを埋め込むことはできますか?
はい、弊社のすべてのウィジェットをHTMLに埋め込むことができます。必要なHTMLコードは、上記の説明と一緒に提供されています。