TOP > 機能システム > ショップ作成に関する機能 > HTMLエディタ

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をクリックしてください。

URLのところにリンク先を入力してOKをクリック

画像データの挿入方法

画像データを挿入したい場合はイメージ挿入/編集をクリックします。そうすると、イメージプロパティが起動しますので、サーバーブラウザーをクリックします。
そうすると右の画面が立ち上がりますので、参照からデータを選択し、アップロードのボタンをクリックし画像をサーバーに登録します。

アップロードのボタンをクリックし画像をサーバーに登録

登録した画像をクリックし選択するとプレビューに画像が確認できるようになります。
登録したい画像であればOKボタンををクリックすれば完了です。

プレビューで画像を確認して登録

このページのトップへ

無料 サーバー|商品仕入ならA&Bトレード

無料サーバー|ネットショップ レンタルサーバー A&Bプラザ:ガイド

商品検索サイト商品検索サイト

A&Bプラザ全てのショップは商品検索サイト「サーチプラザ」に掲載することができます。登録されているショップをカテゴリ別に見ることができます。

サプリ・健康食品・ダイエット食品 化粧品 軽食品 健康グッズ 美容グッズ ファッション アパレル ライフグッズ アイデアグッズ 家電 寝具・インテリア UV対策 ラブライフ

無料 サーバー|これを見ればすぐにわかる! A&Bプラザ

無料 サーバー|これを見ればすぐにわかる! A&Bプラザ

無料サーバー|ネットショップ レンタルサーバー A&Bプラザ:ガイド

無料サーバー|ネットショップ レンタルサーバー A&Bプラザ:お問い合わせはこちら

トラストE取得しています

さぶみっと!検索エンジン登録

さぶみっと!懸賞キャンペーンサイト登録

QRのススメ

被リンクチェックツール hanasakigani.jp

検索数予測チェック - 無料SEOツール/アクセス数比較  aramakijake.jp

無料SEO診断ツール itomakihitode.jp

AdobeReaderの無料配布