アルバム機能について

「アルバム機能」は、写真やイラスト画像を一覧で表示させることでギャラリーとして活用することができる機能です。
アルバム機能を要するアルバムコンテンツは、アルバムTOPページ（アルバム一覧）とアルバム詳細ページから構成されています。

アルバムTOPページ

アルバムTOPページは、作成されたアルバムの一覧を表示するページです。
アルバムの一覧には、見出しや投稿日、サムネイル画像などが表示されます。
ボタンを押すことで該当するアルバムの詳細ページを閲覧することができます。

アルバム詳細ページ

アルバム詳細ページでは、アルバムに投稿された画像を閲覧することができます。
アルバムに投稿された画像の表示方法は、[アルバムグループ設定]で変更することができます。表示方法は4パターンから選択することができます。

※表示方法はアルバムコンテンツに対して1パターンのみ設定可能です。アルバムごとに表示方法を変えることはできません。

アルバム機能の活用例

• 商品写真ギャラリー：商品の写真を集めたギャラリーです。商品カテゴリ、色、季節のおすすめなど工夫してアルバムを作成することでユーザーへアピールできます。
• 商品使用イメージギャラリー：商品の使用イメージを集めたギャラリーです。上記同様、工夫してアルバムを作成することでユーザーへアピールできます。
• イベント写真ギャラリー：開催したイベントの風景を集めた写真ギャラリーです。参加したユーザーの思い出となるだけでなく、次回参加者を増やすためのアピール材料にもなります。
• 展示会写真ギャラリー：出展した展示会の風景を集めた写真ギャラリーです。来場できなかった方へのアピールとしても効果的です。

上記以外にも工夫次第で様々なことに活用できる機能です。ぜひ、色々試してユーザーを楽しませるコンテンツを作成しましょう。

アルバム画像の表示パターンの紹介

アルバム画像の表示は、「標準」「LightBox」「CoverFlow」「Galleriffic」の4パターンの表示方法から選択することができます。

標準

リスト形式でサムネイルが表示されます。

画像や見出しをクリックすると各画像の詳細ページが表示されます（下記画像）。

さらに画像をクリックすると実寸表示されます（下記画像）。

LightBox

サムネイル画像のみの一覧が表示されます。

各サムネイル画像をクリックすると画面前面に拡大画像が表示されます（下記画像）。

CoverFlow

上部に拡大写真、下部にスライダー形式のサムネイルが表示されます。

スライダーのサムネイル画像をクリックすることで上部の写真が変わります。
まず表示させたい画像をスライダーの中から選択します（下記画像）。

すると選択したサムネイルが大きく表示され選択状態となります（下記画像）。

選択状態のサムネイルをもう一度クリックすると上部の画像が変更されます（下記画像）。

Galleriffic

上部に拡大写真、下部にサムネイル画像の一覧が表示されます。

下部のサムネイル画像をクリックすることで上部の写真が変わります（下記画像）。

イベントページやイベント記事ページ上で右クリックして表示されるショートカットメニューから、[イベント]→[イベント記事一覧]をクリックするとイベント記事一覧機能を表示することができます。

イベント記事の編集方法

イベント記事一覧機能で編集したい記事の[編集]ボタン（）をクリックすることで、記事の編集画面が表示されます。

イベント記事の削除方法

イベント記事一覧機能で削除したい記事の[削除]ボタン（）をクリックし、表示されるメッセージウィンドウのOKボタンをクリックすることで、記事を削除できます。
また、一括更新機能で複数記事を同時に削除することも可能です。

1.公開状態を更新したい記事のチェックボックスをチェック状態にします。

表示されている記事全てをチェック状態にしたい場合は一括チェック用チェックボックスをチェック状態にします。

1.コントロールパネルの[作成]タブの[新規作成]→[イベント記事を書く]をクリックします。

サイト内にイベントコンテンツが複数ある場合は、イベントコンテンツの一覧が表示されるので、記事を追加したいイベントの右側にある[追加]ボタン（）をクリックします。

3.「本文」タブに記事の本文を入力します。

本文の作成は記事の追加後に編集することも可能です（コンテンツパーツを利用できるため記事追加後の作成をオススメします）。

4.モバイルサイトで表示する内容を変えたい場合は「モバイル」タブでモバイルサイト用の本文を入力します。

入力がない場合は「本文」タブと同じ内容になります。

その他の新規イベント記事の追加方法

イベントトップページやイベント一覧の上で右クリックして表示されるショートカットメニューからも新規イベント記事の追加が可能です。
ショートカットメニューの[イベント]→[イベント記事の追加]をクリックするとダイアログが表示されます。

イベント一覧のリンクをクリックすると該当イベントの記事ページに移動できます。

記事ページでは、コンテンツパーツを使用して内容を作成することが可能です。

イベント記事設定の編集方法

イベント記事の記事設定を編集する場合は、イベント記事一覧や該当イベント記事上でショートカットメニューを表示し、[イベント]→[イベント記事の編集]を選択します。

イベント記事の削除方法

イベント記事を削除する場合もショートカットメニューを使用します。
ショートカットメニューを表示し、[イベント]→[イベント記事の削除]を選択します。

メッセージが表示されるのでOKをクリックすると記事が削除されます。

イベント機能を要するイベントページは、イベントTOPページ、各月のイベントページ、イベント記事ページから構成されています。

TOP・各月ページ

イベントTOPページ、各月のイベントページでは、一般的なカレンダー形式（下記画像1枚目）とリスト形式（下記画像2枚目）でイベントが表示されています。
登録されているイベントをクリックするとイベント記事ページが表示されます。

記事ページ

イベントの詳細などを記載するためのページです。
コンテンツパーツを使用して自由にレイアウトすることが可能です。

イベント設定画面を表示する方法は、コンテンツリスト機能を利用する方法とショートカットメニューから表示する方法の二通りあります。
※イベントの設定を操作するためには、イベントページを作成しておく必要があります。詳しくは、「特定の機能を持ったページの作成方法」をご覧ください。

コンテンツリスト機能を利用する方法

コントロールパネルからコンテンツリストをクリックし、ダイアログ内のイベントの[編集]ボタン（）をクリックするとイベント設定画面が表示されます。

ショートカットメニューから表示する方法

イベントページや一覧上で右クリックしてショートカットメニューを表示し、[イベント]→[イベント設定]をクリックするとイベント設定画面が表示されます。

イベント設定では、ブロックレイアウト用パーツの設定が可能です。
下記ではパーツ2種の表示例に関して解説します。

「E.最新イベント」パーツ

「E.最新イベント」パーツは、最新のイベントの一覧を表示するためのパーツです。最新一覧なので、終了したイベントは表示されません。
※ブロックレイアウト用のパーツは配置するブロックによって表示が異なります。

「E.最新イベント」パーツの設定は、イベント設定の「最新一覧の設定」で可能です。
見出し・表示件数・表示月数の3項目を設定できます。

表示件数は一覧に表示する件数を設定します。

表示月数では、当月から何ヶ月目までのイベントを表示するかを設定します。

「イベントカレンダー」パーツ

「イベントカレンダー」パーツは、イベントが登録されたカレンダーを表示するためのパーツです。

「イベントカレンダー」パーツの設定は、イベント設定の「カレンダー」で可能です。
表示させるカレンダーの月数を設定できます（過去の月は表示できません）。

上記のようにカレンダー表示月数を2ヶ月に変更すると、下記のように2ヶ月分のカレンダーが表示されます。

Rabbity-CMSで作成したWEBサイトには、ユーザーがブラウザ上で閲覧できる「公開サイト」と管理者がサイトの編集を行う「編集サイト」が存在します。
この「編集サイト」で行った編集結果を「公開サイト」で閲覧できるようにするために行うのが「サイトの再構築（サイト公開）」です。
どれだけ「編集サイト」でWEBサイトを作成・編集しても、再構築を行わないとユーザーが閲覧できる「公開サイト」には一切反映されないため、Rabbity-CMSで作成したWEBサイトの運用にとって重要な操作といえます。

公開サイト（上記画像）はユーザーが閲覧できる状態のサイトです。
編集サイト（下記画像）はサイト管理者が編集を行えるサイトで、コントロールパネルが表示されます。

サイトの再構築を行うとページ設定のステータスが「公開」になっているページが公開サイトに表示されるようになります。
このステータスを変更することでWEBサイトの公開範囲を操作することができます。

ステータスの項目ごとの公開状況は以下の通りです。

• 公開：再構築を行うことで公開サイトにページが表示されます。
• 非公開：再構築を行っても公開サイトにページが表示されません。
• 編集中：再構築を行ってもページの編集内容は反映されず前回再構築をした常態を維持します。ページ自体は表示されます（新規作成ページは除く）。既に公開済みのページで編集中の場合などに使用しましょう。

サイト公開予約機能は、再構築を行う日時を設定することで自動的に再構築させる機能です。

1.コントロールパネル下部の[公開予約]ボタンをクリックします。

2.「サイト公開予約ダイアログ」が表示されたら[追加]ボタン（）をクリックします。

3.再構築を行いたい日付・時間を設定します。

4.[OK]ボタンをクリックして設定を完了します。ダイアログに公開予約設定が追加されます。

設定されている公開予約設定を削除する場合は、該当する予約設定の右にある[削除]ボタン（）をクリックし、表示されるメッセージの[OK]ボタンをクリックします。

サイト公開予約機能で再構築が行われた場合、サイト内のステータスが「公開」になっているページが公開サイトに表示されます。
まだ未完成のページがある場合は、ステータスを「非公開」や「編集中」にしておきましょう。
トピックス記事やブログ記事など公開日時を設定できるページで、再構築時の日時よりも未来の日時が設定されている場合は表示されません。

ブログ記事一覧機能は、記事単体の編集・削除、記事のカテゴリーやステータスをまとめて変更するなどブログ記事を一括管理できる機能です。

ブログ記事一覧機能の表示方法

1.ブログパーツやブログ一覧ページ、ブログ記事ページで右クリックしてショートカットメニューを表示します。

2.[ブログ]→[エントリー一覧]をクリックします。

ブログ記事（エントリー）一覧ダイアログが表示されます。

記事の編集方法

ブログ記事一覧機能で編集したい記事の[編集]ボタン（）をクリックすることで、記事の編集画面が表示されます。

記事の削除方法

ブログ記事一覧機能で削除したい記事の[削除]ボタン（）をクリックし、表示されるメッセージウィンドウのOKボタンをクリックすることで、記事を削除できます。
また、一括更新機能で複数記事を同時に削除することも可能です。

1.ステータスを更新したい記事のチェックボックスをチェック状態にします。

表示されている記事全てをチェック状態にしたい場合は一括チェック用チェックボックスをチェック状態にします。

一括更新で「カテゴリー変更する」を選択して[開始]ボタンをクリックすると、カテゴリー変更画面が開き、記事のカテゴリーの追加や変更を一括で更新できます。
ブログカテゴリーの設定方法に関しては、「ブログカテゴリーの設定方法」をご覧ください。

カテゴリーを変更する

1.ダイアログ下部の「現在のカテゴリーを変更する」をチェック状態にします。

2.カテゴリー入力欄にカテゴリー名を入力するか、リストからカテゴリーを選択して[←]ボタンをクリックします。

3.カテゴリーの入力または選択が完了したら、[OK]ボタンをクリックします。

4.記事の一覧画面で該当記事のカテゴリーが更新されます。

カテゴリーを追加する

1.ダイアログ下部の「現在のカテゴリーに追加する」をチェック状態にします。

2.カテゴリー入力欄にカテゴリー名を入力するか、リストからカテゴリーを選択して[←]ボタンをクリックします。

3.カテゴリーの入力または選択が完了したら、[OK]ボタンをクリックします。

4.記事の一覧画面で該当記事にカテゴリーが追加されます。

サイト内にブログが複数ある場合は、ブログの一覧が表示されるので、記事を追加したいブログの[追加]ボタン（）をクリックします。

※本文入力欄で記事の内容を作成することができますが、まずは本文が空の状態で記事を作成し、その後記事ページでコンテンツパーツを利用して内容を作成していくことをオススメします。

追記が必要ない場合は未入力で問題ありません。
※追記とは、各記事の「続きを読む」をクリックすると表示される文章のことです。

サイトのブログページやブログ一覧の上で右クリックして表示されるショートカットメニューからも新規記事の追加が可能です。
ショートカットメニューの[ブログ]→[エントリーの追加]をクリックするとダイアログが表示されます。

追加された記事ページの内容は、コンテンツパーツなどを使用して作成することが可能です。
記事ページの内容の作成関しては、カテゴリー「ページ内容作成機能」の記事を参考にしてください。

記事の投稿日時やカテゴリーなどを編集する場合は、ショートカットメニューを使用します。
記事ページまたはブログ一覧の該当記事上で右クリックして表示されるショートカットメニューの[ブログ]→[エントリーの編集]をクリックすると「ブログエントリーダイアログ」が表示されます。
「情報」タブをクリックすると設定の編集が可能です。

記事を削除する場合も、ショートカットメニューを使用します。
記事ページまたはブログ一覧の該当記事上で右クリックして表示されるショートカットメニューの[ブログ]→[エントリーの削除]をクリックします。

メッセージが表示されるのでOKをクリックすると記事が削除されます。

前回記事「ブログの設定方法」のブログの設定画面の表示方法を参考に、ブログ設定ダイアログを表示します。
ブログ設定ダイアログの「カテゴリー」タブをクリックするとブログカテゴリーの設定画面が表示されます。

[追加]ボタンをクリックすることで新しいカテゴリーの入力欄が表示されます（下画像）。

登録カテゴリー欄に設定したいカテゴリー名を入力します（下画像）。
※同じ階層に同じカテゴリー名は登録できません。
※半角スラッシュ「/」は使用できませんのでご注意ください。

カテゴリーがツリーリストに追加されます（下画像）。

追加するカテゴリーを子階層のカテゴリーにすることも可能です。

[追加]ボタンを押して表示される新しいカテゴリーの入力欄の親カテゴリー欄をクリックして表示されるドロップダウンメニューから親カテゴリーを選択し、[OK]ボタンをクリックします。

追加された子カテゴリー（下画像）。

親カテゴリー横にある[追加子]ボタン（）をクリックして、カテゴリー名を入力し、[OK]ボタンをクリックします。

編集をキャンセルする場合は、[OK]ボタンの右隣にある[キャンセル]ボタンをクリックします。

カテゴリー名をドラッグすることでカテゴリーの順番を並び替えることができます。
※並び替え機能でカテゴリーの階層を変更することはできません。

※子カテゴリーが存在する親カテゴリーは削除することができません。子カテゴリーがある場合は親カテゴリーには[削除]ボタンが表示されませんので先に子カテゴリーを全て削除する必要があります。

新たなブログ記事の作成時や既存のブログ記事の編集時にもカテゴリーの設定が可能です。また、ブログ記事の管理機能である「エントリー一覧」からもカテゴリーの設定が可能です（カテゴリーの設定方法は、以下の方法と同様）。

カテゴリー名は1行に1つを入力してください（下画像）。

子カテゴリーを作成したい場合は、「親カテゴリー名」＋「/（半角スラッシュ。/の前後には半角スペースを追加してください）」＋「子カテゴリー名」のように入力してください（下画像）。

ブログの設定画面を表示する方法は、コンテンツリスト機能を利用する方法とショートカットメニューから表示する方法の二通りあります。
※ブログの設定を操作するためには、ブログを作成しておく必要があります。詳しくは、「特定の機能を持ったページの作成方法」をご覧ください。

コントロールパネルからコンテンツリストをクリックし、ダイアログ内のブログの[編集]ボタン（）をクリックするとブログの設定画面が表示されます。

ブログページや一覧上で右クリックしてショートカットメニューを表示し、[ブログ]→[ブログ設定]をクリックするとブログの設定画面が表示されます。

ブログ設定ダイアログではブログに関する様々な機能や項目について設定することができます。

• 全般設定タブ：ブログのタイトルやリストの表示件数などブログ機能の基本的な項目を設定するタブです。
• メール投稿設定タブ：モバイルからメールでブログ記事を投稿する機能に関する設定を行うタブです。詳細は「トピックスの設定方法」のトピックスの「メール投稿設定」の設定方法を参考にしてください。
• メール設定タブ：新着メール配信やコメント投稿メールなど、ブログ設定に関するメールの設定を行うタブです。
• カテゴリータブ：ブログ記事のカテゴリーを設定するタブです。詳細は「ブログカテゴリーの設定方法」をご覧ください。
• 拒否フィルタタブ：コメントやトラックバックの拒否フィルタを設定するタブです。
• インポートタブ：外部システムのブログをインポートするためのタブです。

ブログ設定ダイアログでの設定が完了したら、必ずダイアログ下部の[OK]ボタンをクリックして設定内容を保存しましょう（または[セーブ]ボタンをクリックしましょう）。
[OK]ボタンをクリックするまたは[セーブ]ボタンをクリックする前に[キャンセル]ボタンやダイアログ上部の[閉じる]ボタンをクリックしてしまうと設定した内容が反映されませんのでご注意ください。

トピックス記事一覧機能は、記事単体の編集・削除や記事のステータスをまとめて変更するなどトピックス記事を一括管理できる機能です。

1. WEBサイトのトピックスリストやトピックス記事ページで右クリックしてショートカットメニューを表示します。

2.[トピックス]→[記事一覧]をクリックします。

3.トピックス記事一覧ダイアログが表示されます。

記事一覧で編集したい記事の[編集]ボタン（）をクリックすることで、記事の編集画面が表示されます。

表示された記事の編集画面（下画像）

記事の編集方法については「トピックス記事の作り方」を参考にしてください。

記事の編集は、トピックスリストの該当記事や該当記事ページで右クリックして表示されるショートカットメニューの[記事の編集]からも可能です。

記事一覧で削除したい記事の[削除]ボタン（）をクリックし、表示されるメッセージウィンドウのOKボタンをクリックすることで、記事を削除できます。

表示されたメッセージウィンドウ（下画像）

記事の削除は、トピックスリストの該当記事や該当記事ページで右クリックして表示されるショートカットメニューの[記事の削除]からも可能です。

表示されている記事全てをチェック状態にしたい場合は一括チェック用チェックボックスをチェック状態にします。

トピックスの設定画面を表示する方法は、コンテンツリスト機能を利用する方法とショートカットメニューから表示する方法の二通りあります。

※トピックスの設定を操作するためには、トピックスページを作成しておく必要があります。詳しくは、「特定の機能を持ったページの作成方法」をご覧ください。

1.コントロールパネルの[作成]→[コンテンツリスト]をクリックします。

2.「コンテンツリストダイアログ」が表示されたらトピックスの[編集]ボタン（）をクリックします。

3.トピックスの設定画面が表示されます。

1. WEBサイトのトピックスやトピックス一覧ページ上で右クリックしてショートカットメニューを表示します。

2.[トピックス]→[トピックス設定]をクリックします。

3.トピックスの設定画面が表示されます。

トピックスでは、ログインアカウントを持たない方でもモバイルからメールでトピックスに記事を投稿することができます。
投稿後はすぐに再構築をして公開サイトに反映するか、管理者がチェックをしてから手動で再構築をして公開サイトに反映するかを選択できます。

モバイル端末のメール機能を利用してトピックス記事を投稿する方法は以下のとおりです。

1.件名に記事のタイトル、本文に記事の内容を入力します。

※iPhoneをご利用で「メール」からうまく投稿ができない場合は、「メッセージ（iMessage）」から投稿を行ってください。
※PCからのメール投稿につきましては、HTML形式ではなくプレーンテキスト形式で送信してください。
※ドキュメントルートにBASIC認証が設定されている場合は、メールの投稿機能へのアクセスができないため、ドキュメントルートのBASIC認証を解除してから投稿を行ってください。

2.掲載したい画像がある場合は添付してください。

メール投稿に対応している画像形式は、JPEG/PNG/GIF形式です。
添付した画像は記事本文の最後に追加されます。画像の位置を変更したい場合は後から記事を編集してください。

※対応している画像形式以外の画像が添付された場合は、正常にメール投稿を行うことができませんのでご注意ください。

3.投稿受付用メールアドレス宛にメールを送信します。

投稿受付用メールアドレスは、トピックスごとに異なります（トピックスが複数ある場合）ので、該当するトピックスの受付用メールアドレスであるかメールを送信する前に確認してください。

編集機能を解説する前に、見やすい・読みやすいページについて簡単にまとめてみたいと思います。

見やすいページにするためには、どこに何があるか、どこまでがひとつの段落か、といった視認性に配慮して作成する必要があります。

• どこに何があるか…見出しや文章などの各要素を個別に認識できる
• どこまでがひとつの段落か…各要素にまとまり感をつけることでひとつの段落として見分けやすい

上記のような視認性に配慮したページをRabbity-CMSで作るためには、目的に合ったコンテンツパーツの選択と組み合わせが重要です。
Rabbity-CMSには、要素ごとに数多くのコンテンツパーツを用意しているので、色々と試して目的に合ったコンテンツパーツを探してみましょう。

読みやすいページにするためには、適度に見出しを入れる、適度に改行を入れる、ポイントとなる語句を強調する、要素を組み合わせて補完する、といった可読性に配慮して作成する必要があります。

• 適度に見出しを入れる…各段落の情報量を減らすことで読みやすくする
• 適度に改行を入れる…長々と続く文章は読み疲れてしまうため、適度に改行を入れて文章を区切る
• 一定の法則を適用する…行揃えを揃える
• ポイントとなる語句を強調する…ポイントとなる語句や注意書きの文章などは、太字や色付けで強調する
• 要素を組み合わせて補完する…文章に写真やイラストを組み合わせることでお互いを補完しながら読み進めてもらう
• 文章以外の表現を使用する…文章を箇条書きや表に変換する

上記のような可読性に配慮したページを作るために、Rabbity-CMSには編集機能（エディタツール）が備わっています。Word感覚で簡単に操作できるので試してみましょう。

視認性に配慮したページをRabbity-CMSで作るためには、目的に合ったコンテンツパーツの選択と組み合わせが重要と述べました。これについて具体例を示しながら解説したいと思います。

あるサービスを紹介するページを以下のような構成で作成するとします。

• 大見出し
• サービスを簡単に説明する段落
• サービスの特長の詳細説明の段落

上記のそれぞれがまとまり感のあるひとつの段落として機能するようにコンテンツパーツを選択していきます（各要素を個別に認識できる点についてはコンテンツパーツの段階で解決されています）。

大見出しは、ページのタイトルとなる見出しです。
見出しのみでひとつの段落として認識できるようなパーツを選びましょう。h1見出しパーツや、キービジュアルパーツが該当するパーツです。

見出しh1パーツ（上画像）、ページに追加した見出しh1パーツ（下画像）

キービジュアルパーツ（上画像）、ページに追加したキービジュアルパーツ（下画像）

大見出し後の段落なので、導入となる段落です。少し大きめのまとまりとなるようなパーツを組み合わせましょう。
h2見出しパーツ、テキストパーツ、必要であれば画像のみパーツを組み合わせます。

上記の3パーツ（見出しh2パーツ、テキストパーツ、画像のみパーツ）を組み合わせたイメージ（下画像）

詳細説明の段落なので、上記よりも小さいまとまりとなるようなパーツを選択しましょう。
見出し＋テキスト＋画像が組み合わさったパーツや、カラムを備えたセットパーツが該当します。

見出し＋テキスト＋画像が組み合わさったパーツ（上画像）、カラムを備えたセットパーツ（下画像）

ページに追加した見出し＋画像＋テキストの組み合わせの3セットパーツ（下画像）

コンテンツパーツの追加が終わったら、一度全体を俯瞰して段落のまとまり感を感じられるか確認します。
調整の必要があればコンテンツパーツを変更しましょう。
このように適切なパーツの選択と組み合わせを考えることで視認性に配慮したページを作成することができます。

可読性に配慮したページを作るためのRabbity-CMSの編集機能について解説していきます。
※編集はフルエディタ編集機能を使用することを前提とします。

組み合わせパーツ内の文章に小見出しを付けたい場合、新たにコンテンツパーツを追加するとパーツごとの余白のせいでまとまり感を感じられない場合があります。
そのような場合は、フォーマット機能を使うことでまとまり感を保ちながら段落分けすることができます。
見出しにしたい文章を選択し、フォーマット（）から任意の見出しを選んで適用します。

文字を選択してフォーマット機能から見出しを選択（上画像）、見出しが適用された文字（下画像）

文章下に余白なし（強制改行）で改行したい場合は、shiftキー＋returnキーまたはshiftキー＋enterキーを使用します。
文章下に余白を付けて改行したい場合は、returnキーまたはenterキーを使用します。
※ダイレクト編集機能においても共通の操作となります。

shift＋returnキーで余白なし改行（強制改行）した場合（上画像）、returnキーで余白付き改行した場合（下画像）

文字を選択した状態で太字機能（）を使用します。

文字を選択した状態で斜体機能（）を使用します。

文字を選択した状態で下線機能（）を使用します。

文字を選択した状態で打ち消し線機能（）を使用します。

字下げした文章の先頭にカーソルを置いてインデント機能（）を使用します。
インデント解除機能（）を使えばインデントを解除することができます。

揃えたい文章を選択した状態でテキスト揃え機能を使用します。

• 左揃え（）
• 中央揃え（）
• 右揃え（）
• 両端揃え（）

文字を選択した状態でテキスト色機能（）を使用します。

文字を選択した状態で背景色機能（）を使用します。

選択した文章に設定された書式を削除します（）。
削除される書式は、太字、斜体、下線、打ち消し線、テキスト色、背景色です。

画像追加、箇条書き、表については個別記事がありますのでご覧ください。

• 画像追加：「WEBサイトへの画像の挿入方法と詳細設定方法について」
• 箇条書き：「リスト形式テキストの作成方法」
• 表：「WEBサイトへの表の挿入方法と編集方法について」

Rabbity-CMSの編集機能では、「番号付きリスト」と「箇条書きリスト（記号付きリスト）」を作成できます。
ワンクリックで簡単に文章をリスト形式に変更することができるので、用途に合わせて活用してください。

あらかじめテキスト系パーツなどを追加し、文章を作成しておきましょう。
文章は段落が分かれている必要があります。文章の段落分けはreturnキーまたはenterキーを使用してください。

リスト形式に変更したい段落をすべて選択してください。

「段落番号の追加／削除」は、文章を番号付きリストに変更し、「箇条書きの追加／削除」は、文章を箇条書きリストに変更します。

番号付きリストの例

箇条書きリストの例

リスト形式化した文章を解除して元に戻す場合は、文章を選択してツールバーから今現在のリスト形式と同じ形式のアイコンをクリックします。

番号付きリスト上で右クリックして表示されるショートカットメニューから「段落番号プロパティ」をクリックすることで番号付きリストの詳細設定が可能になります。

箇条書きリスト上で右クリックして表示されるショートカットメニューから「箇条書きプロパティ」をクリックすることで箇条書きリストの詳細設定が可能になります。

表組系のコンテンツパーツを使用すると簡単に表を挿入することができます。

「パーツの追加」は、右クリックで表示されるショートカットメニューからも選択できます。
操作方法の詳細は「選ぶだけで見出しや画像が簡単にレイアウトできるコンテンツパーツについて」をご覧ください。

画像系のコンテンツパーツを使用しなくてもフルエディタ編集機能を使用して表を挿入することが可能です。
行数・列数を指定して表を追加したい時などに便利です。

表を挿入したい箇所には、テキスト系のコンテンツパーツ（またはテキストが組み合わされたパーツ）を挿入しておくと、挿入された表のダイレクト編集も可能になるので便利です。

表にidを設定するなど、より高度な設定が可能です。
※表の挿入後のテーブルプロパティの設定は、表の上を右クリックして表示されるショートカットメニューの「テーブルプロパティ」から可能です。

挿入された表は、この段階で編集が可能になります。

挿入した表は、フルエディタ編集機能でもダイレクト編集機能でも編集することが可能です（挿入位置によってはダイレクト編集機能が使用できない場合があります）。

挿入後の表は、ダイレクト編集機能またはフルエディタ編集機能で編集が可能です。
また表の上で右クリックして表示されるショートカットメニューを使用することで細かい設定や編集が可能です。

ショートカットメニューの「行」で行の挿入や削除ができます。

ショートカットメニューの「列」で列の挿入や削除ができます。

ショートカットメニューの「セル」でセルの結合や分割ができます。

ショートカットメニューの「セル」→「セルプロパティ」でセルの詳細設定ができます。

セルにidやスタイルを設定するなど、より高度な設定が可能です。

ショートカットメニューの「テーブル削除」をクリックすると表が削除されます。
※クリックすると確認画面なしに即削除となるのでご注意ください。

Rabbity-CMSでの画像の挿入は、画像系コンテンツパーツでのダイレクト編集またはフルエディタ編集を使用します。
また、挿入する画像の選択には、システム内で画像の管理ができるサーバーブラウザ機能を活用します。
挿入したい箇所で必要な操作を行い、あらかじめサーバーブラウザにアップロードしておいた画像（挿入時にアップロードも可能です）を選ぶだけで簡単に画像を挿入することができます。

※サーバーブラウザへの画像のアップロードについては「画像のアップロードと管理」をご覧ください。

画像系のコンテンツパーツや画像が組み合わされているコンテンツパーツを使用するとダイレクト編集で簡単に画像を挿入することができます。

「パーツの追加」は、右クリックで表示されるショートカットメニューからも選択できます。
操作方法の詳細は「選ぶだけで見出しや画像が簡単にレイアウトできるコンテンツパーツについて」をご覧ください。

画像系以外にも「見出し+画像」といった画像が組み合わされているコンテンツパーツでも問題ありません。

画像上で右クリックして表示されるショートカットメニューから「コンテンツパーツ」→「編集」を選ぶ方法でもサーバーブラウザを起ち上げることができます。

画像系のコンテンツパーツを使用しなくてもフルエディタ編集機能を使用して画像を挿入することが可能です（一部ダイレクト編集のエディタでも可能）。
テキスト内に画像を追加したい時などに便利です。

挿入する画像のサイズを変更する場合は、幅・高さに数値を入力してください。

テキスト系、表組系のコンテンツパーツでのダイレクト編集では、上部にエディタツールバーが表示されるため、フルエディタ編集のように「イメージ挿入/編集」を使って画像の挿入が可能です。
※見出しのみ（見出し(h1)などのコンテンツパーツ）のパーツでは、ダイレクト編集時に上部にエディタツールバーが表示されません。

画像系のコンテンツパーツを使用して挿入した画像は、右クリックで表示されるショートカットメニューから「コンテンツパーツ」→「画像プロパティ」を選ぶことでリンクなどの設定が可能です。

エディタツールバーの「イメージ挿入/編集」を使用した時に表示されるイメージプロパティダイアログでも画像に細かい設定が可能です。イメージプロパティダイアログでは画像プロパティよりも細かい設定が可能です。

※サーバーブラウザ機能でアップロードを行う方が階層の指定や細かな設定ができるため、こちらのタブの使用はオススメしません。

フルエディタ編集機能とは、スタイルの設定やソースの編集など、ダイレクト編集よりも高度な編集ができる編集機能です。
ダイレクト編集のように決められた範囲のみの編集ではなく、メインコンテンツ領域全体やフリーパーツ全体の内容を編集することもできるので、ページの内容の広範囲を編集したい場合に便利な機能といえます。
WEBの知識がある場合は、ソースを直接編集することでエディタの各ツールだけではできない編集が可能です。

フルエディタ編集は、フリーページのメインコンテンツ領域やフリーパーツが配置された箇所などで右クリックして表示されるメニュー内の「フルエディタ編集」を選択することで操作が可能です。
また、「フルエディタ編集」と表示されない場合でもトピックスやブログなどはダイアログ内でフルエディタ編集機能が使用できます。

トピック一覧やトピック記事のページ上で右クリックして表示されるメニュー内の「トピックス」→「記事の編集」を選択します。

トピックスダイアログの表示後、「本文」タブを選択するとフルエディタ編集機能が付いた編集画面になります。

ブログも同じく、ブログ一覧やブログ記事上で右クリック→「ブログ」→「エントリーの編集」を選択して、ブログダイアログの「本文」タブを選択するとフルエディタ編集機能が使用できます。

ダイレクト編集やフルエディタ編集で使用できるエディタツールバーは、左端のオレンジ色の部分をクリックするとウィンドウの下部へ移動させることができます。
編集箇所とツールバーが重なってしまった場合に活用してみましょう。もう一度クリックすれば上部に戻ります。

自由に編集できるフルエディタ編集機能ですが使用する場合は下記の点に注意してください。

追加したコンテンツパーツ内のHTMLタグやクラスをフルエディタ編集機能で編集した場合、レイアウトが崩れる可能性があります。
コンテンツパーツ自体のレイアウトを変更したい場合は、コントロールパネルの「管理」タブから「モジュール設定」→「コンテンツパーツ編集」を選択して編集または新規のコンテンツパーツを作成してください。

コンテンツパーツ編集ダイアログのパーツリストから編集したいパーツを選択します。

編集画面下部のエディタ領域でコンテンツパーツの編集が可能です。

新規でコンテンツパーツを作成したい場合は、リスト下部の[追加]ボタンを押すと新規パーツの編集画面になります。

コンテンツパーツとは、主にメインコンテンツブロック内のレイアウトを自由にカスタマイズするための機能です。
見出しや画像だけでなく、見出し+テキスト+画像を組み合わせたパーツなど、ページの内容を自由にレイアウトできる様々なパーツが備わっています。
中には、2セット（2つの要素が横に2つ並ぶ）や3セット（3つの要素が横に3つ並ぶ）といった複雑なレイアウトのパーツも用意されているので、WEBの知識がない方でも簡単に高度なレイアウトを実現できます。
また、コンテンツパーツの内容は、ダイレクト編集機能やフルエディタ編集機能で編集が可能です。

コンテンツパーツは、フリーページのメインコンテンツ領域またはフリーパーツで操作が可能です。

コンテンツパーツダイアログには、よく使用するコンテンツパーツを格納しておける「お気に入り」タブを備えています。
各タブのパーツの右下にある[追加]ボタン（）をクリックするとそのパーツを「お気に入り」タブに登録することができます。

また、「お気に入り」タブ内のパーツの右下にある[お気に入りから削除]ボタン（）をクリックすると「お気に入り」タブから削除することも可能です。
編集作業の効率化のために「お気に入り」タブを有効活用してみましょう。

1.変更したいコンテンツパーツでコンテンツパーツパネルを表示させ、[パーツの変更]ボタンをクリックします。
2.コンテンツパーツダイアログから任意のパーツをクリックするとパーツが変更されます。
※コンテンツパーツを変更すると元のコンテンツパーツの内容が失われますのでご注意ください。

1.削除したいコンテンツパーツでコンテンツパーツパネルを表示させます。
2.[パーツの削除]ボタンをクリックして、[OK]をクリックするとパーツが削除されます。

1.並び替えしたいコンテンツパーツでコンテンツパーツパネルを表示させます。
2.[パーツを移動]の上下矢印ボタンをクリックすることで、上下のパーツと並び替わります。

右クリックで表示されるショートカットメニューからもコンテンツパーツの操作が可能です。
パーツの追加・変更・削除などの基本的なもの以外の操作メニューも備えていますので状況に応じて使い分けてください。

「WEBの知識がなくてもWEBサイトが作れる」機能について述べる前にWEBの基本的な知識について述べてみたいと思います。
WEBページは主に「HTML」と「CSS」という2つの言語で構成されています。
この2つの言語を組み合わせることで私たちが日頃から見ているWEBページ※が成り立っています。WEBページを作る上ではこの2つに関する知識は欠かせません。

※本記事では、WEBサイト・WEBサイト内の単一ページという意味で使用しています。

「HTML」とは、Hyper Text Markup Languageの略で、WEBページを作成するために開発された言語で、インターネット上に公開されているWEBページのほとんどがHTMLで作成されています。

HTMLでは、WEBページに表示するテキストや画像、リンクなどの要素に意味付けを行うことでWEBページの基本構造を定義します。
テキストなどの意味付けにはHTMLタグを使用します。
例えばテキストに見出しの意味を持たせる場合には、

<h1>見出しとするテキスト</h1>

といったように、<開始タグ>〜</終了タグ>で意味付けするテキストをはさみます（これを「マークアップ」といいます）。

このようにWEBページに表示する要素をマークアップすることでそのページの基本構造を定義することがHTMLの役割です。

「CSS」とは、Cascading Style Sheetsの略で、WEBページのスタイルを指定するための言語です。
HTMLで定義したテキストなどの各要素のレイアウトや色、サイズ、書式、動きなどをCSSで指定することでWEBページの見た目を整えることができます。

上記のようにWEBページにおいて、HTMLとCSSという2つの言語は欠かせない存在であることが理解できたと思います。
ではなぜ、Rabbity-CMSでは「WEBの知識がなくてもWEBサイトが作れる」ことを強く謳っているのか？

それは、WEBの見た目にこだわるよりも運用に力を入れてほしいからです。どんどん新しいページを作成して情報発信し、お客様の業績向上にWEBサイトを役立ててほしいのです。
そのためにはWEBの知識を習得するよりも、簡単にページが作成できてどんどん「試す」ことができる方が運用に力を入れることができると考えています。
もちろん全く必要ないかといえばそんなことはなく、HTMLとCSSを習得できれば、テンプレートのカスタマイズなど表現の幅は広がります。
まずは運用に力を入れてもらい、並行して少しずつ勉強することが理想といえます。

Rabbity-CMSでは、新規のページを簡単に作成できたり、テンプレートを変えるだけでデザインを変更できたり、パーツの入れ替えだけでレイアウトを変更できたりと知識がなくてもWEBサイトが作れる様々な便利機能を備えています。
中でも一番の便利機能がページの中身を簡単に編集できる編集機能です。
編集機能には、ダイレクト編集、フルエディタ編集、コンテンツパーツの3つの機能があり、これらを組み合わせて使うことで簡単にWEBページを作ることができます。
それでは、3つの機能の特徴について解説していきます。

ダイレクト編集は、編集したい箇所をダブルクリックするだけで編集画面に切り替わる編集機能です。
誤字脱字の修正や言い回しの変更、文章の追加などサクッと編集したい時に便利な機能といえます。
※ダイレクト編集ができない箇所もあります。

ダイレクト編集は、編集したい箇所でダブルクリック→編集画面でテキストなどを編集→「保存」ボタンを押して作業完了といった流れで操作が非常に簡単です。
ダイレクト編集ができる箇所は、マウスカーソルを合わせた時にオレンジ色の枠線が表示されます。

ダブルクリックでダイレクト編集画面に切り替わります。

あとは編集して「保存」ボタンを押すだけで編集が完了します。

本文テキストや表組みパーツでは、エディタを使用してテキスト色の変更やリンクの設定が可能です。

画像の場合は、サーバーブラウザが立ち上がるので任意の画像を選ぶだけで画像が変更されます。

フルエディタ編集では、アンカーの設定やソースの編集など、ダイレクト編集よりも高度な編集が可能です。
また、ダイレクト編集のように決められた範囲のみの編集ではなく、メインコンテンツ領域全体やフリーパーツ全体の内容を編集することができます。
ページの内容の広範囲を編集したい場合に便利な機能といえます。
また、WEBの知識がある場合は、ソースを直接編集することでエディタではできない編集が可能です。

フルエディタ編集は、フリーページのメインコンテンツ領域またはフリーパーツが配置された箇所で右クリックして表示されるメニュー内の「フルエディタ編集」を選択することで操作が可能です。

フルエディタ編集では、領域全体の編集が可能です。

エディタツールバーには豊富な機能が備えられており、ソースの編集も可能です。

コンテンツパーツは、リストからパーツを選ぶだけで要素を追加できる機能です。
「見出し」「画像系」「表組系」「テキスト系」など様々な要素のパーツを組み合わせることで内容の追加やレイアウトが簡単にできます。
パーツの変更や削除、順番の入れ替えも簡単にできるため、WEBページの内容を作り込んでいく時に便利な機能といえます。

コンテンツパーツは、フリーページのメインコンテンツ領域またはフリーパーツで操作が可能です。
上記の領域内の枠が表示される箇所でマウスを長押しクリックすると、コンテンツパーツパネルが表示されます。

「パーツの追加」ボタンを押して表示されるコンテンツパーツダイアログから任意のパーツを選択します。

追加したパーツは、ダイレクト編集やフルエディタ編集を使って編集することができます。

Rabbity-CMSの編集機能の強みは、WEBの知識がない方でも簡単に編集できることです。
ぜひ便利な編集機能を使って色々なことを試して、成果を生み出せるWEBサイトに育ててください。

メールフォームは一般的にデータの入力、入力内容の確認、データの送信といったステップで遷移します。遷移ページとは各ステップごとに表示されるページのことです。

開始ページとは、メールフォームへデータを入力するステップのページです。

確認ページとは、入力された内容を確認するためのページです。

完了ページとは、データの送信が完了したことを伝えるページです。

各遷移ページの設定は、「メールフォームダイアログ」の「開始ページ」タブ・「確認ページ」タブ・「完了ページ」タブで行うことができます。

「開始ページ」タブ・「確認ページ」タブ・「完了ページ」タブでの設定は、エディタでの作成となります。
各遷移ページタブのエディタに掲載したい内容を入力し、[OK]ボタンを押して完了してください。

各遷移ページタブでの設定はエディタを使用する必要があるため、エディタでの作成に慣れていない方には難易度が高い設定方法といえます。
そのため、画面上でのダイレクト編集での設定方法について紹介します。

メールフォームが設置されているページを開いて、ページの大見出しの下にあるテキスト上（マウスのカーソルを合わせると青枠が出る箇所）でダブルクリックするとダイレクト編集モードになります。
また、上記のテキスト上でマウスを長押しすることでコンテンツパーツを使用することもできます。
確認ページ・完了ページも同様にダイレクト編集やコンテンツパーツの使用が可能です。

ページの大見出しの下にあるテキスト上（マウスのカーソルを合わせると青枠が出る箇所）でダブルクリックします。

ダイレクト編集モードになり、編集が可能になります。

メールフォーム入力の最初のステップとなる開始ページは、常時表示しておくページのため、コンテンツリストやメニューのリンクから表示することができます。
しかし、確認ページと完了ページはあくまでメールフォーム入力後のステップ用のページとなるため、コンテンツリストには表示されず、メニューにリンクを設定しておくわけにもいきません。

そのため、確認ページと完了ページは、以下の方法で直接開きます。
その後は開始ページと同様にダイレクト編集やコンテンツパーツの使用が可能です。

メールフォームが設置されているページを開き、メールフォームの各設問を入力して確認ページを直接開きます。
各設問の「必須項目」を一時的に「無回答可」にしておくと入力の手間が減って楽です。

メールフォームが設置されているページを開き、ブラウザ上のURL表示スペースで表示されているURLの後ろに「complate/」と直接入力し、returnキーやenterキーを押します。

メールフォームの基本設定は、「メールフォームダイアログ」の「設定」タブで行うことができます。
設定が終了したら、[OK]ボタンを押して設定を完了させてください。

ページの見出しとして表示されます。

該当するメールフォームから問い合わせの投稿（送信）があった場合に、その投稿を知らせるためのメールアドレスを設定します。

メールフォームからの投稿を知らせるメールのFrom（送信者）を設定します。

選択肢：

• 送信先メールアドレス…「送信先メールアドレス」に入力したアドレスが設定されます。
• 入力されたメールアドレス…フォーム内に入力されたメールアドレスが設定されます。

メールフォームからの投稿を知らせるメールの、件名と内容を設定します。
初期設定では、雛形が入力されています。
送信する内容は以下のように入力することで制御することができます。

※上記の表記は通常のテキストで問題ありませんが、大括弧「]」の後ろに改行を入れるとシステムで自動的に削除されてしまいます。意図的に改行する際はスペースを入れてから改行してください。

投稿されたデータをサーバーに保存する・しないを設定します。保存するを選択した場合、メールフォームから投稿された内容を編集サイトで管理することができます。

フォームへの入力内容のチェックをするタイミングを設定します。

選択肢：

• 確認ボタンクリック後…フォームの確認ボタンクリック後のみ入力内容チェックを行います。
• 設問移動時…各設問への入力後、入力設問を移動する際に入力内容チェックを行います。確認ボタンクリック後の入力チェックも合わせて行われます。

メールフォームから投稿された時に投稿者へメールを自動送信する・しないを設定します。
自動返信をする場合は必ずフォームに「メールアドレスチェック」を付けた設問を設定してください。

自動返信を「する」にした場合に自動返信するメールの件名と内容を設定します。
内容にフォームの入力内容を記載する場合は、「メール」の設定同様に[#FORM]などの表記を加えてください。

該当するメールフォームの投稿一覧から、個別に返信メールを送る際に使用する雛形を設定します。

返信メールの一番下に自動的に記載される内容を設定します。
主に会社名・担当者名・住所・連絡先などを入力します。

メールフォームの公開設定ができます。

投稿を知らせるメールの内容や自動返信メールの内容の変更など、メールフォームの基本設定を変更した場合は、必ずメールフォームの投稿テストを行い、正しい内容のメールが送信されるかを確認しましょう。