ホームページアドレスは下記のようなURLになっています。

http:/www.kitenn.jp/*****/　

*****の部分はお客様ごとに異なり、ご契約完了後にお届けするメールに記載されています。

フッター部分にあるフォームにIDとパスワードを入力してログインしてください。
IDはお申し込み時にお客様が指定したものです。お申し込み直後の自動返信メールにも記載されています。
パスワードはご契約完了後にお届けするメールに記載されています。

ログインした状態でホームページを表示すると、編集可能領域には「編集」という文字が表示されていますので、そこをクリックして編集画面を開いてください
※ログインしていない状態では「編集」は表示されません。

「タイトル」「本文」の部分にワープロ感覚で文字を入力してください。編集画面の「本文」の文章で改行を行なうと、実際のホームページ上でも改行が入ります。

テンプレートによっては「タイトル」の内容がメニュー部分になっている場合もあります。その場合「タイトル」が長くなるとレイアウトが乱れる事もありますので調整してください。

編集画面の本文で画像やメディアファイルを挿入したい位置にカーソルを合わせておき、画像貼り付けボタンをクリックします。

画像ファイルの一覧が表示されます。貼り付けたい画像がリストにある場合は①からファイル名をクリックし、無い場合は②をクリックして画像をアップロードします。



※画像をアップロードする場合は、①を押してファイルを選択した後、②を押します。すると上図のファイルリストに追加されて貼り付けが可能となります。

編集画面の本文で文字スタイルを変更したい文字列を選択し、太字または斜体のボタンをクリックします。

太字なら｢B｣、斜体なら｢I｣をクリック！

選択していた文字列の前後に、文字スタイルを変更するためのタグ<b></b>(斜体の場合は<i></i>)が挿入されます。

編集画面の本文で文字配置を変更したい文字列を選択し、左揃え、中央揃え、または右揃えのボタンをクリックします。

希望する配置ボタンをクリック！
例は中央揃えの場合


選択していた文字列の前後に、文字配置を変更するためのタグ
<div style="text-align:center"></div> が挿入されます。

　※左揃えはleft, 中央揃えはcenter, 右揃えはright がそれぞれ入ります

編集画面の本文でリンクを挿入したい文字列を選択し、リンク作成ボタンをクリックします。

クリック！

リンク先を入力する画面が開くので、URLを http:// から入力してOKボタンを押してください。

※「リンククリックでメールソフトを起動させる方法」はこちら

左図のように画像の横に文字列を回りこみさせて表示したい場合は、編集画面にて、回り込みさせる文章の前位置に、まず画像を挿入します。

そして、挿入した画像の文字列を選択状態にしたら、LeftBoxボタンまたはRightBoxボタンをクリックします。

※左側に画像を置く場合がLeftBox


※右側に画像を置く場合がRightBox




選択していた画像の前後に回り込みタグ
<div class="rightbox"></div> が挿入されます。

　※leftbox, rightbox のいずれかが入ります。

『<Font Size="1">～</Font>』を挿入して文字サイズを指定します。数字が大きくなるほど文字サイズも大きくなります。

【例】　　<Font Size="1">文字サイズを変更したい文章を挟むように記述</Font>

『<Font Color="○○">～</Font>』を挿入して文字色を指定します。
○○には「色を表す文字」又は「#+16進数カラーコード」(HTMLが分かる方のみ)を指定します。

色		色を表す文字	記述例
赤	サンプルテキスト	Red	<Font Color="Red">サンプルテキスト</Font>
マロン	サンプルテキスト	Maroon	<Font Color="Maroon">サンプルテキスト</Font>
黄色	サンプルテキスト	Yellow	<Font Color="Yellow">サンプルテキスト</Font>
オリーブ	サンプルテキスト	Olive	<Font Color="Olive">サンプルテキスト</Font>
ライム	サンプルテキスト	Lime	<Font Color="Lime">サンプルテキスト</Font>
緑	サンプルテキスト	Green	<Font Color="Green">サンプルテキスト</Font>
アクア	サンプルテキスト	Aqua	<Font Color="Aqua">サンプルテキスト</Font>
濃緑	サンプルテキスト	Teal	<Font Color="Teal">サンプルテキスト</Font>
青	サンプルテキスト	Blue	<Font Color="Blue">サンプルテキスト</Font>
ネイビー	サンプルテキスト	Navy	<Font Color="Navy">サンプルテキスト</Font>
ピンク	サンプルテキスト	Fuchsia	<Font Color="Fuchsia">サンプルテキスト</Font>
紫	サンプルテキスト	Purple	<Font Color="Purple">サンプルテキスト</Font>
シルバー	サンプルテキスト	Silver	<Font Color="Silver">サンプルテキスト</Font>
グレー	サンプルテキスト	Gray	<Font Color="Gray">サンプルテキスト</Font>

GoogleMapのサイトで目的の地図を表示し、地図右上にある｢リンク｣をクリックします。

■地図へのリンクを表示する場合
（※こちらを推奨しています）
「このリンクをメールに貼り付けて地図を共有できます」のコードをコピーして、記事編集でリンクを作成したい文字列を選択して、通常の「リンクを作成する」の操作を行ない、リンク先URLに貼り付けてください。

■地図を埋め込み表示する場合
「HTMLを貼り付けてサイトに地図を埋め込みます」のコードをコピーして、記事編集で埋め込みたい場所にカーソルを置き貼り付けてください。

※KITENNサービスでは地図へのリンク表示を推奨しています。
　埋め込み表示にすると地図のサイズによってレイアウトが乱れたり、ホームページの表示に時間が掛かったりするのでご注意ください。

編集画面の本文でメールアドレスの文字列を選択し、リンク作成ボタンをクリックします。

リンク先を入力する画面が開くので、URL入力のhttp://を消して、mailto:*****@icomt.jp のように mailto: を先頭に記述し、その後にメール送信するアドレスを入力してOKボタンを押してください。

編集画面「本文」の入力エディタ部分で改行すると、実際のホームページ表示でも改行が入ります。
通常、ワープロ感覚で文章を入力している際には便利な仕様ですが、左図の例のようにHTMLタグを利用されるお客様の場合、不要な改行が入ってしまい、この機能が邪魔になる場合があります。

その際は、特殊タグ<%nobr%>と<%/nobr%>を記述すると、そのタグで挟んでいる範囲において、自動改行が行なわれなくなります。

※逆に、その範囲で改行したい場合は<br>タグを書く必要があります。

ご契約時はデフォルトのメイン画像が表示されており、ホームページ上の「メイン画像を変更」をクリックすると、本文には <img src="/lib/images/main_01.jpg" /> のような記述がされています。

※メイン画像を全く表示したくない場合には、この記述を以下のように変更します。
<img src="/lib/images/main_01.jpg" />
↓
<!-- <img src="/lib/images/main_01.jpg" /> -->

※オリジナルの画像を貼り付けたい場合は、まず上記の変更を行なったうえで、その下に通常の画像貼り付け手順でオリジナルの画像を貼り付けてください。

※デフォルトのメイン画像に戻したい場合は
<!-- <img src="/lib/images/main_01.jpg" /> -->
上記のように変更したものを、
<img src="/lib/images/main_01.jpg" />
に戻し、それ以外のオリジナル画像を貼り付ける為の記述等がある場合は削除してください。