ブログに【天気予報】を埋め込み表示できちゃう?!【ハリテン】とは?

テクノロジー
スポンサーリンク

みなさんこんにちは!おさかなです!

今回は「ハリテン」について、書いていこうと思います!

それでは、レッツゴー!!!!!

想定読者
・ブログに「天気予報」を埋め込みたい方
・サイトを運営している方
・天気予報ウィジェットを探している方

天気予報をのせたい!

おさかな
おさかな

天気予報をブログに掲載したいな…。

ナビまる
ナビまる

それなら「ハリテン」がおすすめ!

おさかな
おさかな

お〜!さっすがナビまる!

https://osakanav.com/seesaa

「ハリテン」って何?

「ハリテン」とは、株式会社サイトクリエーションが提供する、天気予報のウィジェットサービスのことです。
郵便番号を入力するだけで「地域」を指定でき、HTMLコードを貼り付けて、Webサービスやブログ内に挿入できます!(便利!)

https://sitecreation.co.jp/tenkiyohou/

https://osakanav.com/formrun

実際につかってみよう!

コードを取得しよう!

それでは早速サイトにアクセスします!

ページを少しスクロールすると、設定画面が表示されます!(おお!)

まず、「地域を選択」という項目に、取得したい住所の「郵便番号」を入力します。

入力できたら「反映」ボタンを押します!(ポチッと)

すると…?
こんな感じで、天気のプレビューが表示されました!(おー!)

他にも「表示日数」や「表示項目」、「色」などをお好みで設定することができます!(ふむふむ…。)

設定が完了したら「コードを取得する」ボタンを押しましょう!(えーい!)

コードが表示されたら、「クリップボードにコピーする」を押して、コピーしておきます。

(あと、もうちょっと…🚩)

設置しよう!

先ほど取得したコードを、設置していきましょう!(※今回はWordPressサイトに設置します。)

まずは「+プラスマーク」を押します。

次に「カスタムHTML」を選択しましょう!(よいしょ!)

表示されたブロックに、先ほどコピーしたコードを「貼り付け」ます。

「プレビュー」を押して、確認してみると…?
良い感じに設置することができました!(おめでとう✨)

↓実際に作成したものがこちら

おさかな
おさかな

お天気情報を設置しちゃおう〜🌄

これで全ての操作は完了です。(やった~!)
お疲れ様でした☕

ここまで読んでくださり、ありがとうございました!

https://osakanav.com/paid-articles-wordpress-codoc

おさかな

文章が書けちゃう、新種のおさかなです。元不登校。紆余曲折あり、現在はフリーライターとして活動中。化粧品検定2級。IT、サブカルチャー、ファッション、コスメ、グルメ、シナリオまで色々書きます。SAOのユウキが好きです!

おさかなをフォローする

タイトルとURLをコピーしました