入力エディタ
入力エディタは下図の入力を行う部分の事を指します。
入力エディタは入力した文字の大きさや色を変えたり、画像やリンクを挿入したりすることができます。

ソースモード

[ソース] をクリックするとソースモードに切り替わります。
ソースモードではHTMLタグが表示されます。HTMLタグが理解できる方は直接タグを入力してページを作成できます。また、広告等のコードを貼付ける際にはソースモードに切り替えてから貼付ける必要があります。
元に戻す・やり直し
![]()
左矢印で行なった操作を元に戻せます。右矢印で元に戻した操作をやり直せます。
別のページへ移動して画面が更新されると、記憶されている操作履歴はリセットされます。
スタイル

文字のスタイルを変更できます。
- スタイルを適用したい行をクリックしてカーソルを移動します。
をクリックしてスタイルリストを表示します。- 適用したいスタイルをクリックして設定完了です。
フォーマット

文字のフォーマットを変更できます。
- フォーマットを適用したい行をクリックしてカーソルを移動します。
をクリックしてフォーマットリストを表示します。- 適用したいフォーマットをクリックして設定完了です。
フォント

文字のフォーマットを変更できます。
- フォントを適用したい行をクリックしてカーソルを移動します。
をクリックしてフォントリストを表示します。- 適用したいフォントをクリックして設定完了です。
この文章には「明朝」が設定されています。
この文章には「手書き風」が設定されています。
指定したフォントがない環境の場合、近い表示のフォントが使用されます。
文字の大きさ

文字のサイズ(大きさ)を変更できます。
- 文字の大きさを変更したい範囲をドラッグして選択します。
をクリックしてサイズのリストを表示します。- お好みのサイズをクリックして設定完了です。
文字色

文字の色を変更できます。
- 文字の色を変更したい範囲をドラッグして選択します。
をクリックして色選択パネルを表示します。- お好みの色をクリックして、設定完了です。

文字背景色

文字の背景色を変更できます。
- 文字の背景色を変更したい範囲をドラッグして選択します。
をクリックして色パネルを表示します。- お好みの色をクリックして、設定完了です。

太字

太字を適用すると文字が強調されて太字で表示されます。
- 太字にしたい文字の範囲をドラッグして選択します。
をクリックして、設定完了です。
斜体

文字を斜体にします。
- 斜体にしたい文字の範囲をドラッグして選択します。
をクリックしして、設定完了です。
下線(アンダーライン)

文字に下線を引きます。
- アンダーラインを引きたい範囲をドラッグして選択します。
をクリックして、設定完了です。
打ち消し線(取り消し線)

文字に打ち消し線(取り消し線)を引きます。
- 打ち消し線を引きたい範囲をドラッグして選択します。
をクリックして、設定完了です。
添字

添字の設定。
- 添字または上付き文字にしたい範囲をドラッグして選択します。
をクリックします。
上付き文字

上付き文字の設定。
- 上付き文字にしたい範囲をドラッグして選択します。
をクリックします。
書式を解除

設定されている書式を解除します。
- 書式を解除したい範囲をドラッグして選択します。
をクリックすると設定されている書式が解除されます。
リスト

数字が付けられたリストや丸のマーク付きの箇条書きリストを作成できます。
- リストにしたい行にカーソルを移動するか複数の行をドラッグして選択します。
をクリックすると、数字が順番に付けられたリストが作成されます。
をクリックすると、丸のマーク付きリストが作成されます。
- リスト1
- リスト2
- リスト3
- リスト1
- リスト2
- リスト3
インデント

文章の左側にスペースをとることができます。
- インデントしたい行にカーソルを移動します。
をクリックします。- 必要に応じて複数回クリックする事でインデントの幅を広げることができます。
をクリックすると、インデントされた部分を元に戻します。
インデントサンプル
インデントサンプル
インデントサンプル
インデントサンプル
インデントサンプル
インデントサンプル
インデントサンプル
インデントサンプル
インデントサンプル
行揃え

文章の行揃えを設定できます。
行揃えを設定したい行にカーソルを移動して行揃えのボタンをクリックします。

この文章は左揃えです。
この文章は左揃えです。
この文章は左揃えです。

この文章は中央揃えです。
この文章は中央揃えです。
この文章は中央揃えです。

この文章は右揃えです。
この文章は右揃えです。
この文章は右揃えです。

この文章は均等割付けを行っています。文字間を調整して、両端を揃えることができます。
行揃えを利用することで、綺麗なレイアウトを保つことができます。
フォーマット削除

適用されているスタイル・色・行揃え等を解除します。
- フォーマットを削除したい範囲をドラッグして選択します。
をクリックしてフォーマットを削除します。
画像
画像をアップロードしていない場合
- 画像を挿入したい場所へカーソルを移動します。
をクリックします。- ファイルの選択画面が表示されますので、ファイルを選択します。
- [アップロード] をクリックします。
すでにアップロードしている画像を表示する場合
- 画像を挿入したい場所へカーソルを移動します。
をクリックします。- アップロードされている画像が表示されますので、使用したい画像をクリックします。
画像の表示・情報を編集する
![]()
画像をダブルクリックまたは、選択して [イメージ] をクリックすることで、[画像のプロパティ] ウィンドウを開いて画像を編集することができます。
イメージ情報
URL
画像のURLが表示されます。
代替テキスト
画像の読み込み前や表示できない場合に代わりに表示されます。
幅
画像の横幅を変更したい場合に入力して下さい。
高さ
画像の高さを変更したい場合に入力して下さい。
ボーダー
画像の周りに境界線を表示したい場合に入力して下さい。半角数字で希望の線幅を入力して下さい。
左右の余白
画像と文字との左右の余白を指定出来ます。
上下の余白
画像と文字との上下の余白を指定出来ます。
行揃え
例えば、「左」を指定した場合、画像が左に寄り、その右側に文字が回りこむ形で表示されます。
リンク
URL
リンク先のURL。画像をクリックするとURLへ移動します。
例)http://ktmhp.com/
ターゲット
新しいウィンドウ
常に新しいウィンドウを開いてリンク先を表示します。
最上部ウィンドウ
ページがフレームで構成されている場合、フレームを全て解除して表示します。
同じウィンドウ
現在と同じウィンドウに表示します。
親ウィンドウ
ページがフレームで構成されている場合、親フレームに表示。
動画
YouTubeを利用して動画を貼付けることができます。
※YouTubeへの動画のアップロード方法はYouTubeのヘルプをご参照ください。
- YouTube動画の下の [共有] をクリックします。

- 表示されたURLをコピーします。

- [メディア埋め込み] をクリックします。

- 表示されたウィンドウの貼り付け欄にペーストして [OK] をクリックして完了です。
※管理画面内に動画は表示されません。
Flash
![]()
- Flashを挿入したい場所にカーソルを移動します。
をクリックします。- URLにFlashのURLアドレスを入力します。
- 必要に応じて幅、高さ、横間隔、縦間隔を入力します。
- [OK] をクリックして完了です。
リンク

- リンクを挿入したい範囲の文字列や画像をドラッグして選択します。
をクリックします。- URLにジャンプ先のURLアドレスを入力します。
- [OK] をクリックして完了です。
リンクタイプ
URL
URLへリンクします。
このページのアンカー
ページ内にアンカーが設置してある場合、アンカーへのリンクを設定出来ます。
アンカーが設置されていない場合、選択することはできません。
リンクをクリックするとメールソフトが起動します。
件名や本文に予め入力された状態で開くことも可能です。
をクリックして下さい。アンカー

アンカーの説明・・・1つのページが長く項目を見つけるのが大変な場合等にページの特定の位置にアンカーを設定して、そこにリンクをする事で同じページ内や他のページから簡単に特定の場所に移動できるようにすることができます。
- ジャンプ先に設定したい場所をドラッグして選択して、
をクリックします。 - アンカー名(半角英数字)を入力して [OK] をクリックして設定完了です。
Googleマップを利用した地図の張りつけ



2. 住所入力欄左のバーをクリックしてメニューを表示します
3. 「地図を共有または埋め込む」をクリックしてウィンドウを開きます





入力エディタの [メディア埋め込み] をクリックします。
テーブル
新規作成
をクリックします。
テーブルプロパティの各項目を入力して [OK] をクリックして挿入完了です。
項目の説明
行、列
下記例のテーブルは行が4、列が2です。

幅、高さ テーブル全体の幅と高さです。

セル内余白
セル内の文字の周りの余白を指定できます。
| 文字 | 文字 |
| 文字 | 文字 |
| 文字 | 文字 |
| 文字 | 文字 |
セル内間隔
隣接するセルの間隔を指定できます。
| 文字 | 文字 |
| 文字 | 文字 |
| 文字 | 文字 |
| 文字 | 文字 |
ボーダーサイズ
外枠の太さを指定できます。
行揃え
| 文字 | 文字 |
| 文字 | 文字 |
| 文字 | 文字 |
| 文字 | 文字 |
| 文字 | 文字 |
| 文字 | 文字 |
行の追加、削除
セルを右クリックして表示されるメニューの「行」で追加や削除を行うことができます。

列の追加、削除
セルを右クリックして表示されるメニューの「カラム」で追加や削除を行うことができます。

セルの編集
セルを右クリックして表示されるメニューの「セル」で編集を行うことができます。
右に結合
下に結合
セルプロパティ

| セル縦の整列:中央 | セル横の整列:右 |
| セル縦の整列:下 | セル縦の整列:中央 セル横の整列:中央 |
ラベル部分に「セル横の整列」を「中央」に設定。
セルを全て選択して、「幅」を「20パーセント」にして幅を等間隔に設定。
テーブルプロパティで「セル内間隔」を3に設定。
| 賞味100g | エネルギー (Kcal) |
水分(g) | 糖質(g) | 繊維(g) |
| かぶ | 18 | 94.7 | 3.2 | 0.5 |
| キャベツ | 24 | 92.4 | 4.9 | 0.6 |
| ごぼう | 76 | 78.6 | 16.2 | 1.4 |
| セロリ | 13 | 95.3 | 2.3 | 0.5 |
スタイル
テーブル内にカーソルのある状態で
をクリックすると、テーブルに適用出来るスタイルが表示されます。
各種ファイルのアップロード、挿入
PDF、エクセル、ワード等の各種ファイルをアップロードして、ファイルへのリンクをページ上に設置できます。
※ご利用には有料コースへのご変更が必要です。
※旧エディタではご利用いただけません。
アップロード
をクリックしてファイルブラウザを開きます。- [ファイル] タブをクリックします。
- 「ファイルアップロード」でアップロードしたいファイルを選択します。
- ファイルについてのメモがある場合「メモ」欄に入力します。
※メモは管理画面でファイルを区別するための機能で、ホームページには表示されません。 - [送信] をクリックしてアップロードが完了します。
※ファイルサイズが大きい場合、アップロード完了までに数分程度かかります。
挿入
- ファイルリンクを挿入したい場所にカーソルを移動します。
をクリックしてファイルブラウザを開きます。- [ファイル] タブをクリックします。
- 挿入したいファイルをクリックして選択します。
- お好みに応じて「リンクの種類 」で文字のリンクと画像のリンクを選択してください。
- 文字リンクの場合、文字入力欄にお好きな文字を入力して [挿入] をクリックして完了です。
- 画像リンクの場合、お好みの画像をクリックして完了です。
その他の機能
テーブルやブロック要素の下など、入力が難しい場所へカーソルを持って行くと、下記のラインが表示される場合があります。
その場合、
をクリックすることでその場所へ改行を入れて、入力を行うことができるようになります。
- 目次
- 基本操作
- デザイン変更
- 入力エディタ
- 入力エディタ 応用編
- フリーページ
- ブログ編集
- 掲示板編集
- ダイレクトリンク編集
- お問合せ編集
- リンクページ
- ブランクページ編集
- よくある質問と答え
- Googleサーチコンソールへの登録
- 独自ドメインメール
プロフィール
#FFFFFF
をクリックします。
をクリックすると、インデントされた部分を元に戻します。
をクリックします。
をクリックします。

をクリックします。