セレサイトユーザーマニュアル - Selesiteselesite.com/pdf/user_manual.pdfセレサイト...

セレサイトユーザーマニュアル


2010年7月8日改訂


セレサイトユーザーマニュアル　

目　次

■管理画面にサインインする・・・3

■管理画面の見方・・・4

■トップページの情報レイアウトを設定する　・トップページの情報レイアウトの設定メニュー　・・・5　・新着ブロックの表示例について　・・・6　・トップページの情報レイアウト設定について　・・・7

■コンテンツグループの表示レイアウトを設定する　・コンテンツグループの表示レイアウトの設定メニュー　・・・8　・コンテンツグループの表示例について　・・・9　・コンテンツグループの表示レイアウトの設定について　・・・10

■新規ページを作成する　・新規ページ作成までの手順・・・11　・新規ページ作成メニューについて・・・12　・新規ページの作成方法① ・・・13　・新規ページの作成方法② ・・・14

■スライドショーを設定する・・・15

■サイドバナーを設定する・・・16

■共通画像を設定する・・・17

■トップページのショートカットエリアを設定する・・・18

■各コンテンツグループのトップページのリード文を設定する・・・19

■コンテンツイメージの画像を設定する・・・20

■モバイル専用メニューを設定する・・・21

■モバイル専用バナーを設定する・・・22

■Twitterを設定する・・・23

1


セレサイトユーザーマニュアル　

目　次

■カテゴリの作成及び追加・・・24

■カテゴリの編集・・・25

■カテゴリとブログ記事の並び替え方法・・・26

■作成済みページを編集する　・作成済みページ編集までの手順・・・27　・ウィジウィグ機能を使った作成済みページの編集方法① 　　・・・28　・ウィジウィグ機能を使った作成済みページの編集方法② 　　・・・29　・ウィジウィグ機能を使った作成済みページの編集方法③ 　　・・・30　・ウィジウィグ機能を使った作成済みページの編集方法④ 　　・・・31　・ウィジウィグ機能を使った作成済みページの編集方法⑤ 　　・・・32　・ウィジウィグ機能を使った作成済みページの編集方法⑥ 　　・・・33　・ウィジウィグ機能を使った作成済みページの編集方法⑦ 　　・・・34　・ウィジウィグ機能を使った作成済みページの編集方法⑧ 　　・・・35　・ウィジウィグ機能を使った作成済みページの編集方法⑨ 　　・・・36

2


管理画面にサインインする

管理画面へのサインイン方法を解説します。

【ユーザー名】配布されたユーザー名をご入力ください。

【パスワード】配布されたパスワードをご入力ください。

【ログイン情報を記憶する】サインイン時にチェックを入れると保存します。会社のパソコンや複数の方が利用されるパソコンをご使用の場合は、セキュリティ保護の為チェックを入れずにサインインされることをお勧めします。

【パスワードをお忘れですか？】クリックすると、パスワード再設定画面を表示します。

【サインイン】ユーザー名・パスワードをお間違えのないよう入力しサインインをクリックすると、管理画面へ進みます。

サインイン方法

ユーザー名/パスワードを忘れたら管理画面へのパスワードがわからなくなった場合に、再設定を行います。ユーザー名・メールアドレスにつきましては、お問い合わせください。

1

23

4 5

1

2

3

4

5

【パスワードをお忘れですか？】をクリックすると、　パスワード再設定画面が表示されます。

1

1 【電子メール】　登録されているメールアドレスを入力し、再設定ボタンをクリックしてください。

登録されているメールアドレス宛にパスワード再設定のメールが届きますので、メール内容に従ってパスワードの再設定を行ってください。

3


管理画面の見方

管理画面へログイン後のトップページの表示内容を解説します。

管理画面メニューについて

【コンテンツグループ選択ボタン】コンテンツグループを選択できます。

1

3 4 5 6 7

9

11

13

1

2 【ダッシュボード】管理画面のトップページに戻ります。

3

4

5

6

7

8

9

10

11

12

13

【新規作成】新規ページ等を作成するメニューです。

【一覧】ページを管理するメニューです。

【デザイン】デザインを変更するメニューです。

【設定】基本情報や設定を変更するメニューです。

【ツール】システム運用のツールを利用できます。

【ヘルプ】ヘルプページが表示されます。

【ログイン名表示】現在ログインされているユーザー名が表示されます

【ログアウト】管理画面からログアウトします。操作が終了した際は必ずログアウトを行ってください。

【検索】作成したページなどタイトルやキーワードで検索ができます。

【ユーザー情報表示】ログイン中のユーザーに関する情報を表示します。最近更新した情報など確認できます。

【最近のページ】最近のページの更新状況や、新着コメントなど、ページの情報が表示されます。

2

8 10

12

4


トップページの情報レイアウトを設定する①（ゾーニングエリア）

ログイン後から、トップページの情報レイアウト（ゾーニングエリア）を設定するまでの過程を説明

【コンテンツグループを選択】ログイン後、コンテンツグループ選択ボタンをクリックしてください。

コンテンツグループ選択ボタンをクリックすると、コンテンツグループ一覧が表示されます。ホームページのHOMEを選択してください。

【トップページの情報レイアウト設定】トップページの情報レイアウト（ゾーニングエリア）は各コンテンツの最新情報を新着ブロックとして６個まで表示できます。一つのブロックの中には1～20記事まで表示数を設定することができます。

トップページの情報レイアウト（ゾーニングエリア）の設定メニュー

1

3

1

2

2 【設定】設定メニューにカーソルを合わせ、全般を選択。

5

3

【ゾーニングエリアの各設定を選択】トップページの情報レイアウト（ゾーニングエリア）は最大6個まで表示できます。項目は、表示しない、コンテンツ1～6まであります。トップページに表示したい場合は、コンテンツ1～6をお選び頂き、表示させたくない場合は、表示しないを選択します。

表示パターンは、大きくニュース型・ブログ型・ページ型の3種類で、5つの表示パターンがあります。お客様のお好みにあったパターンをお選びください。

表示数については、一つのブロックの中に1～20記事まで表示数を選択することができます。

5

【新着ブロックの表示例を見る】ゾーニングエリアのレイアウトの一覧を閲覧することができます。一覧の閲覧方法についてはP.6をご覧ください。

4

【変更を保存】変更を保存できます。

6

45

6


トップページの情報レイアウトを設定する②（ゾーニングエリア）


【新着ブロックの表示例を見る】新着ブロックの表示例を見るをクリックすると、別ウィンドウが開きます。

【レイアウト画像の拡大をする】各レイアウトの画像をクリックすると大きな画像として表示されます。

拡大された場合のサンプル画像・ニュース型：001・ページ型：002

新着ブロックの表示例について

1

3

1

2 【ゾーニングエリアのレイアウト一覧】ゾーニングエリアのレイアウトの一覧が表示されます。

6

2

ニュース型：001 ページ型：0023


トップページの情報レイアウトを設定する③（ゾーニングエリア）


【各ゾーニングエリアを選択】トップページの情報レイアウト（ゾーニングエリア）に表示したいコンテンツグループを選択します。表示させたくない場合は、表示しないを選択します。

【表示数を選択】トップページの情報レイアウト（ゾーニングエリア）に表示したいコンテンツグループの表示パターン内で表示される数を1～20記事までの選択することができます。

トップページの情報レイアウト（ゾーニングエリア）の設定について

1

3

2 【各パターンを選択】トップページの情報レイアウト（ゾーニングエリア）に表示したいコンテンツグループの表示パターンを選択します。

7


4

① ニュース型：001

② Blog型：001

③ ページ型：003

5

21 3

4

【トップページの情報レイアウトが反映】変更を保存すると、上図のように反映。　①②③は、①ニュース型001、②Blog型001、③ページ型003で設定されています。※設定を有効にするためには、再構築が必要となります。

5


コンテンツグループの表示レイアウトを設定する①

ログイン後から、コンテンツグループの表示レイアウトを設定するまでの過程を説明


コンテンツグループ選択ボタンをクリックすると、コンテンツグループ一覧が表示されます。設定したいコンテンツグループを選択してください。

【コンテンツグループ表示レイアウト設定】コンテンツグループの表示レイアウトを設定します。インデックスパターン（コンテンツグループのトップのページ一覧の並び）とアーカイブパターン（カテゴリやページ一覧の並び）のレイアウトを設定することができます。

コンテンツグループの表示レイアウトの設定メニュー

1

3

1

2 【設定】設定メニューにカーソルを合わせ、全般を選択。

8

3

【表示レイアウトの各設定を選択】コンテンツグループの表示レイアウトを設定します。インデックスパターンとアーカイブパターンのレイアウトを設定することができます。

・アーカイブパターンは2階層目以降、すべてに適用されます。・選んだレイアウトによってはカテゴリ設定でサムネイル画像を設定する必要があります。・選んだレイアウトによってはページ作成画面でページごとのサムネイル画像を設定する必要があります。・「表示数」は、ページ一覧表示時の数になります。カテゴリ一覧は常に全件表示されます。

5

【レイアウトの表示例を見る】コンテンツグループのレイアウトの一覧を閲覧することができます。

4


6

4

5

6

2


コンテンツグループの表示レイアウトを設定する②


【レイアウトの表示例を見る】コンテンツグループのレイアウトの表示例を見るをクリックすると、別ウィンドウが開きます。

【レイアウト画像の拡大をする】各レイアウトの画像をクリックすると大きな画像として表示されます。

拡大された場合のサンプル画像・ページ型：004・ページ型：008

コンテンツグループの表示例について

1

3

1

2 【コンテンツグループのレイアウト一覧】コンテンツグループのレイアウトの一覧が表示されます。

9

2

ページ型：004 ページ型：0083


コンテンツグループの表示レイアウトを設定する③


【各ページの表示パターンについて】表示パターンについて説明します。・インデックスパターン（コンテンツグループのトップのページ一覧の並び）・アーカイブパターン（カテゴリやページ一覧の並び）

コンテンツグループの表示レイアウトの設定について

1

4

3 【表示数を選択】コンテンツグループの表示レイアウトに表示パターン内で表示される数を1～20記事までの選択することができます。

※アーカイブパターンは2階層目以降、すべてに適用されます。

10


5

32

4

【コンテンツグループの表示レイアウトが反映】変更を保存すると、上図のように反映。　設定変更前の表示パターンはページ型001、設定変更後のはページ型004で設定。 ※アーカイブパターンの設定は、2階層目以降、すべてに適用されます。※設定を有効にするためには、再構築が必要となります。

5

［設定変更前］表示パターン：ページ型001 ［設定変更後］表示パターン：ページ型004

※選んだレイアウトによってはページ作成画面でページごとのサムネイル画像を設定する必要があります。

【各ページのパターンを選択】コンテンツグループの表示パターンを選択します。

2

1


新規ページを作成する

ログイン後から、新しいページを作成するまでの過程を説明


コンテンツグループ選択ボタンをクリックすると、コンテンツグループ一覧が表示されます。新しくページを作成したいコンテンツグループを選択してクリックしてください。

【新規作成】新規作成メニューにカーソルを合わせ、新規ページを選択。または「新しいページを書く」ボタンをクリック。

【新しいページを作成】「新しいページを作成」の画面が表示され、新しいページの作成ができます。

新規ページ作成までの手順

1

3

4

1

2

3

4

2 【選択されたコンテンツグループ】選択されたコンテンツグループの画面に、切り替わります。

11



新規ページのメニューを解説します。

【タイトルを入力】タイトルとなる文章を入力します。

【本文を入力】本文にページの情報を入力します。かんたん編集とHTML編集（上級者向け）が選択でき、お客様でお好きなフォーマットで作成ができます。WYSIWYG（ウィジウィグ）機能が利用できます。

【画像を選択】画像を選択し、サムネイル画像として利用できます。

新規ページ作成メニューについて

1 2

3

4

1

2

3

4

7 8

【SEOキーワード】作成するページのSEOキーワードをお客様で入力できます。

8

【保存】作成したページを保存する事ができます。

7

【確認】作成したページを確認する事ができます。

5

6

5 【公開状態の設定】作成したページの状態を設定します。

6 【カテゴリ設定】作成したページのカテゴリを設定します。

12



新規ページの作成方法を解説します。

【タイトル】作成されるページのタイトルをご記入ください。

【本文】作成されるページの情報を赤枠内にご記入ください。文章だけでなく、画像や表の追加ができます。

【WYSIWYG （ウィジウィグ）機能】本文の情報入力に非常に役立つ機能。WYSIWYG（ウィジウィグ）機能を使い、表作成や見出しや画像挿入などができます。

※ WYSIWYG（ウィジウィグ）については別ページにてご説明致します。

新規ページの作成方法①

1

2

3

1

2テキストを入力します。このように画像の右側に文章を入力することができます。デモテキスト、デモテキスト、デモテキスト。

3

4

【サムネイル画像】サムネイル画像を選択する事ができます。必ずサムネイルの画像を選択しなければいけない訳ではありませんので、お客様の用途によってご利用頂けます。

4

【画像を選択】画像選択をクリックすると画像を挿入することができるページが表示されます。・新しく画像をアップロードする場合①新しい画像をアップロードをクリック。②アップロードする画像を選択をクリック。③パソコンから画像を選択してアップロード。

【サムネイル画像完了】下図のように選択された画像が表示されます。

① ② ③

13



新規ページの作成方法を解説します。

新規ページの作成方法②

5 【SEOキーワード】作成されるページの検索キーワードを入力できます。各ページでのSEO対策ができます。

5

6

7

8

6 【公開】作成したページの状態を表します。公開の状態のまま保存した場合には、ホームページ上に公開されます。

7 【未公開（原稿）】作成したページの状態を表します。またホームページ上に公開したくない場合や、作成途中などの場合に有効です。

8 【日時指定】作成したページの状態を表します。ページを公開する日時をあらかじめ指定できます。イベント開始時やお正月など用途は様々です。

9 【カテゴリを選択】作成したページのカテゴリを選択します。カテゴリがない場合は選択は不要です。新しくカテゴリを追加することもできます。

9

10 11

10 【保存】作成したページの保存を行います。※公開状態をご確認の上、保存を行ってください。

11【確認】作成したページの確認を行います。※実際に公開された場合の表示確認にご利用ください。

14


スライドショーを設定する

スライドショーの設定を設定するまでの過程を説明

【コンテンツグループ選択】ログイン後コンテンツグループ選択ボタンをクリックし、HOMEを選択してください。

スライドショーの設定方法

1

2

1

2

【デザイン設定メニュー】デザイン設定メニューのスライドショー画像設定をクリックしてください。

2

3 【スライドショーの画像設定について】スライドショー画像1～4までの画像及びタイトル、リンク先が設定できます。画像は、jpg形式、gif形式、png形式のみ設定可能です。画像のサイズは、横幅960px、高さ260pxとなります。※必ず4枚の画像を設定してください。

3

【スライドショーの画像設定及び変更】① 現在のスライドショーの画像が表示されます。② 画像を変更したい場合、画像を選択できます。③ 画像のマウスオーバー時に表示されるタイトルです。④ 画像からのリンク先を設定できます。⑤ クリックすると設定が保存されます。※設定は、各スライドショー毎に保存してください。

4

4①

②

③

④

⑤

【スライドショー確認】保存された画像がトップページに反映されます。

5

5

15


サイドバナーを設定する

サイドバナーを設定するまでの過程を説明

【コンテンツグループ選択】ログイン後コンテンツグループ選択ボタンをクリックし、HOMEを選択してください。

サイドバナーの設定方法

1

2

1

2

【デザイン設定メニュー】デザイン設定メニューのサイドバナー設定をクリックしてください。

2

3 【サイドバナー設定について】サイドバナー1～10までの画像及びタイトル、リンク先が設定できます。画像は、jpg形式、gif形式、png形式のみ設定可能です。画像のサイズは、横幅270px、高さ70pxとなります。※バナー1は高さ90px。設定された情報はホームページ内すべてのページに反映されます。※設定は、各バナー毎に保存してください。

3

【サイドバナー設定及び変更】① チェックをした場合はホームページ上に表示され、チェックをしない場合は表示されません。② 現在のバナー画像が表示されます。③画像を変更したい場合、画像を選択できます。④ 画像のマウスオーバー時に表示されるタイトルです。⑤ サイドバナーのリンク先を設定できます。⑥クリックすると設定が保存されます。

4

4①

③

④

⑤

【サイドバナー確認】保存されたサイドバナーがホームページに反映されます。

5

5

②

⑥

［拡大イメージ］

16


共通画像を設定する

サイトマップ、プライバシーポリシーページで表示される画像を設定するまでの過程を説明

【コンテンツグループを選択】ログイン後コンテンツグループ選択ボタンをクリックし、HOMEを選択してください。

共通画像の設定方法

1

2

1

2

【デザイン設定メニュー】デザイン設定メニューの共通画像設定をクリックしてください。

2

3 【共通画像設定について】画像及びタイトルが設定できます。画像は、jpg形式、gif形式、png形式のみ設定可能です。画像のサイズは、横幅960px、高さ120pxとなります。ここで設定された情報はサイトマップや、プライバシーポリシーに反映されます。

3

【共通画像設定及び変更】① 画像を変更したい場合、画像を選択できます。② 画像のマウスオーバー時に表示されるタイトルです。③ クリックすると設定が保存されます。

4

4

①

③

【共通画像確認】保存されたイメージがホームページに反映されます。

55

②

サイトご利用の方へ

17


トップページのショートカットエリアを設定する

ショートカットエリアを設定するまでの過程を説明

【ショートカットエリア】設定されたコンテンツグループへの誘導スペース。各コンテンツグループへリンクします。

ショートカットエリアの設定方法

1

2 【ショートカットエリアについて】［ショートカットエリア：コンテンツ1の場合］①コンテンツ1で設定された画像が表示されます。　画像が設定されていない場合は左図のように　No imageが表示されます。②コンテンツ1に関する概要説明文が表示されます。　

2

3 【ショートカットエリア設定】［ショートカットエリア：コンテンツ1の場合］管理画面にログイン後、コンテンツ1の設定にある全般をクリックしてください。

3

4　　【コンテンツグループ設定】全般のコンテンツグループ設定で、ショートカットエリアの画像や説明文を設定します。

①設定されているコンテンツグループ名が表示されます。

②ショートカットエリアに表示される画像を選択します。

③ショートカットエリアに表示されるコンテンツグループの説明文を入力してください。

1

① ②

①

②

③

4

18


各コンテンツグループのトップページのリード文を設定する

リード文を設定するまでの過程を説明

【コンテンツグループを選択】ログイン後、コンテンツグループ選択ボタンをクリックし、HOMEを選択してください。次に一覧よりリード文をクリックします。

リード文の設定方法

1

2 【リード文の管理】赤枠のタイトル記事をクリックします。※タイトルが表示されていない場合は、新しくリード文を作成する必要があります。

2

3 【リード文の編集】タイトルと本文が編集できます。保存をクリックしますとトップページに反映されます。3

1

4 【リード文の確認】保存されたタイトルと本文が、各コンテンツグループのトップページに反映されます。※画面は、HOMEで設定した場合のイメージです。

4

19


コンテンツイメージ画像を設定する

コンテンツのイメージ画像を設定するまでの過程を説明

【コンテンツグループを選択】ログイン後コンテンツグループ選択ボタンをクリックし、設定したいコンテンツグループを選択してください。

コンテンツイメージの画像設定方法

1

2 【デザイン設定メニュー】デザイン設定メニューのコンテンツイメージ画像設定をクリックしてください。

3 【コンテンツイメージ設定について】コンテンツグループの画像及びタイトルを設定できます。画像は、jpg形式、gif形式、png形式のみ設定可能です。画像のサイズは、横幅960px、高さ120pxとなります。設定された情報はこのコンテンツグループのコンテンツイメージ画像に反映されます。

3

1

4 【コンテンツイメージ画像変更及び設定】① 現在のコンテンツイメージ画像が表示されます。② 画像を変更したい場合、画像を選択できます。③ 画像のマウスオーバー時に表示されるタイトルです。④ クリックすると設定が保存されます。

5

2

4

①

②

③

④

5 【コンテンツイメージ画像確認】保存されたコンテンツイメージ画像がホームページに反映されます。

20


モバイル専用メニュー設定

モバイル専用メニューを設定するまでの過程を説明

【コンテンツグループを選択】ログイン後コンテンツグループ選択ボタンをクリックし、設定したいコンテンツグループを選択してください。

モバイル専用メニュー設定方法

1

2 【モバイル設定メニュー】モバイル設定メニューのモバイル専用メニュー設定をクリックしてください。

3 【モバイル専用メニュー設定について】テキストメニューのタイトル及びリンク先を最大10件まで設定できます。設定された情報は該当するコンテンツグループの携帯電話用ホームページに反映されます。

3

1

4 【タイトル及びリンク先URLの設定】① メニュー名を入力します。② メニューのリンク先URLを入力します。③ クリックすると設定が保存されます。

5

2

4

①

②

③

5 【モバイル専用メニューの確認】保存されたメニューが該当するコンテンツグループの携帯電話用ホームページに反映されます。最大10件まで登録することができます。

21


モバイル専用メニュー設定

モバイル専用バナーを設定するまでの過程を説明


モバイル専用バナー設定方法

1

2 【モバイル設定メニュー】モバイル設定メニューのモバイル専用バナー設定をクリックしてください。

3 【モバイル専用バナー設定について】画像は、jpg形式、gif形式のみ設定可能です。画像のサイズは、横幅240px、高さは横幅に合わせてリサイズされます。設定された情報は携帯電話用ホームページ内すべてのページに反映されます。

3

1

4 【モバイル専用バナーの詳細設定】① モバイル専用バナーの掲載/非掲載を選択できます。② 現在のバナー画像が表示されます。③ 画像を変更したい場合、画像を選択できます。④ 画像のマウスオーバー時に表示されるタイトルです。⑤ サイドバナーのリンク先を設定できます。⑥クリックすると設定が保存されます。

5

2

4①

②

③

5 【モバイル専用バナーの確認】保存されたバナーが該当する携帯電話用ホームページのフッター部分に反映されます。

22

④

⑤

⑥


Twitter設定

Twitterのつぶやきをホームページに表示するまでの過程を説明


Twitter設定方法

1

2 【Twitter設定】Twitter設定のアカウント設定をクリックしてください。

3 【アカウント設定について】Twitterユーザー名を入力後、表示にチェックをし、設定を保存すると、Twitterのつぶやきがホームページに掲載されます。

3

1

4 【アカウントの設定】① ホームページに表示したいTwitterのユーザー名を入力します。②「 Twitterタイムラインを表示する」にチェックするとホームページに表示されます。③ クリックすると①、②の設定が保存されます。

5

2

4

①

②

5 【Twitterタイムラインの確認】トップページのサイドバーにTwitterアカウントのタイムラインが表示されます。

23

③


カテゴリの作成及び追加

カテゴリを作成及び追加するまでの過程を説明

【コンテンツグループを設定】ログイン後コンテンツグループ選択ボタンをクリックし、カテゴリを作成したいコンテンツグループを選択してください。

カテゴリの作成及び追加方法

1

2 【カテゴリ選択】一覧にあるカテゴリをクリックしてください。

3 【トップレベルカテゴリの作成】トップレベルカテゴリを作成をクリックします。

3

1

4 【カテゴリの作成】枠内にカテゴリ名を記入し、新規作成ボタンをクリックしてください。

5

2

4

5 【カテゴリの一覧】新しく作成したカテゴリが一覧で赤枠内のように表示されます。

4

24


カテゴリの編集

カテゴリの編集方法の過程を説明

【コンテンツグループを選択】ログイン後コンテンツグループ選択ボタンをクリックし、カテゴリを作成したいコンテンツグループを選択してください。

カテゴリの編集方法

1

2 【カテゴリ選択】一覧にあるカテゴリをクリックしてください。

3 【編集したいカテゴリを選択】編集したいカテゴリ名をクリックしてください。

1

4 【カテゴリの編集】①カテゴリー名を編集できます。②カテゴリーのサムネイル画像を選択できます。③カテゴリーの説明文が入ります。

A：タイトル・画像及び説明文がコンテンツグループに　　反映されます。B：ゾーニングエリアにコンテンツグループを　　設定していた場合は、トップページも反映されます。

2

3

①②

③

4

A

B

25


カテゴリとブログ記事の並び替え

ログイン後から、カテゴリを作成するまでの過程を説明

【システムメニュー】ログイン後システムメニューをクリックし、カテゴリを作成したいコンテンツグループを選択してください。

カテゴリとブログ記事の並び替え方法

1

2 【カテゴリ選択】一覧にあるカテゴリとブログ記事をクリックしてください。

1

3 【並び替え】カテゴリやブログ記事を並べ替えができます。

2

4 【アイコンの説明】

3

先頭に移動します。最後に移動します。下の階層のカテゴリに移動します。上の階層のカテゴリに移動します。ひとつ上に移動します。ひとつ下に移動します。これ以上移動できない場合に色が変わります。サブカテゴリ作成やカテゴリの編集削除やこのカテゴリにブログ記事を作成できます。

4

5

5 【変更を保存】変更を保存できます。

6 【再構築】ブログを再構築してくださいをクリックし、再構築を行うとホームページに変更が反映されます。

6

※ドラッグ＆ドロップで並び替える事もできます。

26


作成済みページを編集する

作成済みページを編集するまでの過程を説明

【コンテンツグループを選択】ログイン後コンテンツグループ選択ボタンをクリックして下さい。

【コンテンツグループを選択】システムメニューをクリックすると、コンテンツグループが表示されます。作成済みページを編集したいコンテンツグループを選択してクリックして下さい。

【一覧】一覧の作成済みページを選択してください。

【ページの管理】作成済みページの一覧が表示され、編集したいページのタイトルをクリックします。

作成済みページ編集までの手順

1

2

4

5

1

2

3

4

5

3 【選択されたコンテンツグループ】選択されたコンテンツグループの画面に、切り替わります。

公開されているページ未公開状態ページ日時指定されているページ

27


【フォントサイズの選択】テキストのフォントサイズを変更できます。


ウィジウィグ機能を使った作成済みページの編集方法を解説します。

【アイコン説明】

ウィジウィグ機能を使った作成済みページの編集方法①

【太字】テキストを太字にします。　

【斜体】テキストを斜体にします。

【下線】テキストに下線をつけます。　

【打消し線】テキストに打消し線を入れます。　

【文字色】テキストに色をつけます。　

【背景色】テキストの周りに色をつけます。　

【フォーマットの選択】テキストを選択し、各フォーマットをお選びください。

フォントサイズは、7段階変更ができます。1.（8pt）2.（10pt）3.（12pt）4.（14pt）5.（18pt）6.（24pt）7.（36pt）

28





ウィジウィグ機能を使った作成済みページの編集方法②

【左揃え】テキストや画像を左揃えにします。　

【右揃え】テキストや画像を右揃えにします。

【中央揃え】テキストや画像を中央揃えにします。　

【番号なしリスト】テキストをリスト表示で表します。

【番号ありリスト】テキストをリスト表示で表します。

【引用】文中で引用部分を表現するために使用します。

【Wordから貼り付け】Wordから文章などを貼り付ける事ができます。

29





ウィジウィグ機能を使った作成済みページの編集方法③

【元に戻す】1つ前の状態に戻します。　

【リンクの挿入/編集】リンクしたい文字を選択してボタンをクリックするとリンクの挿入/編集画面が開きます。

【やり直す】作業をやり直す。

【リンクの解除】リンクされた文字を選択してボタンをクリックするとリンクの解除ができます。

【アンカーの挿入/編集】アンカーを挿入したい文字を選択してボタンをクリックするとアンカーの挿入/編集画面が開きます。

30





ウィジウィグ機能を使った作成済みページの編集方法④

【下付き】文字を下付きにできます。　

【上付き】文字を上付きにできます。　

【表の挿入】表を挿入・作成できます。

列と行に数字を入れて挿入ボタンを押してください。作成された表は引き延ばして大きくすることができます。

【行のプロパティ】表の行の設定ができます。

【フルスクリーン】編集画面をフルスクリーン表示にすることができます。

31





ウィジウィグ機能を使った作成済みページの編集方法⑤

【セルのプロパティ】セルの設定ができます。　

選択したセルの更新できます。行内のセルの更新できます。全てのセルの更新ができます。

【行を上に挿入】行を表の上部に追加する事ができます。　

【行を下に挿入】行を表の下部に追加する事ができます。　

【行を削除】行を表のから削除する事ができます。　

【列を左に挿入】列を表の左部に追加する事ができます。　

【列を右に挿入】列を表の右部に追加する事ができます。　

【列の削除】列を表のから削除する事ができます。　

【セルを結合】セルの結合ができます。　

【セルの結合を解除】セルの結合解除ができます。　

32





ウィジウィグ機能を使った作成済みページの編集方法⑥

【絵文字アイコン】絵文字を一覧から選択し挿入できます。　

【コード整形】コードの自動調整ができます。　

【HTMLソース編集】HTMLソースで編集ができます。

【特殊文字】特殊文字を表から入力ができます。＆や￥などの文字も特殊文字に含まれます。

【改行なしスペースの挿入】改行なしのスペースを挿入できます。　

【回り込み解除】回り込み解除を行います。　画像などを入力したあとにご利用ください。

33





ウィジウィグ機能を使った作成済みページの編集方法⑦

【画像の挿入】画像の挿入ができます。　画像を新しくアップロードしたい場合は、新しい画像をアップロードをクリックし、アップロードしたい画像を選択し、アップロードボタンをクリックします。

すでに画像がアップロードされている場合は、挿入したい画像名をクリックし、ファイルオプションを確認後、完了ボタンをクリックします。

34

下段へ

ファイルオプションの名前欄には画像の説明を入力します。ここに入力した内容は、imgタグのaltに反映されますので、SEOの観点から正しく入力することをおすすめします。

「サムネイルを利用」にチェックし、幅を指定すると画像の表示サイズを変更できます。「LightBoxで表示する」にチェックを入れると、LightBoxで拡大画像を表示できます。

画像幅を変更する際は元の画像サイズより大きい数字を入れないようご注意ください。大きい数字を入れてしまうと画像が引き延ばされて表示されます。

上段より

[画像サイズについて]ホームページに掲載する写真をデジタルカメラで撮影する場合、カメラの設定で640×480等、小さいサイズに変更した上で撮影してください。 [画像のファイル名について]アップロードする画像ファイル名は半角英数字(photo.jpg / 20100101.jpgなど)にします。


【区切り線】画像の回り込みを解除します。　




ウィジウィグ機能を使った作成済みページの編集方法⑧

【画像の挿入/編集】画像の挿入/編集から画像の回り込みを設定します。　

35

下段へ

上段より

画像を選択し、アイコンまたは右クリックで「画像の挿入/編集」を選択します。

上部タブメニューの「表示」をクリックします。

「クラス」のコンボボックスから「thumbs_left」を選択し、「更新」ボタンをクリックします。

画像が左に配置されテキストが右に回り込みます。

「クラス」にて「thumbs_right」を選択すると、画像とテキストが左右反対に配置されます。

回り込みをした場合は、必ず「区切り線」をクリックし、回り込みを解除してください。

回り込みを解除しないと左図のようにページのレイアウトが崩れます。





ウィジウィグ機能を使った作成済みページの編集方法⑨

【ファイルの挿入】ファイルの挿入ができます。　ファイルを新しくアップロードしたい場合は、新規ファイルのアップロードをクリックし、アップロードしたいファイルを選択し、アップロードボタンをクリック。

すでにファイルがアップロードされている場合は、挿入したいファイル名をクリックし、挿入ボタンをクリック。

36

セレサイトユーザーマニュアル - Selesiteselesite.com/pdf/user_manual.pdfセレサイト...

Documents

Transcript of セレサイトユーザーマニュアル - Selesiteselesite.com/pdf/user_manual.pdfセレサイト...