管理画 操作マニュアル 本 エディタの利 法
次 本 エディタの利 法... 3 概要... 3 本 エディタの各種ボタン ( アイコン )... 4 ファイルのアップロード... 10 テンプレート... 14 新規作成... 14 編集... 17 削除... 18 ソースクリーニング... 20 新規作成... 20 編集... 22 削除... 23
本 エディタの利 法 概要 ページの本 欄などに採 されている エディタの利 法について説明します ワード感覚での が可能となっており 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) 削除 をクリックするとソースクリーニン グが削除されます