管理画 操作マニュアル 本 エディタの利 法
次 本 エディタの利 法... 3 概要... 3 ブロック... 3 全ブロック共通... 3... 3 複数... 4 出し... 4 リンク... 4 イメージ... 4 添付ファイル... 5 番号付きリスト / 番号なしリスト... 5 表... 6 YouTube 埋め込み... 6 動画埋め込み... 6 由... 7 由... 8 本 エディタの各種ボタン ( アイコン )... 8 ファイルのアップロード... 15 テンプレート... 19 新規作成... 19 編集... 22 削除... 23 ソースクリーニング... 25 新規作成... 25 編集... 27 削除... 28
本 エディタの利 法 概要 ページの本 欄などに採 されている エディタの利 法について説明します ブロック ブロック単位での本 の が えます 以下では各ブロックの説明をおこないます 全ブロック共通 配置 動 / 右 / 左 / 中央 上下 印と数字 削除 ブロックの配置を指定します 左 右 はイメージのブロックのみ指定が可能で テキストの左あるいは右に画像が回り込みます 中央 はテキストの回り込みを解除します ブロックの配置順序を変更します ブロックを削除します
テキストを します 複数 テキストが複数 に渡る場合に利 します 出し 章の 出しに利 します h1 のプルダウンで 出しレベルを変更できます リンク リンクを挿 する場合に利 します 左側の 欄にリンクテキスト 右側の 欄に URL を してください リンクを別ウィンドウで 開く場合はプルダウンから _blank を選択してください イメージ
画像を掲載する場合に利 します 枠部分にファイルをドロップし 代替えテキストを します 画像貼付 プルダウンからサムネイル形式での貼り付けに変更することもできます 後述のファイルのアップロードも参照ください 添付ファイル PDF やワード エクセルファイルなどを掲載する場合に利 します 枠部分にファイルをドロップし 表 するリンク名を します 番号付きリスト / 番号なしリスト
箇条書きリストを作成する場合に利 します 番号付きの場合はリスト 頭に数字が表 され 番号なしの場合は 頭に が表 されます 表 表を作成する場合に利 します 数 列数 ヘッダ ( 出しセル ) の位置 キャプションを し 表の作成をクリックすると 表が 作成されますので 各セルにテキストを します 三 の部分をクリックすることで や列の追加 削除ができます YOUTUBE 埋め込み YouTube 動画を埋め込む際に利 します YouTube の URL を し幅 さを設定します 画 幅に合わせる にチェックを れると動画サイズは画 幅になります 動画埋め込み
動画を埋め込む場合に利 します 枠部分にファイルをドロップし 動画の説明 を します 後述のファイルのアップロードも参照ください 由 他のブロックで再現できない内容を する場合は 由 を利 します 後述の 由 を参照ください
由 ページの本 欄などに採 されている エディタの利 法について説明します ワード感覚での が可能となっており HTML の知識がなくても本 の が えます 由にテキスト が可能となっており 直接 いただくことも ワードやエクセルなどからコピーアンドペーストし 編集することも可能です 以下では 補助となる各種ボタン ( アイコン ) の説明を います 本 エディタの各種ボタン ( アイコン ) 本
切り取り本部をドラッグした状態でクリックすると ドラッグ部分を切り取りま す コピー貼り付けプレーンテキストとして貼り付けワード 章から貼り付け元に戻すやり直すスペルチェック 本 をドラッグした状態でクリックすると ドラッグ部分をコピーします 切り取った ( またはコピーした ) 部分をカーソル位置に貼り付けます 切り取った ( またはコピーした ) 部分をカーソル位置にプレーンテキストで貼り付けます ワード 章から切り取った ( またはコピーした ) 部分をカーソル位置に貼り付けます ワード 章の不要なタグが削除されて貼りつきます クリックすると直前の操作の前の状態に戻ります クリックすると直前の操作をやり直します SCAYT 有効 をクリックすることで英語などのスペルチェックを有効にできます また オプションから 語や辞書の設置が可能です リンク挿 / 編集 リンクを削除 リンクを挿 したい場所をドラッグしてアイコンをクリックすると ウィンドウが ち上がります 通常リンクの場合は URL を します リンクタイプ を変更することで ページ内のアンカー E-Mail をリンク先に指定することもできます リンク先を別ウィンドウで開く場合は ターゲット タブを選択し 新しいウィンドウ (_blank) を選択します OK をクリックするとリンクが設定されます 設定されているリンクを解除したい場所をドラッグしてアイコンをクリックすると リンクが解除されます
アンカー挿 / 編集アンカーを挿 したい場所 または編集したいアンカーが設定されている場所でアイコンをクリックすると アンカーの設定画 が表 されます 半 英数でアンカー名を して OK をクリックするとアンカーが挿 されます イメージ 画像の設定を います アイコンをクリックするとウィンドウが ち上がります すでに貼り付けている画像を編集する場合は画像を選択した状態でアイコンをクリックします 内容を し OK をクリックすると変更が反映されます URL 画像のパスを します 後述のファイルアップロードで貼り付けた画像の場合は 動設定されています 代替テキスト画像が表 できない場合の代替えテキスト (alt 設定 ) を します 幅 さ画像の幅 さを変更します 右側の鍵マークをクリックすることで 率を固定できます 枠線の幅数値を することで枠線をつけられます 平間隔 垂直間隔数値を することで 平 向 垂直 向の余 を設定できます 揃え画像をテキストの左右に回り込ませることができます
リンク 画像にリンクを設定することができます 表 表を挿 します アイコンをクリックするとウィンドウが ち上がります 内容を し OK をクリックすると表が挿 されます 数 列数表の 数 列数を します 幅 さ表の幅 さを指定します 基本的に 不要です ヘッダ 出しとなるセルを指定します 最初の のみ 最初の列のみ 両 が指定できます 揃え 揃えの 向を指定できます キャプション表の 出しを します 作成済みの表を編集する場合は 表の特定のセル上で右クリックをすることでメニューが表 されます セルの結合や 列の追加はこのメニューから います 平線 カーソルの箇所に 平線を挿 します
特殊 字の挿 特殊 字を挿 します クリックするとウィンドウが ち上がります 挿 したい場所でウィンドウ内の特殊 字をクリックすると 特殊 字が挿 されます Youtube の埋め 込み Youtube に掲載されている動画を挿 します Youtube で取得された埋め込みコードまたは URL を貼り付け OK をクリックすると Youtube が挿 されます 最 化 ソース テンプレート アイコンをクリックすると エリアが最 化されます もう 度アイコンをクリックすると元に戻ります エリアが HTML ソースでの表 編集に切り替わります テンプレートを挿 します 挿 したい箇所でアイコンをクリックするとウィンドウが ち上がります 挿 したいテンプレートをクリックすると テンプレートが挿 されます 太字 太字にしたいテキストをドラッグしてアイコンをクリックすると 太字に なります
斜体斜体にしたいテキストをドラッグしてアイコンをクリックすると 斜体に なります 打ち消し線書式を解除番号付きリスト番号無しリストインデント解除インデントブロック引 左揃え中央揃え右揃え両端揃えスタイル 打ち消し線を れたいテキストをドラッグしてアイコンをクリックすると テキストに打ち消し線が追加されます 書式を解除したいテキストをドラッグしてアイコンをクリックすると 書式がすべて解除されます カーソルの箇所に番号付きリストを挿 します 複数 をドラッグしてアイコンをクリックすると 指定箇所が番号付きリストになります カーソルの箇所に番号無しリストを挿 します 複数 をドラッグしてアイコンをクリックすると 指定箇所が番号無しリストになります カーソル箇所のインデントを解除します カーソル箇所にインデントを挿 します ドラッグされた 章が引 転載 であることを表します ドラッグされた箇所を左揃えにします ドラッグされた箇所を中央揃えにします ドラッグされた箇所を右揃えにします ドラッグされた箇所を両端揃えにします スタイルの設定を います スタイルを設定したい箇所をドラッグしてアイコンをクリックするとウィンドウが ち上がります 設定したいスタイルをクリックして設定します 式 段落の書 カーソル箇所の段落の書式を設定します アイコンをクリックするとウィンドウが ち上がります 設定したい書式をクリックして設定します 出し 1 はページタイトルに利 していますので 出し 2 以降を利 します 出しの順序に注意してください
サイズ フォント フォントサイズの設定を います サイズを設定したい箇所をドラッグし アイコンをクリックするとウィンドウが ち上がります 設定したいサイズをクリックするとフォントサイズが変更されます 字 字 の設定を います 字 を変更したい箇所をドラッグし アイコンをクリックするとウィンドウが ち上がります 設定したい をクリックすると 字 が変更されます CKEditor について アクセシビリティチェ ック 使 されているエディタのバージョン等の情報が表 されます 本 のウェブアクセシビリティチェックを実 します 要確認箇所がある場合は 本項 下部に以下のような警告が表 されます 簡易なものは 動修正 のリンクが表 されますので 実 後 適宜調整ください 視による最終判断が必要なものも警告として表 されますが 確認の上 問題がなければ無視してください 携帯データサイズチェックソースクリーニングプレビュー 携帯電話 ( フィーチャーフォン ) で表 の場合のデータ量をチェックします 設定された規則に従ってソースのクリーニングを います 主にワード エクセル等から貼り付けたテキストから不要な設定を削除するために利 します 公開イメージを確認することができます ファイル名が設定されている必要があります
ファイルのアップロード 画像や PDF などのファイルをアップロードし ページの本 欄に挿 する 法を説明します (1) 固定ページや記事ページなどの新規作成 編集画 で本 欄の下部にあるファイル アップロー ド をクリックします (2) 以下の画 が表 されますので 選択 ファイルを選択 ( ブラウザにより が多少異なりま す ) よりアップロードするファイルを選択します 複数ファイルの 括選択も可能です
(3) 保存 をクリックするとアップロードされたファイルが下部に表 されます 保存の際 画像の場合は 画像リサイズ よりリサイズすることができます 選択したサイズ内に収まるように縦横 を維持し リサイズされます 下部に表 されたファイルの画像部分をクリックすると本 などの編集画 に戻ります 編集をクリックするとファイルの編集画 が表 され ファイル名などの変更を うことができま す
ファイル編集 ファイルファイル名 ( 表 ) ファイル名緯度 経度拡 縮 左回転右回転終了キャンセル ファイルをアップロードします ファイルを本 に貼り付けた際に表 されるリンクテキストの名称を指定します ファイル名を します 緯度 経度情報を 10 進数で します 現状これを利 できる機能はありません 画像を拡 表 します 画像を縮 表 します クリックごとに左に 90 度回転します クリックごとに右に 90 度回転します トリミングを終了します トリミングをキャンセルします 選択したサイズ内に収まるように縦横 を維持し リサイズします リサイズ 下の選択エリアの矩形の X 軸 Y 軸 W( 横幅 ) H( さ ) を表 し 座標 ています
(4) 本 などの編集画 に戻ると アップロードボタンの下にファイルが表 されていることを確認で きます 各ボタンをクリックし 本 へファイルを挿 します 本 への貼り付け 添付貼付画像貼付サムネイル削除 本 のカーソル箇所にファイルへのリンクを挿 します ファイル名( ファイルの拡張 容量 ) の形式でリンクテキストが挿 されます 本 のカーソル箇所に画像を挿 します 画像ファイルの場合のみ表 されます 別途イメージのアイコンより代替えテキストの記 を なってください 本 おカーソル箇所にサムネイルサイズで画像を挿 します 画像ファイルの場合のみ表 されます アップロードしたファイルを削除します
テンプレート 本 欄で利 するテンプレートはサイト設定より追加が可能となっています テンプレート (HTML) の追加はこの画 から いますが 別途 CSS や JavaScript での表 調整が必要 となります 新規作成 (1) ログイン後 サイトを選択した画 で左メニ ュー サイト設定 をクリックします (2) 表 された画 の左メニューで テンプレー ト をクリックし 新規作成 よりテンプ レートを作成します
(3) 必要な項 に内容を し テンプレートを作成します 基本情報 名前 説明 並び順 テンプレートの名称を します 本 欄でテンプレートを選択した際に表 されます テンプレートの説明を します 本 欄でテンプレートを選択した際に表 されます 覧画 での表 順を指定します 数字が さいほど 覧の上位に表 されます HTML HTML テンプレートの HTML を します 表 の調整は CSS や JavaScript で なってください サムネイル サムネイル画像 サムネイル画像をアップロードします 本 欄でテンプレートを選 択した際に表 されます
(4) 完了後 保存 をクリックするとテンプレートが保存さ れます
編集 (1) ログイン後 サイトを選択した画 で左メニ ュー サイト設定 をクリックします (2) 表 された画 の左メニューで テンプレー ト をクリックします (3) テンプレートの 覧が表 されますので 覧画 のタイトルとチェックボックス以外の部分をクリックし表 されるウィンドウ内の 編集する をクリックすることで編集画 へ移動します もしくは 覧画 のタイトルとチェックボックス以外の部分をクリックし表 されるウィンドウ内の 編集する をクリックすることで編集画 へ移動します 上部の検索メニューよりテンプレートを検索することも可能です (4) 編集 法については前項 新規作成 を参照ください
削除 テンプレートを削除します 完全に削除され 復旧することはできませんのでご注意ください (1) ログイン後 サイトを選択した画 で左メニ ュー サイト設定 をクリックします (2) 表 された画 の左メニューで テンプレー ト をクリックします (3) テンプレートの 覧が表 されますので 覧画 のタイトルとチェックボックス以外の部分をクリックし表 されるウィンドウ内の 削除する をクリックすることで削除画 へ移動します もしくは 覧画 のタイトルとチェックボックス以外の部分をクリックし表 されるウィンドウ内の 削除する をクリックすることで削除画 へ移動します 上部の検索メニューよりテンプレートを検索することも可能です
(4) 削除 をクリックするとテンプレートが削 除されます
ソースクリーニング 本 欄で利 するソースクリーニングの内容を設定します 主にワード エクセル等から貼り付けたテキストから不要な設定を削除するために利 します 新規作成 (1) ログイン後 サイトを選択した画 で左メニ ュー サイト設定 をクリックします (2) 表 された画 の左メニューで ソースクリ ーニング をクリックし 新規作成 より ソースクリーニングの内容を作成します
(3) 必要な項 に内容を し テンプレートを作成します 基本情報 名前 並び順 ステータス ソースクリーニングの名称を します 覧画 での表 順を指定します 数字が さいほど 覧の上位に表 されます また 数字が さいものから順にクリーニングが実 されます 利 の有無を選択します 公開 の場合は実 されません ソースクリーニング 対象 操作 クリーニングの対象を設定します タグ 属性 字列の中から種別を選択し 右欄に対象を します 対象のクリーニング 法を設定します 置換または削除が選択できます 置換後のタグや属性の値 字列を右欄に します (4) 完了後 保存 をクリックするとソースクリーニング保 存されます
編集 (1) ログイン後 サイトを選択した画 で左メニ ュー サイト設定 をクリックします (2) 表 された画 の左メニューで ソースクリ ーニング をクリックします (3) ソースクリーニングの 覧が表 されますので 覧画 のタイトルとチェックボックス以外の部分をクリックし表 されるウィンドウ内の 編集する をクリックすることで編集画 へ移動します もしくは 覧画 のタイトルとチェックボックス以外の部分をクリックし表 されるウィンドウ内の 編集する をクリックすることで編集画 へ移動します 上部の検索メニューよりソースクリーニングを検索することも可能です (4) 編集 法については前項 新規作成 を参照ください
削除 ソースクリーニングを削除します 完全に削除され 復旧することはできませんのでご注意ください (1) ログイン後 サイトを選択した画 で左メニ ュー サイト設定 をクリックします (2) 表 された画 の左メニューで ソースクリ ーニング をクリックします (3) ソースクリーニングの 覧が表 されますので 覧画 のタイトルとチェックボックス以外の部分をクリックし表 されるウィンドウ内の 削除する をクリックすることで削除画 へ移動します もしくは 覧画 のタイトルとチェックボックス以外の部分をクリックし表 されるウィンドウ内の 削除する をクリックすることで編集画 へ移動します 上部の検索メニューよりソースクリーニングを検索することも可能です
(4) 削除 をクリックするとソースクリーニン グが削除されます