スマートフォンサイトを表示する

  1. TOP
  2. Jimdo逆引きコラム
  3. Jimdoの基本操作
  4. ウィジェット/HTMLを追加

Jimdo逆引きコラム

Jimdoの基本操作

ウィジェット/HTMLを追加

執筆:野崎 晃(株式会社デック)

2016年10月19日更新

  • このエントリーをはてなブックマークに追加

閲覧数1,310views

このコラムをPDF形式でダウンロードする

はじめてWEBはさまざまなコンテンツを組み合わせてホームページを作成していきます。
コンテンツを追加したい位置を決め、追加したいコンテンツの種類を選択、そのコンテンツに必要な入力や設定を行うだけで簡単にページに反映することができます。

「ウィジェット / HTML」はHTMLでページの編集を行ったり、JavaScriptなどのコードを挿入することができる機能です。外部のサービスが提供しているウィジェットのソースコードを貼り付けて、ホームページに埋め込むことができます。

まずはホームページにログインをします。
次に、ウィジェット/HTMLを追加したいページを表示します。

ウィジェット / HTMLのコンテンツを追加したい位置にカーソルを合わせます。
「コンテンツを追加」ボタンが表示されますので、このボタンをクリックします。

「コンテンツを追加」ボタンをクリックすると、コンテンツの一覧が表示されます。
一覧の下にある「その他のコンテンツ&アドオン」というボタンをクリックします。

「その他のコンテンツ」の中の「ウィジェット / HTNL」ボタンをクリックします。

ウィジェット / HTMLのコンテンツが作成されます。

入力欄にHTML、JavaScriptのコードを直接書き込むか、外部のサービスで取得したウィジェットのコードを貼り付けて、埋め込むことができます。

右上の虫眼鏡のマークをクリックすると、入力欄が画面いっぱいに広がり、コードの編集がしやすくなります。

ここではBenchmarkというメールマガジンの作成・送信ができるサービスのメール登録フォームを埋め込んでみます。Benchmarkのホームページから取得してきたJavaScriptのコードを貼り付けて「保存」ボタンをクリックします。

埋め込んだ時点では表示されない場合もありますので、表示がされない場合は一度ページの再読み込みをしてください。Benchmarkのサービスがメール登録フォームが表示されます。

おすすめの外部サービスは下記のページをご参照ください。

執筆者

執筆者の活用術

イベント管理のできるサービス「Doorkeeper」やページを自動で翻訳してくれるサービス「WOVN.io」など、さまざまなウィジェットがあります。はじめてWEBのホームページには無い機能は外部のサービスを使って補いましょう。

  • このエントリーをはてなブックマークに追加
このコラムをPDF形式でダウンロードする

野崎 晃(のざき・あきら)

野崎 晃(のざき・あきら)

株式会社デック 代表取締役/JimdoExpert
http://s-deck.jp/
http://jp-m.jimdo.com/

愛知県名古屋市を拠点に活動するWeb制作の会社の代表。
2009年Jimdoに出会い、より多くの人にJimdoの便利さ/楽しさを伝えるべく解説ページ「Jimdoでつくる簡単ホームページ!」を開設。JimdoJapan公式のJimdoCafeを運営するなど、Webサイトを多くの人にもっと身近に感じてもらうべく活動中。

著書に『WebデザイナーのためのJimdoスタイルブック』(共著、マイナビ)。

  • はじめてWEB 大感謝祭!~新規加入または2年目更新をし、アンケートに答えてギフト券をもらおう!~
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!
  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

Jimdo逆引きコラム週間アクセスランキング[期間:2017/4/16~2017/4/22]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ
    今ならキャンペーン実施中!