logoWebRelease 2 ユーザーズマニュアル
Version 2.80K 版
menu
1章 はじめに
  • 1. はじめに
  • 2. WebRelease の利用環境
  • 3. 製品のライセンスについて
2章 ユーザ管理
  • 1. WebRelease のユーザ管理
  • 2. ユーザの一覧
  • 3. ユーザの登録
  • 4. ユーザの休止
  • 5. ユーザの削除
  • 6. ユーザの一括削除
  • 7. 自分のユーザプロファイルの変更
  • 8. ログイン通知メール
  • 9. TOTP ワンタイムパスワードの設定
  • 10. ログインユーザ一覧
  • 11. ログイン履歴
  • 12. ユーザ登録情報の一括処理
3章 サイトの作成
  • 1. サイトの作成
  • 2. サイト設定
  • 3. スタッフ設定
    • 1. スタッフの役割
    • 2. スタッフの登録
    • 3. スタッフの設定
    • 4. スタッフのテンプレート設定
    • 5. スタッフのフォルダへのアクセス制限
    • 6. スタッフの承認ステップ
    • 7. スタッフの解任
    • 8. スタッフの役割の一括設定
  • 4. サイトリソース
    • 1. リソースの登録
    • 2. リソースの編集
    • 3. リソースの編集 [テキストファイル]
    • 4. リソースの編集 [zip ファイル]
    • 5. リソースの編集 [画像ファイル]
    • 6. リソースの編集 [添付ファイル]
    • 7. リソース内の外部リンクチェック
    • 8. リソースの削除とダウンロード
    • 9. リソースの一括移動
    • 10. リソース名の一括設定
    • 11. リソースの一括削除
    • 12. リソースフォルダ
    • 13. リソースフォルダを Zip にする
  • 5. 辞書の管理
  • 6. 外部リンクのチェック
  • 7. サイトのエキスポート
  • 8. サイトのインポート
  • 9. サイトの閉鎖
  • 10. サイトの削除
  • 11. サイトの操作履歴
4章 FTPの設定
  • 1. FTP の設定
  • 2. プライマリチャネルの設定
  • 3. FTP 記録の参照
  • 4. FTP の実行状況
  • 5. FTP 予約(定時起動)の設定
5章 テンプレート
  • 1. テンプレート
  • 2. テンプレートの作成
  • 3. 文書型の定義
  • 4. 要素のタイプ
    • 1. 1行テキスト
    • 2. 複数行テキスト
    • 3. WYSIWYG エディタ
    • 4. ラジオボタン
    • 5. ポップアップボタン
    • 6. チェックボックス
    • 7. 年月日/時分/秒
    • 8. 目次
    • 9. リンク
    • 10. イメージ
    • 11. 添付ファイル
    • 12. XMLリーダ
    • 13. コンポーネント
    • 14. グループ項目
    • 15. セレクタ
    • 16. 各要素に共通の設定項目
  • 5. テンプレートリソース
  • 6. テンプレートの展開
    • 1. 要素参照
    • 2. 関数呼び出し
    • 3. 演算子
    • 4. リソース参照
    • 5. メソッド
    • 6. 拡張タグ wr-if wr-then wr-else
    • 7. 拡張タグ wr-switch wr-case wr-default
    • 8. 拡張タグ wr-conditional wr-cond
    • 9. 拡張タグ wr-for
    • 10. 拡張タグ wr-break
    • 11. 拡張タグ wr-variable
    • 12. 拡張タグ wr-append
    • 13. 拡張タグ wr-clear
    • 14. 拡張タグ wr-return
    • 15. 拡張タグ wr-error
    • 16. 拡張タグ wr-- と wr-comment
  • 7. WYSIWYG エディタ設定
  • 8. テンプレート・プロファイラ
  • 9. テンプレートのリビジョン
  • 10. テンプレートのダウンロード
  • 11. テンプレートのアップロード
  • 12. テンプレートの上書きアップロード
  • 13. テンプレートのフォルダ
  • 14. テンプレートの状態
  • 15. テンプレートの削除
  • 16. ページ作成後のテンプレート修正
  • 17. 入力フィールドの短縮表示
  • 18. 作成したページの一覧
  • 19. テンプレートとスタッフ
  • 20. テンプレートの操作履歴
  • 21. テンプレートを参照している目次の一覧
  • 22. テンプレートの検索
6章 コンポーネント
  • 1. コンポーネント
  • 2. コンポーネントの使用例
  • 3. コンポーネントとセレクタ
7章 ページの作成
  • 1. ページの作成
  • 2. ページのプレビュー
  • 3. 実機でのプレビュー
  • 4. ページの状態
  • 5. ページの編集
    • 1. ページタイトル/ファイル名
    • 2. フォルダ
    • 3. フォルダ中でのページの位置
    • 4. ページの状態
    • 5. 公開期間の設定
    • 6. 変更を禁止
    • 7. プレビューURL/編集画面URL
    • 8. 他のコンテンツへのリンク
    • 9. 圧縮処理
    • 10. エンコーディング
    • 11. リンク先候補
    • 12. その他の操作
  • 6. コンテンツの入力
    • 1. 複数行テキスト
    • 2. WYSIWYG エディタ
    • 3. イメージ
    • 4. 添付ファイル
    • 5. リンク
    • 6. XML リーダ
    • 7. 入力欄の追加と削除
    • 8. 入力欄の開閉
  • 7. ページリソース
    • 1. リソースの登録
    • 2. リソースの編集
    • 3. リソースの編集 [テキストファイル]
    • 4. リソースの編集 [zip ファイル]
    • 5. リソースの編集 [画像ファイル]
    • 6. リソースの編集 [添付ファイル]
    • 7. リソース内の外部リンクチェック
    • 8. リソースの削除とダウンロード
    • 9. リソースの一括移動
    • 10. リソースの一括削除
    • 11. リソースフォルダ
    • 12. リソースフォルダを Zip にする
  • 8. ページの編集完了
  • 9. ページの公開
  • 10. ページの公開終了
  • 11. ページのエキスポート
  • 12. ページの削除
  • 13. ページのリビジョン管理
  • 14. ページのリビジョン間の比較表示
  • 15. リンク元一覧
  • 16. ページ内の外部リンク一覧
  • 17. ページの公開状況
  • 18. Markdown の使い方
  • 19. コンテンツ中の語句のチェック
  • 20. ページの操作履歴
  • 21. フォルダ
    • 1. フォルダの作成
    • 2. フォルダの設定
    • 3. フォルダにテンプレートを関連付ける
    • 4. フォルダへの承認プロセスの設定
    • 5. フォルダへのアクセス制限
    • 6. フォルダ中のページの順序の指定
    • 7. カレントフォルダの移動
    • 8. フォルダのオープン/クローズ
    • 9. フォルダ以下にあるページの状態
    • 10. フォルダの削除
  • 22. バージョニングフォルダ
  • 23. ページの一括処理
    • 1. 編集完了
    • 2. 公開
    • 3. 公開終了
    • 4. 公開開始指定時刻の設定
    • 5. 公開終了指定時刻の設定
    • 6. 公開開始と終了指定時刻の設定
    • 7. ページのエキスポート
    • 8. 承認依頼
    • 9. 移動
    • 10. 削除
    • 11. 保護設定
    • 12. ページ一括登録
  • 24. ページインポート機能
    • 1. HTML ファイルのインポート
    • 2. スタイルシートのインポート
    • 3. 画像ファイルのインポート
    • 4. テキストファイルのインポート
    • 5. wrp ファイルのインポート
    • 6. 添付ファイルのインポート
    • 7. フォルダのインポート
    • 8. ZIP ファイルのインポート
    • 9. 既存のページへの上書きインポート
    • 10. カスタムテンプレートを使う
    • 11. インポートに伴うエラーに対処する
  • 25. 外部作成コンテンツのインポート
  • 26. スケジュール一覧
  • 27. ページの検索
8章 マルチデバイス配信
  • 1. 多チャネル化
  • 2. チャネル別コンテンツの生成
  • 3. チャネル選択機能
9章 承認プロセスの設定
  • 1. 承認ステップの定義
  • 2. 承認プロセスの定義
  • 3. 承認プロセスをフォルダに関連付ける
  • 4. 承認プロセスによる公開管理
    • 1. ページの公開承認依頼
    • 2. 承認と差戻
    • 3. 承認画面への入り方
    • 4. 承認プロセスとページの公開終了
    • 5. 承認依頼フォルダ
    • 6. 承認依頼の一括移動
    • 7. 一括承認依頼
    • 8. 一括承認
    • 9. ページの緊急公開と緊急公開終了
    • 10. 承認依頼の削除
    • 11. 進行中の承認依頼の管理
10章 その他の機能
  • 1. ダッシュボード
  • 2. 英語インタフェース
11章 システムの運用管理
  • 1. システムの状態確認
  • 2. WebRelease の停止と起動
  • 3. データのバックアップ
  • 4. メモリ設定
  • 5. メールサーバの設定
  • 6. Proxy サーバの設定
  • 7. パスワードセキュリティ設定
  • 8. TOTP 認証の有効化
  • 9. アカウントの自動閉鎖
  • 10. ログイン通知メールの設定
  • 11. システムからの通知メール
  • 12. Cookie に Secure 属性をつける
  • 13. その他のシステム設定
  • 14. 証明書のインポート
  • 15. ストレージの管理
  • 16. 操作履歴
  • 17. ログファイルのダウンロード
  • 18. ログインエラーへの対応
  • 19. WebRelease のバージョンアップ
  • 20. ライセンスのアップグレード
  • 21. 期間ライセンスコードの更新
  • 22. WebRelease の Uninstall
12章 索引
  • 1. 関数索引
    • 1. add
    • 2. allObjects
    • 3. allPages
    • 4. channel
    • 5. channelCookieName
    • 6. channelName
    • 7. codePointAt
    • 8. comma3
    • 9. concatenate
    • 10. contentType
    • 11. count
    • 12. currentTime
    • 13. divide
    • 14. encodeURI と encodeURIComponent
    • 15. encoding
    • 16. fileName
    • 17. fileSize
    • 18. find
    • 19. firstElement
    • 20. folder
    • 21. formatDate
    • 22. formatDateRFC2822
    • 23. formatDateW3CDTF
    • 24. fullURL
    • 25. gengou
    • 26. getXML
    • 27. group
    • 28. halfwidth
    • 29. hasElement
    • 30. hasMethod
    • 31. head
    • 32. indexOfPage
    • 33. isEven と isOdd
    • 34. isFirstElement と isNotFirstElement
    • 35. isFirstPage
    • 36. isLastElement と isNotLastElement
    • 37. isLastPage
    • 38. isNull と isNotNull
    • 39. isNumber
    • 40. isPreview と isNotPreview
    • 41. jstr
    • 42. kmg1000
    • 43. kmg1024
    • 44. lastElement
    • 45. lastModifiedDate
    • 46. length
    • 47. multiply
    • 48. nextElement
    • 49. nextPage
    • 50. number
    • 51. pageCreatedDate と revisionCreatedDate
    • 52. pageID
    • 53. pageRevision
    • 54. pageTitle
    • 55. pageWithPageID
    • 56. parseDate
    • 57. parseDateRFC2822 と parseDateRFC2822Relaxed
    • 58. parseDateW3CDTF
    • 59. parseHtml
    • 60. path
    • 61. prevElement
    • 62. prevPage
    • 63. previewClock
    • 64. previewLanguage
    • 65. quote
    • 66. remainder
    • 67. replaceAll と replaceFirst
    • 68. resourceURL
    • 69. resourceWithName
    • 70. rtlCount
    • 71. rtlRatio
    • 72. scheduledEndDate
    • 73. scheduledStartDate
    • 74. searchText
    • 75. setScale
    • 76. siteTimeZone
    • 77. sort
    • 78. split
    • 79. startsWith と endsWith
    • 80. string
    • 81. stripTags
    • 82. substring
    • 83. subtract
    • 84. suffix
    • 85. tail
    • 86. templateName
    • 87. thisPage
    • 88. toEntityRef
    • 89. toLowerCase と toUpperCase
    • 90. trim
    • 91. unescapeEntities
    • 92. unsplit
    • 93. width と height
  • 2. オブジェクト索引
    • 1. Channel オブジェクト
    • 2. CheckBox オブジェクト
    • 3. Folder オブジェクト
    • 4. HTMLComment オブジェクト
    • 5. HTMLDataNode オブジェクト
    • 6. HTMLDocument オブジェクト
    • 7. HTMLElement オブジェクト
    • 8. HTMLElements オブジェクト
    • 9. HTMLTextNode オブジェクト
    • 10. Page オブジェクト
    • 11. Selector オブジェクト
    • 12. XMLFeed オブジェクト
13章 Appendix
  • 1. Exif Orientation の扱いについて
  • 2. WebP 形式の画像の扱いについて
  • 3. CMYK / YCCK 形式の jpeg 画像について
  • 4. プレビュー時の URL 書き換え機能
  • 5. サポートされているタイムゾーン
  • 6. アカウント閉鎖ページへのアクセス制限
  • 7. 正規表現
  • 8. 要素名・リソース名・変数名・メソッド名

8章 コンテンツの入力

2. WYSIWYG エディタ

WebRelease ではページ編集画面で WYSIWYG (What You See Is What You Get) エディタが使えるようになっています。テンプレート側での要素の定義が「WYSIWYG エディタ」となっている要素については、ページ編集画面でコンテンツの入力は WYSIWYG エディタを使っての入力となります。

WYSIWYG エディタの起動

ページ編集画面では WYSIWYG エディタに指定されている要素の入力エリアは、ページ編集画面に入った直後は下記のように普通のテキスト領域のように表示されています。



このエディタエリア内をマウスでクリックすると WYSIWYG エディタが起動し下記のようにコマンドボタンが上部に表示されます。 この状態になるとエディタの機能を使ってコンテンツの編集ができるようになります。コマンドボタンの上にマウスカーソルを重ねた時に表示される説明でボタンの機能を確認することができます。

編集エリア右下にある三角形のボタンはドラッグハンドルです。このハンドルをマウスでドラッグすることで編集領域のサイズを自由に変更することができます。

フォーマット削除

フォーマットを削除したい部分をマウスでドラッグして選択し、フォーマット削除ボタンをクリックすると、その部分に設定されていたフォーマットを削除することができます。削除対象となるフォーマットは HTML でのインライン系のフォーマットです。例えば、太字、斜体、テキスト色、フォントおよびそのサイズなどが削除の対象となります。書式で指定された設定は削除対象にはなりません。

太字、斜体、下線、打ち消し線







太字、斜体、下線、打ち消し線などを付けたいテキスト部分をマウスでドラッグして選択し、コマンドボタンをクリックするとその部分の書体を変更することができます。また、既に書体が設定されている部分をマウスでドラッグして選択し、コマンドボタンをクリックすることで、その部分に設定されている書体を解除することができます。

添字、上付き添字



添字にしたいテキスト部分をマウスでドラッグして選択し、コマンドボタンをクリックするとその部分を添字または上付き添字に変更することができます。また、既に添字になっている部分をマウスでドラッグして選択し、コマンドボタンをクリックすることで、添字を解除することができます。

特殊文字挿入

特殊文字を挿入したい位置にカーソルを移動しておいてコマンドボタンをクリックすると、特殊文字選択パネルが表示されます。そのパネル中で挿入したい文字をクリックすることで特殊文字を挿入することができます。ブラウザによっては、この機能で挿入した文字を表示できない場合があります。想定しているブラウザで表示できるかどうかを確認してください。

左揃え、中央揃え、右揃え、両端揃え







カーソルが置かれている段落を、左、中央、右、両端に揃えます。

順序付き箇条書き、箇条書き



カーソルが置かれている段落を、箇条書きに変更します。箇条書きのレベルのコントロールは後述の「インデント」と「インデント解除」を使って行ないます。

インデント、インデント解除



カーソルが置かれている段落をインデントしたり、インデントを解除したりします。箇条書きの中で使用すると箇条書きのレベルの変更を行なうことができます。

  • ここは箇条書きになっています。
    • この行にカーソルを置いた状態で「インデント」を行なったので箇条書きのレベルが深くなっています。
      • さらに「インデント」を行なったので箇条書きのレベルがもう一段階深くなりました。

ブロック引用

カーソルが置かれている段落を「ブロック引用」します。ブロック引用は、対象部分を HTML の blockquote タグで囲みます。

ブロック引用された部分はこのように表示されます。カーソルが置かれている段落を「ブロック引用」します。ブロック引用は、対象部分を HTML の blockquote タグで囲みます。カーソルが置かれている段落を「ブロック引用」します。ブロック引用は、対象部分を HTML の blockquote タグで囲みます。カーソルが置かれている段落を「ブロック引用」します。ブロック引用は、対象部分を HTML の blockquote タグで囲みます。

書式の設定

カーソルが置かれている段落に書式を設定します。設定可能な書式は「見出し1」から「見出し6」と標準(p)、標準(div)、書式付き(pre)、アドレス(address) の10種類です。指定した書式に従って下表のとおり HTML タグが挿入されます。

指定する書式 対応する HTML タグ
見出し1(h1)   <h1>
見出し2(h2)   <h2>
見出し3(h3)   <h3>
見出し4(h4)   <h4>
見出し5(h5)   <h5>
見出し6(h6)   <h6>
書式付き(pre)   <pre>
アドレス(address)   <address>
標準(p)   <p>
標準(div)   <div>

フォント、フォントサイズ

選択されているテキストのフォントを指定します。

選択されているテキストのフォントサイズを指定します。フォントサイズは pt (ポイント) px (ピクセル) %(パーセント)のいずれかで指定することができます。どの単位でフォントサイズの指定を行なうかは「エディタ設定」側でコントロールします。

テキスト色、テキスト背景色



選択されているテキストの色を設定します。ボタンをクリックした時に表示されるパレットから色を選んでください。パレットに表示されている「自動」という選択肢は「色指定を行なわない」という指定です。「自動」を指定すると選択部分のテキスト色やテキスト背景色は、その周囲の指定やスタイルシートの指定に従って決定されます。「その他の色」が表示されている場合、そこをクリックするとカラーピッカーが表示されます。カラーピッカーを使えばパレットにない色も選択できます。カラーパレットに表示する色は「エディタ設定」側で指定された色です。また、「その他の色」を選択できるようにカラーピッカーを表示するかどうかもエディタ設定で指定されたとおりに動作します。

貼り付け、テキスト張り付け、ワード文書貼り付け

ペーストボードからの貼り付けの操作は3種類あります。

ペーストボードの内容をカーソル位置に貼り付けます。このコマンドは、ペーストボードの内容を、可能であれば何でも貼り付けてしまいます。思わぬペースト結果となる場合がありますので十分に注意して使用してください。例えば、どこかの Web サイトをブラウザで閲覧し、そのページの一部をコピーした後、この機能を使って貼り付けを行なうと、画像などは閲覧していたページの URL を直接参照する形で張り付けられてしまいます。それは意図した結果ではないかもしれません。できるならば「ソース」表示画面でペーストの結果生成された HTML が意図したものになっているかどうかを確認してください。HTML に関する十分な知識がない場合には、後述の「プレーンテキスト貼り付け」を使うことをお勧めします。

この「貼り付け」コマンドは CTRL-V (CMD-V) で起動することもできます。

ペーストボードにあるオブジェクト中のテキスト部分だけを、カーソル位置に貼り付けます。

Word 文書からコンテンツをコピーする時に使用します。ワード文書からコピーする時に、不要なタグを除去してよりクリーンな HTML として貼り付けを行ないます。この機能では、ワード文書中に置かれている画像はコピーできません。またハイパーリンクもコピーされません。

ワード文書からコピーする場合でも、テキストだけをコピーするのであれば、先の「プレーンテキスト貼り付け」を使用してください。

テーブル挿入/編集

カーソル位置にテーブルを挿入します。または、テーブルが選択されている状態では、そのテーブルの設定変更が行なえます。このボタンをクリックすると、下記のような設定パネルが表示されます。 必要な値を設定した後「OK」ボタンをクリックすると、カーソル位置にテーブルが作成されます。または、選択されているテーブルの設定が変更されます。

  • 「行」と「列」には作成するテーブルの行数と列数を指定します。テーブルの行数や列数は後から変更することも可能です。
  • 「ヘッダー(th)」 にはヘッダとして指定する行または列を指定します。選択肢は「なし」「最初の列」「最初の行」「両方」のいずれかです。ヘッダーと指定した部分は td タグではなく th タグが使用されます。td と th の表示上の違いは、使用しているブラウザやスタイルシートにより異なりますが、一般的に中央揃えの太字表示となるようです。
  • 「ボーダーサイズ」には枠線の太さを指定します。
  • 「テーブルの配置」には、テーブルの表示位置を指定します。選択肢は「なし」「左」「中央」「右」のいずれかです。「なし」の場合、テーブルの表示位置は周囲の状況やスタイルシートにより決定されます。
  • 「テーブル幅」にはテーブルの幅を指定します。指定の単位にはピクセルとパーセントが選べます。
  • 「テーブル高さ」にはテーブルの高さを指定します。
  • 「セル間隔」にはセル間の間隔を指定します。この値は生成される HTML の table タグの cellspacing の値となります。
  • 「セル内余白」にはセル内側の余白を指定します。この値は生成される HTML の table タグの cellpadding の値となります。
  • 「キャプション」にはテーブルのキャプションを指定します。
  • 「サマリー」にはテーブルのサマリーテキストを指定します。この値は、HTML の table タグの summary 属性の値となります。
テーブルのリサイズ

テーブルのボーダ上をマウスでクリックするとボーダー上に8個の四角いハンドルが表示され、テーブルが選択された状態になります。このハンドルをマウスでドラッグすることでテーブルのサイズを変更することができます。この方法は FireFox で使うことができますが、残念ながら、現状では Safari と Chrome ではこの方法でのテーブルをリサイズすることができません。Safari と Chrome の場合には、テーブル上で右クリックを行い、テーブルプロパティパネルを表示し、パネル上でテーブルのリサイズを行なってください。

カラム幅の変更

テーブルの縦ボーダ上にマウスを置くとテーブルのボーダを移動するための青いマーカーが表示されます。マウスでマーカーをドラッグすることでテーブルのセル幅を調整することができます。

セルの挿入/削除/結合/分割

テーブル内でマウスの右クリックを行なうとメニューが表示されます。「セル」メニューを選択するとさらに下位のメニューが表示されます。このメニューから操作を選択することでセルの挿入、削除、結合、分割が行なえます。

セルの結語は、右方向または、下方向となるので、結合したいセルの上または左のセルを選んだ状態でセルの結合を行なってください。
FireFox の場合、セルの結合の方法が少し異なります。FireFox の場合、マウスで複数のセルをドラッグして選択しておいてから右クリックでメニューを表示してください。メニューでセル結合を選ぶと、ドラッグして選択し ておいたセルが結合されます

セルプロパティの設定

セルプロパティとは、テーブルを構成するセルの種々の属性を指しています。セルのプロパティを設定することで、セル内の表示をコントロールすることができ ます。よく使うセルプロパティは、セル内のテキストの表示位置の設定でしょう。セル内のテキストを、左、右、上、下、中央などに位置合わせすることができ ます。また、セルの背景色やボーダ色を指定することもできます。

セルプロパティの設定は、テーブルメニューで行ないます。テーブル内の目的のセルの中でマウスの右クリックを行なうとテーブルメニューが表示されます。 「セル」メニューを選択するとさらに下位のメニューが表示されます。このメニューから「セルプロパティ」を選択すると、下記のようなセルプロパティ設定パネルが表示されます。このパネルを使ってセルの属性を指定します。

  • 「幅」欄にはセル(列)の幅を指定します。
  • 「高さ」欄にはセル(行)の高さを指定します。
  • 「折り返し」欄はテーブル中のテキストの折り返しの可否を指定します。
  • 「セル横の整列」欄には横方向のセルの整列方向を指定します。選択肢は「なし」「左」「中央」「右」のいずれかです。「なし」は指定をしないという指定です。この場合、整列はデフォルト(ブラウザのデフォルト、周囲の要素のスタイル指定状況によって定まるデフォルト、またはスタイルシートによる指定)となります。
  • 「セル縦の整列」欄には縦方向のセルの整列方向を指定します。選択肢は「なし」「上」「中央」「下」「ベースライン」のいずれかです。「なし」は指定をしないという指定です。この場合、整列はデフォルト(ブラウザのデフォルト、周囲の要素のスタイル指定状況によって定まるデフォルト、またはスタイルシートによる指定)となります。「ベースライン」は1行目のベースラインを揃えて表示する指定です。この指定を行なうと td (th) タグに対して valign="baseline" という指定が追加されます。動作の詳細については HTML の仕様を参照してください。
  • 「セルの種類」欄ではセルの種類を指定します。選択肢は「データ (td)」または「ヘッダ (th)」のいずれかです。
  • 「縦幅(行数)」欄にはセルの縦方向の結合数を指定します。この値は HTML の td または th タグの rowspan の値を指定するものです。セルの結合や分割をメニュー操作で行なっている限り、このパネルから直接この値を指定する必要はないかもしれません。
  • 「横幅(列数)」欄にはセルの横方向の結合数を指定します。この値は HTML の td または th タグの colspan の値を指定するものです。セルの結合や分割をメニュー操作で行なっている限り、このパネルから直接この値を指定する必要はないかもしれません。

  • 「背景色」欄にはセルの背景色を指定します。「選択」ボタンをクリックするとカラーピッカーが表示されますのでそこから色を選びます。現在、この色指定にはカラーパレットは使用できません。
  • 「ボーダーカラー」欄にはセルのボーダー色を指定します。「選択」ボタンをクリックするとカラーピッカーが表示されますのでそこから色を選びます。現在、この色指定にはカラーパレットは使用できません。
    設定を行なったら「OK」ボタンをクリックしてください。変更が反映されます。
行の挿入/削除 

テーブル内でマウスの右クリックを行なうとメニューが表示されます。「行」メニューを選択するとさらに下位のメニューが表示されます。このメニューから操作を選択することで行の挿入と削除が行なえます。

列の挿入/削除

テーブル内でマウスの右クリックを行なうとメニューが表示されます。「列」メニューを選択するとさらに下位のメニューが表示されます。このメニューから操作を選択することで列の挿入と削除が行なえます。

テーブルの削除

テーブル内でマウスの右クリックを行なうとメニューが表示されます。「テーブル削除」メニューを選択することでテーブルを削除することができます。

横経線の挿入

カーソル位置に横経線を挿入します。このコマンドはカーソル位置に HTML の hr タグを挿入します。

リンクの挿入と削除

選択されているテキストにリンクを設定します。リンクを設定したいテキスト(画像も可)を選択した状態でこのボタンをクリックすると下記のようなリンクパネルが表示されます。

選択されているテキスト部分(画像も可)に直接 URL を指定してリンクを作成したい場合には、リンクタイプに「URL」 を指定し、URL 欄に http または https で始まるリンク先ページの URL を指定します。

手もとの画像やPDF ファイルなどをアップロードしてそれをリンク先に指定したい場合には、リンクタイプに URL を指定した状態で「アップロード」タブをクリックして PDF や画像をアップロードすることができます。(後述)

Title 属性欄には HTML の a タグの title 属性の値を指定します。(空欄でも構いません)この値は、多くのブラウザで、リンク上にマウスを重ねた時に表示されるテキストとして使われています。

リンク先に WebRelease 上のページを指定する場合には下記の手順で URL 欄の指定を行なってください。

  1. リンク先に指定したいページをプレビューします。
  2. プレビューウインドウのアドレスバーに表示されている URL をコピーします。
  3. コピーした URL を「ハイパーリンク情報」タブの URL 欄に貼り付けます。

この方法でリンクを作成しておくと、そのページが移動したり、ファイル名が変更されるなどして URL が変化してもリンクが追従しますのでリンク切れのリスクがありません。また、リンクされた側のページにおいては、リンクしたページが「リンク元一覧」画面に表示されるため、どのページからリンクされているかを常に把握しておくことが可能となります。

一方、WebRelease で管理されているページであっても、他のサイトのページに対してはこの方法でリンクを作成することはできません。他のサイト中のページに対してリンクを作成する場合には、そのページの公開 URL (http や https で始まるURL) を使って直接リンク先を指定してください。

リンクタイプが URL の場合、リンク先以外に、ターゲットを指定することができます。

「ターゲット」タブでは、ユーザがそのリンクをクリックした時に、リンク先のページをどのように表示するかを指定します。ターゲットに指定した値は HTML の a タグの target 属性の値となります。

リンク先を同じウインドウ内で開きたい場合には「なし」、「最上位ウインドウ (_top)」、「同じウインドウ (_self)」のいずれかを指定してください。「なし」として特に指定しないのが一般的なようです。

リンク先を別ウインドウで表示したい場合には「ポップアップウインドウ」または「新しいウインド (_blank)」を指定してください。
 

ターゲットに「ポップアップウインドウ」を指定すると、この図のような画面が表示されます。このパネルを使って表示される別ウインドウのサイズや位置などを指定することができます。

「ポップアップウインドウ名」に名前を指定すると、開かれる別ウインドウに名前を付けることができます。異なるリンクが同じウインドウ名を指定すると、表示するウインドウを共有することができます。

「左端位置」と「上端位置」はスクリーン上でのウインドウの左上の位置を指定する時に使用することができるのですが、ページを閲覧しているユーザの環境、 例えばスクリーンサイズなど、が判らない状況ではあまり適切な値を指定できません。積極的には指定しない方が良いでしょう。ポップアップウインドウの表示に関しては、コンテンツを閲覧するユーザの使用しているブラウザによっては、指定どおりの表示にならない場合があります。想定しているブラウザで期待通りの表示になるかどうかを確認することをお勧めします。
 

手もとの画像や PDF ファイルなどをアップロードしてそれをリンク先に指定したい場合には、リンクタイプに URL を指定した状態で「アップロード」タブをクリックして PDF や画像をアップロードします。

アップロードしたいファイルを指定してから「サーバーに送信」ボタンをクリックするとファイルが WebRelease にアップロードされます。アップロードが成功すると、リンク先はアップロードしたファイルに設定されます。

アップロード可能なファイルのサイズは「エディタ設定」画面にて制限することができます。
 

アップロードするファイルとして画像(jpg  png  gif bmp webp のいずれか)を指定した場合には、画像を加工するための入力項目が表示されます。

「画像幅指定」と「画像高さ指定」は画像のサイズを変形したいときに指定してください。デジタルカメラなどで撮影した解像度の高い画像を直接アップロードする場合などには、この機能を使用して画像の解像度を Web での利用に適したサイズにリサイズしてください。幅または高さの一方のみを指定した場合、縦横比を維持した状態で指定された幅または高さになるように画像がリサイズされます。

「画像幅指定」または「画像高さ指定」に値が入力されていると、アップロードされた画像は実際にリサイズ処理されます。 WebRelease によって管理される画像はリサイズ後のものとなります。アップロードされたオリジナルファイルは WebRelease 中には保持されません。

「回転」は、アップロードされた画像を指定された方向に回転処理します。画像のリサイズ処理と同じく WebRelease で管理される対象は、回転された後の画像となります。

アップロード可能な画像のサイズ(ピクセルサイズ)とファイルサイズ(バイト数)は「エディタ設定」画面で制限することができます。

「圧縮パラメタ」は、画像を圧縮してファイルサイズを小さくしたい場合などに指定してください。指定可能な値は 1 から 100 の間の整数です。小さい値を指定するとより高く圧縮されますが画質が劣化します。大きな値を指定すると圧縮率は下がりますが画質は維持されやすくなります。高画質を望む場合には 60 以上の値を指定すると良いでしょう。高圧縮を望む場合には 40 程度の値がよいかもしれません。

リサイズ、回転、圧縮、などの処理を行なうと、オリジナルの画像のフォーマットにかかわらず、画像はすべて jpeg 形式に変換されます。

アップロードされたファイルが公開サーバ上に転送されるとき、可能な場合は、アップロードされた時のファイル名のまま公開サーバに転送されます。アップロード時のファイル名が日本語を含んでいる場合など、そのファイル名をそのまま使うことができない場合には、アップロード時にユニークなファイル名に付け替えられ、そのファイル名が公開サーバへの転送時に使用されます。画像ファイル名を特定の名前で公開したい場合には、アップロードする前にファイル名を希望する名前に変更しておいてください。

リンク先として画像や添付ファイルをアップロードした場合、アップロードされたファイルは WebRelease によって管理されます。設定したリンクを削除するとアップロードしたファイルも WebRelease から削除され、次回 FTP 時には、公開サーバからも削除されます。
 

リンク先として mailto: を指定することもできます。E-Mail アドレス、件名、本文を指定しておくと、このリンクをクリックした時に指定した宛先、件名、本文でメールアプリが起動するようになります。

尚、一部のブラウザでは件名や本文がメールアプリに渡らなかったり、文字化けを起こす場合があります。また、こういった比較的安易な方法で mailto: リンクを作成してインターネットに公開すると、スパムメールの餌食になってしまうかもしれません。

インターネットに公開するコンテンツでこのリンクタイプを使うには、それなりの覚悟が必要かもしれません。ご注意ください。イントラネット向けコンテンツでは便利に使える場合も多いのではないでしょうか。
 

リンクタイプとしてアンカーを指定することもできます。ここでのアンカーとは、ページ内に設置されたアンカーまたは、特定の id= 属性を持つ任意の要素が表示される場所にページ内で移動するリンクのことです。

アンカーへのリンクを設定する場合にはリンクタイプに「この要素内のアンカー」を選び、その上で、ページ内のアンカーへのリンクを作成するのであれば「アンカーを選択」ポップアップを使って、または、ページ内の要素で、ある id= 属性をもったエレメントの場所へのリンクを作成するのであれば「エレメントID」側のポップアップを使ってリンク先を指定します。

このタイプのリンク先はページ内にクローズしていますが、WebRelease ではこのタイプのリンクについては、現在、リンク切れのチェックはできません。また、手作業によるリンクの多用はメンテナンス性の低下の原因になります。あまり多用しないことをお勧めします。
 

リンクを削除する場合いは、リンクが設定されている部分にカーソルを移動した状態で「リンク削除」ボタンをクリックします。

アンカーの設置

コンテンツ中にアンカーを設置しておくと、その場所に向けてリンクを作成することができるようになります。アンカーを設置したい場合には、アンカーを設置したい場所にカーソルを移動しておいてから「アンカー挿入/編集」ボタンをクリックします。下図のようなパネルが表示されるのでアンカー名を入力してください。アンカー名はページ内でユニークでなければなりません。また、アンカー名には日本語は使えませんので、英字で始まる英字と数字の組み合わせで指定してください。

アンカー名を入力したら「OK」ボタンをクリックしてください。アンカーが設置されている部分は WYSIWYG エディタ上では下記のように表示されます。

設置したアンカーを削除する場合には、アンカーが設置されている部分にカーソルを移動しておいてから「アンカー挿入/編集」ボタンをクリックします。アンカープロパティパネルが表示されますのでアンカー名を空欄にして「OK」ボタンをクリックします。アンカーは削除されます。

画像の挿入と削除

画像を挿入する場合には、挿入したい位置にカーソルを移動しておいてから「イメージ挿入/編集」ボタンをクリックします。下記のようなパネルが表示されますので、挿入したい画像をアップロードしてください。画像ファイルの指定や各種指定を行った状態でパネル右下にある「アップロード」ボタンをクリックすると画像がアップロードされ WebRelease に取り込まれます。

「画像幅指定」と「画像高さ指定」は画像のサイズを変形したいときに指定してください。デジタルカメラなどで撮影した解像度の高い画像を直接アップロードする場合などには、この機能を使用して画像の解像度を Web での利用に適したサイズにリサイズしてください。幅または高さの一方のみを指定した場合、縦横比を維持した状態で指定された幅または高さになるように画像がリサイズされます。

「画像幅指定」または「画像高さ指定」に値が入力されていると、アップロードされた画像は実際にリサイズ処理されます。 WebRelease によって管理される画像はリサイズ後のものとなります。アップロードされたオリジナルファイルは WebRelease 中には保持されません。

「回転」は、アップロードされた画像を指定された方向に回転処理します。画像のリサイズ処理と同じく WebRelease で管理される対象は、回転された後の画像となります。

アップロード可能な画像のサイズ(ピクセルサイズ)とファイルサイズ(バイト数)は「エディタ設定」画面で制限することができます。

「圧縮パラメタ」は、画像を圧縮してファイルサイズを小さくしたい場合などに指定してください。指定可能な値は 1 から 100 の間の整数です。小さい値を指定するとより高く圧縮されますが画質が劣化します。大きな値を指定すると圧縮率は下がりますが画質は維持されやすくなります。高画質を望む場合には 60 以上の値を指定すると良いでしょう。高圧縮を望む場合には 40 程度の値がよいかもしれません。

リサイズ、回転、圧縮、などの処理を行なうと、オリジナルの画像のフォーマットにかかわらず、画像はすべて jpeg 形式に変換されます。

アップロードされたファイルが公開サーバ上に転送されるとき、可能な場合は、アップロードされた時のファイル名のまま公開サーバに転送されます。アップロード時のファイル名が日本語を含んでいた場合など、そのファイル名をそのまま使うことができない場合には、アップロード時にユニークなファイル名に付け替えられ、そのファイル名が公開サーバへの転送時に使用されます。画像ファイル名を特定の名前で公開したい場合には、アップロードする前にファイル名を希望する名前に変更しておいてください。

アップロードが完了すると表示は「イメージ情報」タブ側に切り替わります。このタブでは、画像の表示方法を指定することができます。

「代替テキスト」欄には HTML の img タグの alt 属性の値を指定します。「Title属性」欄には img タグの title 属性の値を指定します。

「表示幅」と「表示高」欄には画像を表示するときの幅と高さを指定します。この値の指定は、あくまでも表示上の幅と高さの指定である点に注意してください。この値を指定しても画像ファイル自体がリサイズされるわけではりません。この値を小さく指定しても画像ファイルは小さくなりません。ブラウザに配信される画像は画像をアップロードした時のサイズのままです。それをブラウザに表示する段階でここで指定された幅と高さが使用されて大きく、または小さく表示されます。画像ファイル自体のサイズを小さくするのであれば「アップロード」タブ側で画像をアップロードするときに、画像サイズを指定してアップロードしておく必要があります。現在の WebRelease にはアップロードされてしまっている画像を後からリサイズする機能はありませんので、必要があれば、画像ファイルを再度アップロードし、そのときにサイズを指定しなおしてください。

ボーダーには、枠線の太さを指定します。横間隔と縦間隔には、画像を表示する際に、枠線の外側に設ける間隔(パディング)を指定します。これらの値は HTML の img タグの border 属性、hspace 属性、vspace 属性として出力されます。

行揃えには、画像と周囲のテキストとの位置関係を指定します。「右」と「左」は、画像の周りにテキストが回り込む指定です。(HTML の仕様上、画像を中央に置いて、左右にテキストを回り込ませる指定はできません)それ以外の指定は、イメージをテキストの1行の中に置く指定です。この時、イメージやテキストのどの部分を整列の対象にするかによって、様々な指定が存在します。各指定によってどのような表示になるかについては HTML の仕様を参照してください。

アップロードされたファイルは WebRelease によって管理されます。エディタ画面上で画像を削除するとアップロードしたファイルも WebRelease から削除され、次回 FTP 時には、公開サーバからも削除されます。

WYSIWYG エディタの設定で「貼り付け」が使える設定になっている場合には、同じサイト内の他のページの Preview 画面から画像を Copy & Paste で取り込むことができます。

他のウインドウから Drag & Drop で画像を入力することはできません。画像の入力は上記の手順で行なってください。

Redo と Undo

直前に実行した編集操作を取り消すことができます。取り消せる操作は15ステップまでです。尚、すべての操作が思い通りの粒度で取り消せるわけではありません。

取り消してしまった編集操作を取り消さなかったことにすることができます。

検索と置換



編集中のコンテンツ中で単語の検索をおこないます。「検索」ボタンをクリックすると下記のような検索パネルが表示されます。検索条件を入力して検索してください。



編集中のコンテンツ中で単語の検索と置換をおこないます。「置き換え」ボタンをクリックすると下記のような検索パネルが表示されます。検索条件をと置き換え文字列を指定して置き換えを実行してください。

すべてを選択

編集エリア全体を選択状態にします。

ソース表示/編集

WYSIWYG エディタで編集中のコンテンツの HTML ソースを表示します。また、この状態で HTML を直接編集することができます。「ソース」ボタンを再度クリックすると通常の WYSIWYG モードに戻ります。この機能を使いこなすためには HTML に関する十分な知識が必要です。

ブロック構造の表示

WYSIWYG エディタで編集中の HTML のブロック構造を表示します。表示された情報の理解には HTML に関する十分な知識が必要です。

大画面編集

このボタンをクリックすることで WYSIWYG 編集エリアをページ編集画面全体に広げることができます。このボタンを再度クリックするともとの編集画面に戻ります。大きなコンテンツを WYSIWHG エディタで作成する場合に大変便利です。

© 2000 - 2025  FrameWorks Software, Inc.