• 0k
  • 0
ウェブデザイン \ 2014年10月5日

HTMLアプリを活用するためのWix必読書

Wix を使えば、コーディングやプログラミングの知識がなくても、ホームページを作成できます。クリック一つでホームページにパーツの追加や削除ができる、簡単な無料オンラインツールをご用意しています。

しかし、Wix エディタにないツールやコンテンツをサイトに追加したい場合はどうしたらいいのでしょう? 外部サイトや機能を Wix サイトに適用することはできるでしょうか。答えは、もちろん可能です! HTML アプリを使うことで、外部サイトやサービスが提供するコンテンツ、アプリ、メディアを表示することができます。

HTMLアプリを活用するためのWix必読書

HTML とは?!

コラージュ作品を思い浮かべてみてください。HTML アプリを使うと、どこかで見つけたお気に入りの写真やアートを、自分のコラージュに貼付けるように、追加することができます。ここでいうコラージュとは、あなたのホームページのことです。

外部コンテンツを、ページ全体に配置することもできますし、他のコンテンツや機能など一緒に表示することもできます。他の Wix エディタのパーツと同じく、自由にサイズを調節したり、ドラッグ&ドロップで移動が可能です。

HTML アプリを利用して、外部コンテンツをサイトに埋め込むには、2通りの方法があります。

  • サイト URL を使って iFrame で外部サイトを埋め込む方法。あなたのホームページ内に、外部サイトのコンテンツを表示できます。例えば、アメブロやネットショップ、ウィキペディアなど、外部サイト全体を Wix サイトに表示したい場合にとても便利です。

HTMLアプリでウェブアドレスを使ってページを埋め込む方法

  • HTML コード自体を使って、HTML コードを埋め込む方法。これは、サイトに役立つサービスだけど、エディタやWix App Market にまだ対応していないサービスを統合したい時に便利です。

HTMLアプリを使って、HTMLコードでコンテンツを埋め込む方法

HTML アプリを使ってこんなコンテンツをサイトに追加できます

HTML アプリには目を見張る使い方がたくさんあります。ここでは、そのほんの一部をご紹介しましょう。

  • Facebook で公開しているあなた、または他人の投稿を埋め込むことができる「Facebook 投稿の埋め込み」機能は、サイト上に投稿を単独で表示します。

Facebook の投稿を埋め込んで表示

  • オーディオ/動画プレイヤー、プレイリスト機能。ほとんど全ての動画サイトがメディア埋込みツールを提供しています。
  • 商品やサービスについてのレビューサイトを表示しましょう。
  • PreziSlideShare のプレゼンテーションを埋め込みましょう。

SlideShare のプレゼンテーションを表示

  • 参加している外部運営のチャットルームやオンラインフォーラムも表示できます。
  • 自社や個人サイトについてのオンライン記事やインタビューを表示しましょう。
  • 通貨変換や計算機、その他の金融ツールをサイトに追加したい場合。
  • 最近のつぶやきを表示するTwitter フィード。
  • 投票、クイズ、調査。
  • DropboxGoogle ドキュメントに保存している文書。

HTMLアプリを使う際の注意点

  • HTML アプリを使って埋め込まれた機能やサイトは、Wix サイト内で正常に動作することを検証されているわけではありません。つまり Wix サポートチームは、HTML アプリを使って追加したコンテンツに関するお問合わせに回答できない場合があります。そのため、以下のような外部サイトで動作をテストしてみることを推奨します:

w3schools.com

jsfiddle.net

  • HTML アプリで追加した動画やメディアプレーヤーは、サイトのページを移動しても自動停止しません。次のページに移動する前に、手動で停止することをお勧めします。
  • HTML コードに記載できる文字数の制限は8,192字です。

HTML アプリを使って、外部コンテンツを埋め込んでいますか? あなたのサイトのリンクをコメント部分でシェアして、ぜひご紹介ください!

オンラインビジネスをはじめる準備はいいですか?Wixで無料ホームページを作成しましょう!


今すぐ Wixブログ を
無料購読しよう!

Wixブログを購読しよう 役立つ情報をいち早くゲット!

正しいメールアドレスを
入力して下さい

正しいメールアドレスを
入力して下さい Email already exists

正しいメールアドレスを
入力して下さい Invalid email

Wixブログを購読 \ 

WebデザインやWix新機能についての
最新情報を無料でお届けします!

正しいメールアドレスを
入力して下さい

正しいメールアドレスを
入力して下さい Email already exists

正しいメールアドレスを
入力して下さい Invalid email