自分のページをブラウザで開くホームページアドレスは下記のような URL になっています ***** の部分はお客様ごとに異なりご契約完了後にお届けするメールに記載されていますログイン方法フッター部分にあるフォームに ID とパスワー

Size: px

Start display at page:

Download "自分のページをブラウザで開くホームページアドレスは下記のような URL になっています ***** の部分はお客様ごとに異なりご契約完了後にお届けするメールに記載されていますログイン方法フッター部分にあるフォームに ID とパスワー"

いちえいみうら
6 years ago
Views:

1 いちまいホームページ編集操作マニュアル目次操作方法基本編自分のページをブラウザで開くログイン方法編集画面の開き方文章を入力する画像を挿入する文字スタイル ( 太字斜体 ) を変更する文字配置 ( 左揃え中央揃え右揃え ) を変更するリンクを作成する画像横への文字回り込み (LeftBox,RightBox) を使用する操作方法応用編文字サイズを変更する文字色を変更する Google マップの貼り方メールアドレスのクリックでメールソフトを起動させる自動改行を禁止する方法メイン画像を変更する方法 1

自分のページをブラウザで開くホームページアドレスは下記のような URL になっています http://www.ichi-mai.

2 自分のページをブラウザで開くホームページアドレスは下記のような URL になっています ***** の部分はお客様ごとに異なりご契約完了後にお届けするメールに記載されていますログイン方法フッター部分にあるフォームに ID とパスワードを入力してログインしてください ID はお申し込み時にお客様が指定したものですお申し込み直後の自動返信メールにも記載されていますパスワードはご契約完了後にお届けするメールに記載されています編集画面の開き方ログインした状態でホームページを表示すると編集可能領域には編集という文字が表示されていますのでそこをクリックして編集画面を開いてくださいログインしていない状態では編集は表示されません 2

3 文章画像編集ボタン章を入力像を挿入集画面の本文ンをクリック力する入する文で画像をクしますを挿入したい 3 い位置にカータイトル字を入力文章で改上でも改テンプレーニュー部の場合タれる事もあファイルリックす開きます画像ファ付けたいファイルリックしてーソルを合わル本文の力してください改行を行なう改行が入りまートによって部分になってタイトルがありますのルリストからすると画像のすァイルの一覧い画像がリスル名をクリッて画像をアわせておきの部分にワーい編集画うと実際のますてはタイトルている場合もが長くなるとレので調整してら挿入するフの説明を入力覧が表示さストにある場ックし無い場アップロードしおき画像貼り付けタイトル本文の部分にワープロ感覚で文字を入力してください編集画面の本文の文章で改行を行なうと実際のホームページテンプレートによってはタイトルの内容がメニュー部分になっている場合もありますその場合タイトルが長くなるとレイアウトが乱れる事もありますので調整してくださいファイルリストから挿入するファイル名をクリックすると画像の説明を入力する画面が画像ファイルの一覧が表示されます貼り付けたい画像がリストにある場合は 1 からファイル名をクリックし無い場合は 2 をクリックして画像をアップロードしますおき画像貼り付けタイトル本文の部分にワープロ感覚で文字を入力してください編集画面の本文の文章で改行を行なうと実際のホームページテンプレートによってはタイトルの内容がメニュー部分になっている場合もありますその場合タイトルが長くなるとレイアウトが乱ファイルリストから挿入するファイル名をクリックすると画像の説明を入力する画面が画像ファイルの一覧が表示されます貼り付けたい画像がリストにある場合は 1 からファイル名をクリックし無い場合は 2 をク

4 OK を押すと画像像を表示するためのタグ (<%image(******)%>) が挿入されます編編集画面を保保存してページを確認認すると画像像が表示されています画像をアップロードする場合は 1を押してファイルを選選択した後 2を押しますすると上図のファイルリストに追加加されて貼り付けが可能能となりますご注意アップロードするファイルに全角文文字は使用しないでください ( 正しく表示できません ) アップロード可能なファイルサイズは 2MByte 以内となります文字字スタイル ( 太字斜体 ) を変変更する編集集画面の本文文で文字スタイルを変変更したい文文字列を選択択し太字または斜体体のボタンをクリックします太字字なら B 斜斜体なら I をクリック! 選択択していた文文字列の前後後に文字字スタイルを変更するためのタグ ( 斜体の場合合は ) が挿入されます 4

5 文字字配置 ( 左揃え中中央揃え右揃ええ ) を変更する編集集画面の本文文で文字配配置を変更したい文字字列を選択し左揃え中央揃えまたは右右揃えのボタンをクリックします希望望する配置ボタンをクリック! 例は中央揃えの場合選択択していた文文字列の前後後に文字配配置を変更更するためのタグ <div style="text-align:center"></div> > が挿入されます左揃えは left, 中央揃えは center, 右揃えは right がそれぞれ入ります 5

6 リンクを作成成する編集集画面の本文文でリンクを挿入したい文字列を選択しリンク作成ボタンをクリックしますクリック! リンク先を入力する画面が開くので URL をから入入力して OK ボタンを押押してください 6

7 画像像横への文字回り込み (LeftBox,RightBox) を使用する左図図のように画画像の横に文文字列を回回りこみさせて表示示したい場合合は編集集画面にて回り込込みさせる文文章の前位位置にまず画像を挿入しますそして挿入した画像の文文字列を選選択状態態にしたら LeftBox ボタンまたは RightBox ボタンをクリックします左側に画像像を置く場合合が LeftBox 右側に画像をを置く場合が RightBox 選択択していた画像の前後後に回り込込みタグ <div class= ="rightbox"> ></div> が挿入されます leftbox, rightbox のいずれかが入りますご注意回り込込み設定を行なった後後は回り込込みが不要要となる文章章の前か記記事の一番番最後に解解除タグ を入れてください 7

8 文字サイズを変更する ~ を挿入して文字サイズを指定します数字が大きくなるほど文字サイズも大きくなります例 文字サイズを変更したい文章を挟むように記述 1 : 1 2 : 2 3 : 3 4 : 4 5 : 5 6 : 6 文字色を変更する ~ を挿入して文字色を指定しますには色を表す文字又は #+16 進数カラーコード (HTML が分かる方のみ ) を指定します色サンプル色を表す文字記述例赤サンプルテキスト Red サンプルテキスト マロンサンプルテキスト Maroon サンプルテキスト 黄色サンプルテキスト Yellow サンプルテキスト オリーブサンプルテキスト Olive サンプルテキスト ライムサンプルテキスト Lime サンプルテキスト 緑サンプルテキスト Green サンプルテキスト アクアサンプルテキスト Aqua サンプルテキスト 濃緑サンプルテキスト Teal サンプルテキスト 青サンプルテキスト Blue サンプルテキスト 8

色サンプル色を表す文字記述例ネイビーサンプルテキスト Navy <Font Color="Navy"> サンプルテキスト </Font> ピンクサンプルテキスト Fuchsia <Font Color="Fuchsia"> サンプルテキスト </Font> 紫サンプルテキスト Purple <Font Color="Purple"> サンプルテキスト </Font> シルバー

9 色サンプル色を表す文字記述例ネイビーサンプルテキスト Navy サンプルテキスト ピンクサンプルテキスト Fuchsia サンプルテキスト 紫サンプルテキスト Purple サンプルテキスト シルバーサンプルテキスト Silver サンプルテキスト グレーサンプルテキスト Gray サンプルテキスト Google マップの貼り方 Google マップのサイトで目的の地図を表示し 1 共有をクリックします地図へのリンクを表示する場合 ( こちらを推奨しています ) リンクを共有のコードをコピーして記事編集でリンクを作成したい文字列を選択して通常のリンクを作成するの操作を行ないリンク先 URL に貼り付けてください地図を埋め込み表示する場合地図を埋め込むのコードをコピーして記事編集で埋め込みたい場所にカーソルを置き貼り付けてくださいいちまいホームページサービスでは地図へのリンク表示を推奨しています埋め込み表示にすると地図のサイズによってレイアウトが乱れたりホームページの表示に時間が掛かったりするのでご注意ください 9

10 メーールアドレスのクリックでメールソフトを起動動させる編集集画面の本文文でメールアドレスの文文字列を選選択しリンク作成ボタンをクリックしますリンク先を入力する画面が開くので URL 入力の http: :// を消してのように mailto: を先先頭に記述しその後にメール送送信するアドレスを入力力して OK ボタンを押してください自動動改行を禁止する方法編集画画面本文の入力エディタ部分で改行すると実際のホームペーージ表示でも改行が入入ります通常常ワープロ感覚で文章章を入力している際には便利な仕仕様ですが左図の例例のように HTML タグを利用されるお客様の場合不要要な改行が入ってしまいこの機機能が邪魔魔になる場合合がありますその際は特殊殊タグ <%nobr%> と <%/nobr%> を記述述するとそのタグで挟挟んでいる範囲において自動動改行が行なわれなくなります逆にその範範囲で改行したい場合は タグを書く必要があります 10

11 メイン画像を変更する方法ご契約時はデフォルトのメイン画像が表示されておりホームページ上のメイン画像を変更をクリックすると本文には <img src="/lib/images/main_01a.jpg" /> のような記述がされていますメイン画像を全く表示したくない場合にはこの記述を以下のように変更します <img src="/lib/images/main_01a.jpg" />  オリジナルの画像を貼り付けたい場合はまず上記の変更を行なったうえでその下に通常の画像貼り付け手順でオリジナルの画像を貼り付けてくださいデフォルトのメイン画像に戻したい場合は  上記のように変更したものを <img src="/lib/images/main_01a.jpg" /> に戻しそれ以外のオリジナル画像を貼り付ける為の記述等がある場合は削除してくださいいちまいホームページサービス初版改訂 11

KITENN 編集操作マニュアル

KITENN 編集操作マニュアル KITENN 編集操作マニュアル目次操作方法基本編自分のページをブラウザで開くログイン方法編集画面の開き方文章を入力する画像メディアファイルを挿入する文字スタイル( 太字斜体 )を変更する文字配置 ( 左揃え中央揃え右揃 )を変更するリンクを作成する画像横