オレンジ通信です。

暦では立春を過ぎましたが、
まだまだ寒い日が続きそうです。
インフルエンザには気をつけましょう。


こんにちは！
オレンジスピリッツ、サポートの杉浦です。

今回はオレンジフォームのHTML埋め込みで、
ウェブサイトでのフォームの表示や動作についてご説明します。

これからフォームをウェブサイトに埋め込む方、
フォームを埋め込んでいて表示や動作がおかしい･･･と思っている方、
ぜひご確認くださいね！


ホームページ、ブログ、LPなどの
ウェブサイトにオレンジフォームを埋め込んでみたら･･･

１．フォームの表示がおかしい（デザイン・フォームの幅など）
２．2つ以上のフォームを設置したら、1つ目のフォームしか動かない
３．設置後のフォームに登録をすると登録データが文字化けする
こんなことはありませんか？

サイト作成サービスをご利用している方で、ご質問の多いのがこの3つです。
Q. HTMLコードをサイトに埋め込むと表示がおかしくります。
Q. 2つ以上のフォームを設置すると動作しません。
という場合の対処方法をお答えしますね！

※技術的な対処方法がありますので、
　 サイトやフォームのCSS・HTMLをカスタマイズされる場合はご注意ください。


１．フォームの表示がおかしい（デザイン・フォームの幅など）

ウェブサイトのテンプレートのCSS（スタイルシート）によって、
表示がおかしくなってしまうことがあります。

対処方法はこちら！
・フォームデザインがテンプレートデザインを反映している
　⇒フォームデザインを弊社のデザインにしたい場合、
　　 iframe（インラインフレーム）をご利用ください。

　　 ●iframe（インラインフレーム）を使用したフォームの設置方法
　　 https://support.orange-cloud7.net/form_no_display/

　⇒また、CSS・HTMLの知識がある方は、
　　 デザインなしのHTMLコードでカスタマイズを行なってください。
　　 ※カスタマイズによってはフォームが動作しないなど、
　　　　フォームに影響がありますのでご注意ください。

　　 ●HTMLコード（デザインなし）についての注意事項
　　 https://support.orange-cloud7.net/of_no_design/

・フォームの幅が広くなっている
　⇒幅を変更するHTMLタグ（widthタグ）を追加してください。

　　 ●ブログやホームページに貼り付けるオレンジフォームの幅を変更する
　　 https://support.orange-cloud7.net/of-formwidth/


２．2つ以上のフォームを設置したら、1つ目のフォームしか動かない

2つ以上の同じフォーム、または違うフォームを設置場合、
1つ目以降のフォーム以外動かなかったり、
指定したデザインカラー反映できてないこともあります。

フォームのHTMLコードの関係上
同じページ内に2つ以上のフォームを設置できないため、
対処方法を確認して、ご自分に合った方法でご利用ください。

対処方法はこちら！
・ページ内リンク（同じフォームを同じページに2つ以上設置している場合）
・ページ外リンク（別々のフォームを同じページに2つ以上設置している場合）
・iframe（インラインフレーム）

この3つの対処方法がありますので、
詳しくは以下のサポートサイトをご確認ください。

●ウェブサイトの同じページに複数のフォームを設置したい
https://support.orange-cloud7.net/form_no_display/


３．設置後のフォームに登録をすると登録データが文字化けする
　
フォーム設置後に登録をすると文字化けしてしまうことがあります。
原因はフォームに埋め込んでいる文字コード（UTF-8）と
ウェブサイトのCSSに違う文字コードが設定されている場合です。

対策法はこちら！
・設置しているウェブサイトの文字コードを
　 フォームの文字コード（UTF-8）に変更してください。

●投稿結果が文字化けしてしまう場合の対処方法
https://support.orange-cloud7.net/form_no_display/


CSSやHTMLはウェブサイトを作成する時に必要な言語です。
私も始めてみよう！と思った時は
CSS？HTML？何に使うの？？と分からなかったので、
色々調べて、自分でカスタマイズできるくらいには身につきました笑

もし、ウェブサイトを作成されていても
CSSやHTMLのカスタマイズが難しい時は
サポートの対象外で回答ができないこともあります。

その時は、CSSやHTMLが細かく記載されているサイトを
ご参考にすることをおすすめいたします！

●参考：1時間で作るホームページ WEBデザインの素
http://www.shoshinsha.com/hp/index.html


【編集後記】
最近販売されてかなり盛り上がってるゲームがありますね！
某動画サイトで多くのユーザーが生配信をしている･･･
【モンスターハンターワールド】

私もゲームが好きで、「モンスターハンター2G」からやってます。
一人でやると初期モンスターすら倒せなかったのですが、
「モンスターハンターフロンティア」というオンラインを始めて、
オンラインの友達と倒せたのを思い出します(^^♪

友達のおかげで一人でも倒せるようになって、
自信がついて、色んなモンスターに一人で挑むことがよくありました！
昔はゲームと言えば頭が悪くなると言われてましたが、
今はゲームでこそ学べることも多いと思います。

私がゲームから学んだのは、
始めは一人でできなくても他の人と一緒にやって、
自分に自信がついて、一人でやれるようになること！です(^^)v

今の私を変えてくれた1作品で、今でもモンハンは大好きです。
そんなゲーム好きの杉浦でした！！