ホーム > サポート・マニュアル > マニュアル > エントリーの投稿 > WYSIWYG(ウィジウィグ)で入力する
ここでは、WYSIWYG(ウィジウィグ)でエントリーの本文を入力する方法を説明します。
WYSIWYG(ウィジウィグ)機能は、バージョン1.2.0以降でご利用になれます。
WYSIWYG(ウィジウィグ)とは
WYSIWYGとは、「What You See Is What You Get」の略で、「ウィジウィグ」と読みます。a-blog cmsでは、エントリーの入力方法のうちのひとつに、このWYSIWYGを採用しています。入力画面上で表示されているとおりに表示することができます。
ウィジウィグ機能の利用設定
v1.2.0以降で新規インストールした場合は、あらかじめ設定されています。(但しv1.2.0を「company2」で新規インストールした場合は設定が必要です)v1.2.0以前のバージョンからv1.2.0以降にバージョンアップした場合は、この設定が必要です。
ウィジウィグ機能を利用するには、管理ページでの設定と、systemテンプレートをカスタマイズします。
(1)管理ページの[コンフィグ]-[エントリー]-[編集設定]画面の[テキストタグセレクト]で、[タグ]に「wysiwyg」(半角英字の小文字)、[ラベル]に「ウィジウィグ」と入力します。
(2)/system/rss2.xml と /system/include/column.html の<!-- BEGIN column#text --><!-- END column#text -->内に、以下のソースを追加します。
{text}[raw]
ウィジウィグでエントリーの本文を入力するには
(1)エントリーの作成画面で、テキストユニットを表示します。
(2)[ウィジウィグ]を選択すると、ウィジウィグ入力の表示に切り替わります。
(3)アイコンをクリックして、本文を入力していきます。
各アイコンの説明
| 1 | ソース | HTMLのソースを表示 |
|---|---|---|
| 2 | テンプレート(雛形) | あらかじめ用意されているテンプレートを表示 |
| 3 | 切り取り | 文字または画像を切り取り(カット) |
| 4 | コピー | 文字または画像をコピー |
| 5 | 貼り付け | 文字または画像を貼り付け(ペースト) |
| 6 | プレーンテキスト貼り付け | レイアウト情報や修飾情報を持たない文字を貼り付け(ペースト) |
| 7 | ワード文章から貼り付け | Wordから文章を貼り付け(ペースト) |
| 8 | 元に戻す | 1ステップ前の状態に戻す |
| 9 | やり直し | 1ステップ後の状態にする |
| 10 | 検索 | 入力エリア内の文字列を検索 |
| 11 | 置き換え | 入力エリア内の文字列を検索・置換 |
| 12 | すべて選択 | 文字または画像すべてを選択 |
| 13 | フォーマット削除 | レイアウト情報などのフォーマットを削除 |
| 14 | 最大化 | 入力エリアを最大化 |
| 15 | ブロック表示 | テキストをブロックごとに表示 |
| 16 | 太字 | 文字を太字に |
| 17 | 斜体 | 文字を斜体に |
| 18 | 下線 | 文字を下線付きに |
| 19 | 打ち消し線 | 文字に打ち消し線 |
| 20 | 添え字 | 文字の下部に小さい文字 |
| 21 | 上付き文字 | 文字の上部に小さい文字 |
| 22 | 段落番号 | 段落番号付きの文字 |
| 23 | 箇条書き | 箇条書きの文字 |
| 24 | インデント解除 | 文章のインデントを解除 |
| 25 | インデント | 文章にインデント挿入 |
| 26 | ブロック引用 | 引用文を挿入 |
| 27 | 左揃え | 文章を左側に寄せる |
| 28 | 中央揃え | 文章を中央に寄せる |
| 29 | 右揃え | 文章を右側に寄せる |
| 30 | 両端揃え | 文章の両端を揃える |
| 31 | リンク挿入/編集 | ハイパーリンクの挿入・編集 |
|---|---|---|
| 32 | リンク削除 | ハイパーリンクの削除 |
| 33 | アンカー挿入/編集 | アンカーを挿入・編集 |
| 34 | テーブル | テーブルの挿入 |
| 35 | 横罫線 | 横罫線の挿入 |
| 36 | スタイル | 文字列にブロックスタイル・インラインスタイルを適用 |
| 37 | フォーマット | 標準/見出し1〜6/書式付き/アドレス/標準(DIV)から選択して適用 |
| 38 | フォント | フォントを選択して適用 |
| 39 | サイズ | 文字サイズを選択して適用 |
| 40 | テキスト色 | カラーパレットから文字の色を選択して適用 |
| 41 | 背景色 | カラーパレットから文字の背景色を選択して適用 |
| 42 | 絵文字 ※1 | 絵文字を選択して挿入(絵文字の入力は「携帯電話の絵文字を入力する」を参照) |
(4)入力が終わったら、[保存]ボタンをクリックします。
ウィジウィグで表を編集する
ウィジウィグで入力する表の設定は、表内で右クリックして現れるメニューから設定ができます。
表を挿入するには
(1)表のアイコンをクリックします。(上記「各アイコンの説明」のアイコン34)
(2)プロパティのポップアップが表示されますので、行や列などを入力し[OK]ボタンをクリックして表を挿入します。
表のセルを複数選択するには
(1)表を挿入したら、セルの中の部分をクリックします。セル内にカーソルが現れます。
(2)入力エリア下にある要素名(tr, th, td)をクリックすると、セルが水色の枠で囲まれ、セルが選択状態になります。他に選択したいセルをShiftキーを押しながらクリックしていくと、複数選択できます。(セルをドラッグして複数選択することもできます。)
表のセル・行を追加・削除するには
(1)セルの中の部分をクリックします。セル内にカーソルが現れます。
(2)右クリックすると、メニューが表示されますので、「セル」または「カラム」(行)にカーソルを持って行きます。
(3)「挿入」または「削除」を選択すると、追加や削除が実行されます。
Permissions beyond the scope of this license may be available at http://start.typepad.jp/typecast/.
このドキュメントと関連している内容のエントリー
- 関連度 2 : 任意の入力フィールドをCKEditorにする
- 関連度 2 : ウィジウィグ・絵文字入力ユニットの設定をする
- 関連度 1 : ユニットグループ機能を使ってレイアウトする
- 関連度 1 : ダイレクト編集機能を使った更新
- 関連度 1 : 携帯電話の絵文字をテンプレートに記述して表示する
ドキュメントの内容に関するお知らせフォーム
内容に誤り・現行バージョンと異なる部分がありましたら、下記のフォームよりお知らせください。



