TOP > 機能システム > ショップ作成に関する機能 > HTMLエディタ
機能詳細
| 対応プラン |
|
|---|---|
| 機能名 | HTMLエディタ |
| こんな目的の機能です! | 特別なWEBの知識がなくても、文字を入力することでショップ内にページを作ることができる機能です。文字の色や大きさも簡単に変えることができます。 |
| こんなメリットあります! | 初心者でも簡単にページが作れる仕組みになっているので、気軽にページ作成ができます。特別なソフトの購入も必要ありません。 |
| 機能のしくみ | 管理画面上で簡単にページ作成が行えます。 |
| 機能の説明 |
設定方法をご説明いたします。
HTMLエディタ
エディターモードをクリックします。
そうすると下記別ウィンドウが立ち上がってきます。
それぞれメニューバーに表示されているボタンは下記内容になります。
| No. | 画像 | 項目名 | 備考 |
|---|---|---|---|
| 1 | ソース | テキストデータ←→ソース表示への切り替えができます | |
| 2 | 文書・プロパティ | ||
| 3 | 新しいページ | 新しいページが作成されます | |
| 4 | プレビュー | 作成した内容をブラウザで確認できます | |
| 5 | 切り取り | ドラッグした文字を切り取り | |
| 6 | コピー | ドラッグした文字をコピー | |
| 7 | 貼り付け | コピーした文字を貼り付け | |
| 8 | 元に戻す | 今行った作業を戻すことができます。 | |
| 9 | やり直し | 元に戻した作業を再度やり直すことができます | |
| 10 | すべて選択 | すべてを選択することができます。 | |
| 11 | フォーマット削除 | ||
| 12 | 太字 | 文字を太字にする | |
| 13 | 斜体 | 文字を斜体にする | |
| 14 | 下線 | 文字に下線をつける | |
| 15 | 打ち消し線 | 文字に打ち消し線をつけることができます | |
| 16 | 添え字 | 文字に添え字ができます | |
| 17 | 上付き文字 | 文字の上付きに文字を入れることができます | |
| 18 | 段落番号の追加/削除 | 段落番号を追加/削除することができます | |
| 19 | 箇条書きの追加/削除 | 段落番号を追加/削除することができます | |
| 20 | インデント解除 | 段落単位で字下げた作業を解除することができます | |
| 21 | インデント | 段落単位で字下げができます | |
| 22 | ヘルプ | ||
| 23 | 左揃え | 文字を左揃えにすることができます | |
| 24 | 中央揃え | 文字を中央揃えにすることができます | |
| 25 | 右揃え | 文字を右揃えにすることができます | |
| 26 | リンク挿入/編集 | リンクの挿入/編集が可能です | |
| 27 | リンク解除 | 設定したリンクを解除することができます | |
| 28 | アンカー挿入/編集 | ハイパーリンクのリンク元やリンク先を定義するタグの挿入・編集が可能です | |
| 29 | イメージ挿入/編集 | 画像データを挿入/編集することができます | |
| 30 | テーブル挿入/編集 | テーブルを挿入/編集することができます | |
| 31 | 横罫線 | 横罫線を挿入することができます | |
| 32 | 絵文字挿入 | 絵文字を挿入することができます | |
| 33 | 特殊文字挿入 | ! " # $ % & \' ( ) * + - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D E F G H IJ K L M N O P Q R S T U V W X Y Z [ ] ^_ ` a b c d e f g h i j k l m n o p q rs t u v w x y z { | } ~ ? ‘ ’ ’ “ ” ? ? ! ¢ £ ? \ | § ¨ c a ≪ ¬ R  ̄ ° ± 2 3 ´ μ¶ ・ , 1 o ≫ ? ? ? ? A A A A A A A C E E E E I I I I D N O O O O O × O U U U U YT s a a a a a a a c e e e e i i i i d no o o o o ÷ o u u u u u y t y ? ? ? ? ? ? ? ? ? … ? ? ? → ⇒ ⇔ ? ? | |
| 34 | テキスト色 | 文字にカラーをつけることができます | |
| 35 | 背景色 | 背景色を入れることができます | |
| 36 | スタイル | Red tittle,marker yellow,marker greenなどを選択することができます | |
| 37 | フォーマット | 標準、標準[div]、書式付き、アドレス、見出し3、見出し4 | |
| 38 | フォント | ||
| 39 | サイズ | 80%、90%、100%、120%、130%、150%の設定ができます |
例えば、aaaaという文字入力し、「スタイル」からMarker Yellow を選び、「ハイパーリンク」でhttp://ww.abplaza.jpに設定し「ソース」をクリックすると下記のような表示がされます。
リンクの挿入方法
リンクを貼りたい箇所をドラッグし、
のボタンをクリックすると下記画面が立ち上がります。
URLのところにリンク先を入力してOKをクリックしてください。
画像データの挿入方法
画像データを挿入したい場合は
をクリックします。そうすると、イメージプロパティが起動しますので、サーバーブラウザーをクリックします。
そうすると右の画面が立ち上がりますので、参照からデータを選択し、アップロードのボタンをクリックし画像をサーバーに登録します。
登録した画像をクリックし選択するとプレビューに画像が確認できるようになります。
登録したい画像であればOKボタンををクリックすれば完了です。


















