| 編集前にご確認ください |
≫コンテンツ編集に関する 「よくある質問」 ≫著作権違反にご注意ください |
コンテンツ(文章や画像等)の複製・設定
コンテンツ複製
各コンテンツにカーソルを合わせると左上にメニューが表示されます。
左上のメニューから「複製」を選択すると、全く同じ内容のコンテンツを複製することができます。
コンテンツの幅変更＆移動
コンテンツの幅変更
メインエリアの各コンテンツ右または左の端にカーソルを合わせると、左右に幅を調整できる矢印が表示されます。
クリックしたまま左右矢印を、ドラック＆ドロップの要領で左に動かすと、コンテンツの幅が変更されます。
コンテンツの移動
各コンテンツにカーソルを合わせると左上にメニューが表示されます。
左上のメニューから「移動」を選択すると、移動の対象となるコンテンツが青くなります。
- 移動の対象となるコンテンツを左クリックしていただき、クリックしたままカーソルを動かすと、「このエリアに移動」という移動先の対象となるエリアがピンクで表示されます。
- 指定のエリア上に来た際にクリックを離す（ドラッグ＆ドロップ）とコンテンツを移動することができます。
動画でのご紹介
※音声は入っておりません。
コンテンツエリア同士のグループ化について
コンテンツエリア同士はグループ化することができ、グループ化することでスマートフォン表示時におけるコンテンツの並び順序を調節することができます。
グループ化を行うにはコンテンツの左上メニュー「移動」を選択の上、グループエリアの中にコンテンツを移動します。またグループ化を解除する場合には、コンテンツにカーソルを合わせ左上メニューの「移動」を選択し、グループ化されたエリアの外側に移動します。
またコンテンツの左上メニューの「グループ解除」を選択する事で、グループ化を解除する事もできます。
リンク設定方法
- 文字にリンクを設定したい場合は、リンクを設定したい文字を選択した状態で「リンク挿入/編集」ボタンをクリックします。
- リンクの設定は6種類のタイプから選択可能です。詳細は以下をご覧ください。
- 画像にリンクを設定したい場合は、リンクを設定したい画像をクリックしメニューから「詳細設定」をクリックします。
- リンクの設定は6種類のタイプから選択可能です。詳細は以下をご覧ください。
ホームページ内のページへリンク
ページを選択：「ホームページ内のページへリンク」を選択すると、その下に「ページを選択」という現在作成されているページの選択項目が表示されますので、その中からリンクを飛ばしたいページを選択します。
見出しIDを選択：選択したページにて見出しの「ID設定」を行っている場合は、IDの一覧が表示されますので、その中からリンクを飛ばしたい見出しIDを選択します。（選択したページのページトップだけでなく、IDを設定した見出しへ直接リンクを飛ばせるため、スクロールしなくてもクリックひとつで移動できます。）
※1ページ内に同じIDは設定できません。2つ以上のIDを設定する際には、それぞれ異なるものを設定してください
外部サイトへリンク
「外部サイトへリンク」を選択すると、その下に「URL」という、外部サイトのURL入力ボックスが表示されますので、そこにリンクを飛ばしたいサイトのURLを入力します。
ファイルへリンク
「ファイルへリンク」を選択すると、その下に「ファイルを選択」という現在ライブラリにアップロードされているPDFファイルの選択項目が表示されますので、その中からホームページに表示したいPDFファイルを選択します。
メールソフトを起動
「メールソフトを起動」を選択すると、その下に「メールアドレス」という、メールアドレス入力ボックスが表示されますので、そこに宛先に指定するメールアドレ入力します。
※メールソフトはホームページを閲覧した方が既定に設定されているものが起動します。
電話番号（スマートフォン用）
「電話番号（スマートフォン用）」を選択すると、その下に「電話番号（-なし）」という、電話番号入力ボックスが表示されますので、そこに設定したい電話番号を-なし（ハイフンなし）で入力します。
TKCコンテンツへリンク
ページの追加は行わず、利用可能のＴＫＣコンテンツへリンクを設定します。
カテゴリを選択：コンテンツのカテゴリを選択すると、該当のカテゴリのＴＫＣコンテンツの一覧が、「ページを選択」に表示されます。
ページを選択：選択したカテゴリからリンクを飛ばしたいＴＫＣコンテンツを選択すると、リンクが設定されます。
動画でのご紹介
※音声は入っておりません。
文章
文章コンテンツ内の文字にリンクを設定
文章コンテンツ内の文字にリンクを設定したい場合は、リンクを設定したい文字コンテンツを選択した状態で 「リンク挿入/編集」ボタンをクリックします。
リンクの設定は5種類のタイプから選択可能です。 詳細は本ページ内のリンクの種類をご覧ください。
文章コンテンツのリンク設定する文字のマウスオーバーエフェクト
文章コンテンツ内のリンクを設定する文字にはマウスオーバーエフェクトを追加できます。
リンクを設定する文字を選択した状態で、「リンク挿入/編集」ボタンをクリックします。
「マウスオーバーテキスト（下線）」項目内の「表示する」、または「表示しない」（初期設定）を選択できます。
下線あり
マウスオーバー時、リンク設定する文字に下線を入れる設定です。
下線なし（初期設定）
画像コンテンツ内の画像にリンクを設定
画像コンテンツにリンクを設定したい場合は、リンクを設定したい画像コンテンツをクリックし、 メニューから「詳細設定」をクリックします。
リンクの設定は5種類のタイプから選択可能です。
詳細は本ページ内のリンクの種類をご覧ください。
画像コンテンツのリンク設定する画像のマウスオーバーエフェクト
画像コンテンツ内の、リンク設定をする画像にマウスオーバーエフェクトを追加できます。
メニューから「詳細設定」をクリックし、「マウスオーバーエフェクト」項目内の 「色を変更」「透明度を変更」「画像を拡大」の中からお好きな項目を選択できます。
※それぞれ単独もしくは複数併せて選択することができます。
※全て選択無しも可能です。
色を変更
マウスオーバー時、画像に色をのせます。色は12色から選択可能です。
透明度を変更
マウスオーバー時、画像を透過させます。透明度をメーターにより調節可能です。
画像を拡大
マウスオーバー時、画像を約1.2倍程度に拡大します。
文章+画像
文章+画像コンテンツ内の文章内の文字へリンク設定する
文章+画像コンテンツ内の文章内の文字にリンクを設定したい場合は、リンクを設定したい文章内の文字を選択した状態で 「リンク挿入/編集」ボタンをクリックします。
リンクの設定は5種類のタイプから選択可能です。
詳細は本ページ内のリンクの種類をご覧ください。
文章+画像コンテンツ内 - リンク設定した文章内の文字にマウスオーバーエフェクトを追加する
文章+画像コンテンツ内の、文章内のリンクを設定する文字にはマウスオーバーエフェクトを追加できます。
リンクを設定する文字を選択した状態で、「リンク挿入/編集」ボタンをクリックします。
「マウスオーバーテキスト」項目内の「下線あり」、または「下線なし」（初期設定）を選択できます。
下線あり
マウスオーバー時、リンク設定した文字に下線を入れる設定です。
下線なし（初期設定）
マウスオーバー時、リンク設定した文字に下線を入れない設定です。
文章+画像コンテンツ内の画像へリンク設定する
文章+画像コンテンツ内の画像にリンクを設定したい場合は、リンクを設定したい画像をクリックし、 メニューから「詳細設定」をクリックします。
リンクの設定は5種類のタイプから選択可能です。
詳細は本ページ内のリンクの種類についてをご覧ください。
文章+画像コンテンツ内 - リンク設定した画像にマウスオーバーエフェクトを追加する
文章+画像コンテンツ内の、リンク設定をする画像にはマウスオーバーエフェクトを追加できます。
メニューから「詳細設定」をクリックし、「マウスオーバーエフェクト」項目内の 「色を変更」「透明度を変更」「画像を拡大」の中からお好きな項目を選択できます。
※それぞれ単独もしくは複数併せて選択することが出来ます。
※全て選択無しも可能です。
色を変更
マウスオーバー時、リンク設定した画像に色をのせます。色は12色から選択可能です。
透明度を変更
マウスオーバー時、リンク設定した画像を透過させます。透明度をメーターにより調節可能です。
画像を拡大
マウスオーバー時、リンク設定した画像を約1.2倍程度に拡大します。
文字のせ画像
文字のせ画像コンテンツにリンクを設定したい場合は、 リンクを設定したい文字のせ画像のコンテンツをクリックし、メニューから「文字のせ画像編集」をクリックし、「リンク設定」タブを選択します。 リンクの設定は5種類のタイプから選択可能です。 詳細は本ページ内のリンクの種類をご覧ください。
リンク設定した文字のせ画像コンテンツ内 - マウスオーバーエフェクトとは
リンク設定した文字のせ画像コンテンツ内の「マウスオーバーエフェクト」とは、 リンク設定した文字のせ画像コンテンツの画像の上に敷かれている色面、もしくは文字等の要素がのっている色面に対するマウスオーバーエフェクトのことです。
※文字のせ画像のデザインは見本です。
リンク設定をした、文字のせ画像コンテンツ内の画像にはマウスオーバーエフェクトを追加できます。
メニューから「文字のせ画像編集」をクリックし、「マウスオーバーエフェクト」項目内の 「色を変更」「透明度を変更」の中からお好きな項目を選択できます。
※それぞれ単独もしくは複数併せて選択することが出来ます。
※全て選択無しも可能です。
色を変更
マウスオーバー時、画像に色をのせます。色は12色から選択可能です。
透明度を変更
マウスオーバー時、画像を透過させます。透明度をメーターにより調節可能です。
リンク設定した文字のせ画像コンテンツ内 - ボタンのマウスオーバーエフェクトとは
リンク設定した文字のせ画像コンテンツ内の「ボタンのマウスオーバーエフェクト」とは、 リンク設定した文字のせ画像コンテンツ内に配置されるボタンに対するマウスオーバーエフェクトのことです。
※文字のせ画像のデザインは見本です。
リンク設定をした、文字のせ画像コンテンツ内のボタンにはマウスオーバーエフェクトを追加できます。
メニューから「文字のせ画像編集」をクリックし、「ボタンのマウスオーバーエフェクト」項目内の 「ボタンの色を変更」「ボタンの色をスライドアニメーション付きで変更」「ボタンの透明度を変更」の中から、 下記の組み合わせで選択できます。
※全て選択無しも可能です。
1. それぞれの単独選択
「ボタンの色を変更」、「ボタンの色をスライドアニメーション付きで変更」、「ボタンの透明度を変更」
2. 「ボタンの色を変更」と「ボタンの透明度を変更」の組み合わせ
3. 「ボタンの色をスライドアニメーション付きで変更」と「ボタンの透明度を変更」の組み合わせ
ボタンの色を変更
マウスオーバー時、ボタンに色をのせます。色は12色から選択可能です。
ボタンの色をスライドアニメーション付きで変更
マウスオーバー時、ボタンにスライドアニメーションを付けられます。ボタンの色は12色から選択可能です。
ボタンの透明度を変更
マウスオーバー時、ボタンを透過させます。透明度をメーターにより調節可能です。
リンクの種類について
ホームページ内のページへリンク
ページを選択：「ホームページ内のページへリンク」を選択すると、その下に「ページを選択」という現在作成されているページの選択項目が表示されますので、その中からリンクを飛ばしたいページを選択します。
見出しIDを選択：選択したページにて見出しの「ID設定」を行っている場合は、IDの一覧が表示されますので、その中からリンクを飛ばしたい見出しIDを選択します。（選択したページのページトップだけでなく、IDを設定した見出しへ直接リンクを飛ばせるため、スクロールしなくてもクリックひとつで移動できます。）
見出しID設定についてはこちらをご参照ください。
1ページ内に同じIDは設定できません。2つ以上のIDを設定する際には、それぞれ異なるものを設定してください
外部サイトへリンク
「外部サイトへリンク」を選択すると、その下に「URL」という、外部サイトのURL入力ボックスが表示されますので、そこにリンクを飛ばしたいサイトのURLを入力します。
ファイルへリンク
「ファイルへリンク」を選択すると、その下に「ファイルを選択」という現在ライブラリにアップロードされているファイルの選択項目が表示されますので、その中からホームページに表示したいファイルを選択します。
メールソフトを起動
「メールソフトを起動」を選択すると、その下に「メールアドレス」という、メールアドレス入力ボックスが表示されますので、そこに宛先に指定するメールアドレスを入力します。
※メールソフトはホームページを閲覧した方が既定に設定されているものが起動します。
電話番号（スマートフォン時のみ有効）
「電話番号（スマートフォン用）」を選択すると、その下に「電話番号（-なし）」という、電話番号入力ボックスが表示されますので、そこに設定したい電話番号を-なし（ハイフンなし）で入力します。
※iOS10.1以降のiPhoneからホームページを閲覧した場合、電話番号リンクを3回以上タップすると「このWebサイトから自動的に電話をかけることは禁止されています。」というメッセージが表示されますが、こちらはiOS10.1以降の仕様によるものです。
こちらのメッセージが表示されましたら「通話を許可」をタップしていただくとリンクを設定した電話番号に発信することができます。
アニメーション設定方法
下記のコンテンツにアニメーションを追加することができます。
※HTML、スライダー、SNSの各コンテンツにアニメーションを設定することはできません。ご了承ください。
例：文章コンテンツにアニメーション設定
文章コンテンツにカーソルをホバーし、表示される「アニメーション設定」をクリックし、「アニメーションの種類」を設定します。
例：文章＋画像コンテンツにアニメーション設定
文章＋画像コンテンツにカーソルをホバーし、表示される「アニメーション設定」をクリックし、 「アニメーションの種類」を設定します。
その他のコンテンツについても同様に、編集したいコンテンツにカーソルをホバーし、 表示される「アニメーション設定」にて設定できます。
何もアニメーションを追加しない設定です（初期設定）。
フェードイン
表示対象コンテンツが徐々に現れるアニメーション設定です。
スピード
アニメーションの速度の設定です。
「速い」「普通」「遅い」の3段階から選択できます。
スライドイン
表示対象コンテンツが滑り込みながら現れる、アニメーション設定です。
スライドの方向
滑り込んで来る元方向の設定です。
「左から」「右から」「上から」「下から」の4方向の中から選択できます。
スピード
アニメーションの速度の設定です。
「速い」「普通」「遅い」の3段階から選択できます。
フォント設定方法
各種特定のコンテンツ内の文字には簡単にフォントを設定することができます。
フォントの設定例
下記の特定のコンテンツと、特定のページ内の「個人情報の取り扱い設定」中の文字にフォントを設定することができます。
※その他の各コンテンツの文字にはフォントを設定することはできません。ご了承ください。
例：ロゴコンテンツ内の文字にコォント設定
ロゴコンテンツにカーソルをホバーした時に表示される「詳細設定」をクリックし、「フォント設定」内の「フォント未選択」をクリックすると表示されるフォント一覧から、任意のフォントを選択し設定することができます。
例：文章コンテンツ内の文字にフォントを設定
文章コンテンツの編集したい文章部をクリックし、簡単編集ツール（ウィジウィグエディタ）を表示します。
フォントを設定したい文字列の先頭から文字列を選択し、「フォント未選択」をクリックすると表示されるフォント一覧から、任意のフォントを選択し設定することができます。
例：文章＋画像コンテンツ内の文字にフォント設定
文章+画像コンテンツの編集したい文章部をクリックし、簡単編集ツール（ウィジウィグエディタ）を表示します。
フォントを設定したい文字列の先頭から文字列を選択し、「フォント未選択」をクリックすると表示されるフォント一覧から、任意のフォントを選択し設定することができます。
その他、表組みコンテンツや見出しコンテンツについても同様に、簡単編集ツール（ウィジウィグエディタ）内、「フォント未選択」をクリックすると表示されるフォント一覧から、任意のフォントを選択し設定することができます。
例：文字のせ画像コンテンツ内の文字にフォント設定
文字のせ画像コンテンツをホバーした時に表示される、「文字のせ画像編集」を表示します。
「キャッチフレーズ」、「キャッチフレーズ説明」、「説明文」 それぞれの「フォント設定」フォント選択肢から任意のフォントを設定することができます。
その他、スライドショーコンテンツについては「スライドショー編集」の「キャッチフレーズ設定」ボタンをクリックし、「フォント」の「フォント未選択」をクリックすると表示されるフォント一覧から、任意のフォントを選択し設定することができます。
フォントの種類について
日本語標準フォント
※日本語 標準フォントはお手持ちの端末にシステムフォントが無い場合、フォントが適用されません。
※日本語 Webフォントにデータが存在しない特殊な文字が記載されている場合、標準フォントのゴシックが適用されます。
| フォント名 | フォント見本 | 太字 | 斜体 | 下線 | 打消 |
|---|---|---|---|---|---|
ゴシック |
|
○ |
- |
○ |
○ |
明朝 |
|
○ |
○ |
○ |
○ |
丸文字 |
|
○ |
○ |
○ |
○ |
行書体 |
|
○ |
○ |
○ |
○ |
日本語WEBフォント
※日本語 Webフォントにデータが存在しない特殊な文字が記載されている場合、標準フォントのゴシックが適用されます。
| フォント名 | フォント見本 | 太字 | 斜体 | 下線 | 打消 |
|---|---|---|---|---|---|
Noto Sans Japanese Black |
|
- |
○ |
○ |
○ |
Noto Sans Japanese Bold |
|
- |
○ |
○ |
○ |
Noto Sans Japanese Midium |
|
○ |
○ |
○ |
○ |
M PLUS 1 Black |
|
- |
○ |
○ |
○ |
M PLUS 1 SemiBold |
|
- |
○ |
○ |
○ |
M PLUS Rounded 1c Black |
|
- |
○ |
○ |
○ |
M PLUS Rounded 1c Bold |
|
- |
○ |
○ |
○ |
Zen Maru Gothic Black |
|
- |
○ |
○ |
○ |
Zen Maru Gothic Midium |
|
○ |
○ |
○ |
○ |
Noto Serif Japanese Black |
|
- |
○ |
○ |
○ |
Noto Serif Japanese Bold |
|
- |
○ |
○ |
○ |
Noto Serif Japanese SemiBold |
|
- |
○ |
○ |
○ |
Shippori Mincho B1 ExtraBold |
|
- |
○ |
○ |
○ |
Shippori Mincho B1 SemiBold |
|
- |
○ |
○ |
○ |
Hina Mincho |
|
○ |
○ |
○ |
○ |
Dela Gothic One |
|
○ |
○ |
○ |
○ |
Kaisei Tokumin |
|
○ |
○ |
○ |
○ |
Yuji Syuku |
|
○ |
○ |
○ |
○ |
Yuji Mai |
|
○ |
○ |
○ |
○ |
Rampart One |
|
○ |
○ |
○ |
○ |
Yusei Magic |
|
○ |
○ |
○ |
○ |
Kaisei Decol |
|
○ |
○ |
○ |
○ |
RocknRoll One |
|
○ |
○ |
○ |
○ |
Potta One |
|
○ |
○ |
○ |
○ |
Zen Kurenaido |
|
○ |
○ |
○ |
○ |
英語標準フォント
| フォント名 | フォント見本 | 太字 | 斜体 | 下線 | 打消 |
|---|---|---|---|---|---|
Sans-serif （ゴシック） |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
○ |
○ |
○ |
○ |
Serif （明朝） |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
○ |
○ |
○ |
○ |
Monospace （丸文字） |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
○ |
○ |
○ |
○ |
Cursive （行書体） |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
○ |
○ |
○ |
○ |
英語WEBフォント
| フォント名 | フォント見本 | 太字 | 斜体 | 下線 | 打消 |
|---|---|---|---|---|---|
Roboto |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
○ |
○ |
○ |
○ |
Montserrat Black |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
- |
○ |
○ |
○ |
Montserrat Bold |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
- |
○ |
○ |
○ |
Quicksand |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
○ |
○ |
○ |
○ |
Lora Bold |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
- |
○ |
○ |
○ |
Lora SemiBold Italic |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
- |
- |
○ |
○ |
Cormorant Garamond |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
○ |
○ |
○ |
○ |
Playfair Display |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
○ |
○ |
○ |
○ |
Dancing Script |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
○ |
○ |
○ |
○ |
Josefin Sans |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
○ |
○ |
○ |
○ |
Josefin Slab |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
○ |
○ |
○ |
○ |
Amatic SC |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
○ |
○ |
○ |
○ |
Petit Formal Script |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
○ |
○ |
○ |
○ |
Cinzel Black |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
- |
○ |
○ |
○ |
Cinzel Bold | ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 | - |
○ |
○ |
○ |
Miltonian Tattoo |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
○ |
○ |
○ |
○ |
Anton |
ABCDEFGHIJKLMNOPQRSTUVWXYZ |
○ |
○ |
○ |
○ |
コンテンツの削除
削除したいコンテンツにカーソルを合わせると左上にメニューボタンが表示されます。
メニューボタンをクリックし、「削除」を選択します。
ポップアップで確認メッセージ「削除してよろしいですか？」が表示されますので、「OK」ボタンを選択してください。
該当のコンテンツが削除されます。
