WordPress投稿マニュアル 2014.07.06 taneCREAIVE株式会社.

Presentation on theme: "WordPress投稿マニュアル 2014.07.06 taneCREAIVE株式会社."— Presentation transcript:

1 WordPress投稿マニュアル taneCREAIVE株式会社

2 目次 ログイン方法 管理画面について ブログ一覧 新規ブログ追加 ブログの編集 カテゴリー タグ ヘアカタログ一覧 新規ヘアカタログ追加
ヘアカタログ編集 スタイル一覧 スタッフ一覧 新規スタッフ追加 スタッフ編集 所属サロン一覧 クーポン一覧 新規クーポン追加 ユーザー あなたのプロフィール （管理者のみ）ユーザー一覧 （管理者のみ）新規追加

3 1. ログイン方法 ※ユーザー名とパスワードは別途お送り致します。
お使いのブラウザから　 上図の画面が表示されましたら、【ユーザー名】と【パスワード】を入力し、ログインボタンを押してください。 次ページの画面に切り替わりましたら、ログイン成功です。 ※ユーザー名とパスワードは別途お送り致します。

4 2. 管理画面について ① ② ③ ログインに成功すると下記の画面が表示されます。
管理画面には様々なメニューがありますが、主にご利用になる機能に絞ってご紹介致します。 test ① ② ③ 現在公開されているWEBサイトを表示します。 この部分が主にご利用になるメニューです。各項目の説明は後述します。 登録情報を編集したり、（一部ユーザーのみ）ユーザーを追加・削除することができます。

5 3. ブログ一覧 【ブログ一覧】画面について 「ブログ一覧」メニューではブログの新規追加・編集などを行うことができます。
画面左側のメニューから「ブログ一覧」を押すと、これまでに投稿されたブログ記事が一覧で表示されます。 記事の数が多い場合は、 ・日付・カテゴリー（店舗）での絞り込み検索 ・記事タイトル検索 を行うと探しやすいです。 ブログ一覧画面 test タイトル検索 絞り込み検索 ＊タイトルの近くにカーソルを移動させると、メニューが表示されます。 編集・クイック編集…記事の内容を編集できます。 ゴミ箱…記事を非表示にします（※管理画面上は残ります） 表示…WEBサイト上のページを表示します。

6 3-1. 新規ブログ追加 １ 5 7 8 6 2 3 4 新しいブログ記事の追加方法についてご説明します。
メニュー「ブログ一覧」にマウスオーバーすると左図のようにサブメニューが表示されますので、その中にある「新規ブログ追加」を選択してください。 「新規ブログ追加」画面が表示されます。 　タイトル・本文などを入力し、最後に「公開」ボタンを押してください。 新規ブログ追加画面 １ 5 ＊追加＊ 1つの記事に複数の写真を追加したい場合は、ここを押してください。 ＊ツールバー＊ 文字装飾、リンクの挿入などを行うことができます。 マウスオーバーすると項目名が表示されます。 7 8 6 2 3 4 各項目について No. 項目 説明 1 タイトル 記事のタイトルを入力してください。 2 本文 白い枠の中に記事の本文を入力してください。 3 画像表示位置 画像を表示させる位置を選択してください。 4 画像 記事に挿入する画像を追加します。「ファイルを選択」を押すとアップロード画面が開きます。 ※推奨画像サイズ：ヨコ400px×タテ400px以上 5 公開設定 記事のステータス、公開状態などを詳しく設定することができます。 ※詳細は次ページをご覧ください。 6 カテゴリー 記事のカテゴリーを選択してください。カテゴリーは店舗ごとに分かれています。 ※何も選択しないと自動的に「OFFICIAL」カテゴリーになります。 7 ゴミ箱へ移動 この記事をゴミ箱に移動します。 ※記事を元に戻す場合、または完全に削除する場合は、「ブログ一覧」に移動してください。 8 公開ボタン このボタンを押すと、記事がWEBサイト上に表示されます。

7 3-1. 新規ブログ追加 公開設定について １ 2 3 4 5 公開した記事は下記のように表示されます。
ブログ記事イメージ タイトル 日付｜カテゴリー 画像 （表示位置：左） 本文 公開設定について ここではブログ公開時の詳細な設定などを行うことができます。 各項目について No. 項目 説明 1 保存ボタン ③で設定したステータス（状態）で保存することができます。 2 プレビューボタン WEBページ上でどのように表示されるか確認することができます。 ※記事を下書き、または公開状態で保存しないと見ることはできません。 3 ステータス 記事のステータスを設定することができます。 下書き…未公開の状態です。 レビュー待ち…未公開で、かつ公開するために上 位の権限を持つユーザーの許可が必要な状態です （あまり使用しません） 4 公開状態 公開時の状態を設定することができます。 公開…誰でもページを見ることができます。 ※「この投稿を先頭に固定表示」にチェックを入 れると、常にこの記事が最初に表示されます。 パスワード保護…パスワードで閲覧制限をかけま す。パスワードはこの画面上で設定できます。 非公開…記事を非公開にします。 5 公開日時 公開日時を設定することができます。日時を将来に設定することで投稿予約も可能です。 １ 2 3 4 5

8 3-2. ブログの編集 一度登録した記事は、「ブログの編集」画面を開くことで編集を行うことができます。表示方法は2種類あります。
「ブログ一覧」画面から編集したい記事の「編集」をクリックする （管理画面にログインしている状態のみ）記事ページの上部にあるメニューから「ブログの編集」をクリックする（下図参照） test 「編集」を押すと、ブログの編集画面が表示されます。 ※各項目の役割は「新規ブログ追加」と同じです。 クイック編集について 「クイック編集」を使うと、ブログ一覧画面上で記事の内容を直接編集することができます。 ※右下にある「更新」を押さないと編集内容が反映されませんので、ご注意ください。

9 3-3. カテゴリー / 3-4. タグ カテゴリーについて タグについて
カテゴリーは、同じような記事を分類するために使われます。ブログ一覧では店舗をカテゴリーに設定しています ので、新店舗がオープンした際などはこちらからカテゴリーを追加してください。 新規カテゴリー追加 既存カテゴリーの編集 タグについて タグは、記事の中で使われている重要なキーワードが分かるように使われる機能ですが、本サイトでは使用しませ んので割愛します。

10 4. ヘアカタログ一覧 【ヘアカタログ一覧】画面について
「ヘアカタログ一覧」メニューでは、「HAIR CATALOG」ページ（ 掲載されているヘアカタログの編集、新規追加を行うことができます。 【ヘアカタログ一覧】画面について 画面左側のメニューから「ヘアカタログ一覧」を押すと、これまでに投稿されたヘアカタログが一覧で表示されます。 記事の数が多い場合は、 ・日付・スタイルでの絞り込み検索 ・記事タイトル検索 を行うと探しやすいです。 ヘアカタログ一覧画面 タイトル検索 絞り込み検索 ＊タイトルの近くにカーソルを移動させると、メニューが表示されます。 編集・クイック編集…記事の内容を編集できます。 ゴミ箱…記事を非表示にします（※管理画面上は残ります） 表示…WEBサイト上のページを表示します。

11 4-1. 新規ヘアカタログ追加 １ 2 3 4 5 6 7 8 9 新しいヘアカタログの追加方法についてご説明します。
メニュー「ヘアカタログ一覧」にマウスオーバーすると左図のようにサブメニューが表示されますので、その中にある「新規ヘアカタログ追加」を選択してください。 「新規ヘアカタログ追加」画面が表示されます。タイトル・説明文などを入力し、最後に「公開」ボタンを押してください。 新規ヘアカタログ追加画面 １ 10 2 11 15 3 4 12 5 6 13 7 14 8 9 ※各項目の説明は次ページをご覧ください。

12 4-1. 新規ヘアカタログ追加 各項目について スタッフ / クーポンへの関連付け 登録方法 No. 項目 説明 1 タイトル
ヘアカタログのタイトルを入力してください。 2 ヘアカタログNo. ヘアカタログのNo.を半角数字で入力してください。 ※直前の記事のNo.を確認し、連番になるように入力してください。 3 説明文 ヘアスタイルの説明文を入力してください 4 画像（大・小） 掲載する写真を登録します。 【大】メイン画像です。他ページのサムネイ ルにも使用されます。 推奨サイズ：ヨコ356px×タテ460px （比率：71:92） 【小】サブ画像です。上下2枚まで登録でき ます。 推奨サイズ：ヨコ166px×タテ216px （比率：83:108） ※画像の比率が変わってしまうと、レイアウトが崩れる可能性があります。 　同比率であれば、サイズが大きくても構いません。 5 施術者 施術したスタッフの氏名を入力してください。 ※スタッフ一覧（後述）で登録した通りに入力してください。ここの氏名とスタッフ一覧での登録名が一致していないと関連付けが正常に行われませんので、ご注意ください。 6 スタイリストコメント 施術したスタッフのコメントを入力してください。改行は反映されます。 7 使用商品 使用商品を入力してください。商品が2つ以上ある場合は下の入力欄に記入してください。 ※【追加】のリンクから入力欄をさらに増やすこともできます。 8 トータル金額 施術にかかる料金を入力してください。料金設定が2つ以上ある場合は下の入力欄に記入してください。 9 POPULAR STYLE ここにチェックを入れると、各店舗ページの「POPULAR STYLE LADIES」「POPULAR STYLE MENS」部分にも表示されます。 10 公開設定 記事のステータス、公開状態などを詳しく設定することができます。 ※設定項目の説明は「新規ブログ追加」をご覧ください。 11 ゴミ箱へ移動 このヘアカタログをゴミ箱に移動します。 ※元に戻す場合、または完全に削除する場合は「ヘアカタログ一覧」に移動してください。 12 スタイル一覧 ヘアカタログをスタイルで分類します。 髪の長さ（SHORT・MEDIUM・LONG）や、その他（MENS・MRS（ミセス）・CREATIVE）から該当するスタイルにチェックを入れてください。 13 スタッフへの関連付け ここで登録したスタッフのページにこのヘアカタログが表示されます。＊登録方法は後述 14 クーポンへの関連付け このヘアスタイルを施術する際に利用可能なクーポンを登録できます。＊登録方法は後述 15 公開ボタン このボタンを押すと、ヘアカタログがWEBサイト上に表示されます。 ↓削除 スタッフ / クーポンへの関連付け　登録方法 １ 「＋関連付けを作成」をクリックすると、現在登録されている全てのスタッフ / クーポンが表示されます。 検索などで該当のスタッフ / クーポンを選択し、クリックして追加します。 ※追加したスタッフ / クーポンを削除する場合は、追加した名前 / クーポン名の横にある“―（マイナス）”アイコンをクリックしてください。 １ 2 2

13 4-1. 新規ヘアカタログ追加 2 4 １ 3 6 7 5 8 公開したヘアカタログは下記のように表示されます。 13 No. 項目 1
タイトル 2 ヘアカタログNo. 3 説明文 4 画像（大・小） 5 施術者 6 スタイリストコメント 7 使用商品 8 トータル金額 13 スタッフへの関連付け

14 4-2. ヘアカタログ編集 一度登録したヘアカタログは、「ヘアカタログ編集」画面を開くことで編集を行うことができます。表示方法は2 種類あります。 「ヘアカタログ一覧」画面から編集したいヘアカタログの「編集」をクリックする （管理画面にログインしている状態のみ）ヘアカタログページの上部にあるメニューから「ヘアカタログ編集」をクリックする（下図参照） test 「編集」を押すと、ヘアカタログの編集画面が表示されます。 ※各項目の役割は「新規ヘアカタログ追加」と同じです。 クイック編集について 「クイック編集」を使うと、ヘアカタログ一覧画面上で記事の内容を直接編集することができます。 ※右下にある「更新」を押さないと編集内容が反映されませんので、ご注意ください。

15 4-3. スタイル一覧 スタイル一覧は、同じ系統のヘアカタログを分類するために使われます。
新しいスタイルの分類を追加したい場合や、すでにあるスタイルの変更を行いたい場合はここから追加・編集を行ってください。 新規スタイル追加 既存スタイルの編集

16 5. スタッフ一覧 【スタッフ一覧】画面について 「スタッフ一覧」メニューではスタッフの新規追加・編集などを行うことができます。
画面左側のメニューから「スタッフ一覧」を押すと、現在登録されているスタッフが一覧で表示されます。 記事の数が多い場合は、 ・日付・カテゴリー（店舗）での絞り込み検索 ・タイトル（氏名）での検索 を行うと探しやすいです。 スタッフ一覧画面 test 絞り込み検索 タイトル（氏名）検索 ＊タイトルの近くにカーソルを移動させると、メニューが表示されます。 編集・クイック編集…スタッフの登録内容を編集できます。 ゴミ箱…スタッフを非表示にします（※管理画面上は残ります） 表示…WEBサイト上のページを表示します。

17 5-1. 新規スタッフ追加 １ 2 3 4 5 6 7 8 9 新しいスタッフの追加方法についてご説明します。
メニュー「スタッフ一覧」にマウスオーバーすると左図のようにサブメニューが表示されますので、その中にある「新規スタッフ追加」を選択してください。 「新規スタッフ追加」画面が表示されます。名前・ポジション・コメントなどを入力し、最後に「公開」ボタンを押してください。 新規スタッフ追加画面 １ 11 2 12 15 3 4 5 13 6 7 8 14 9 10 ※各項目の説明は次ページをご覧ください。

18 5-1. 新規スタッフ追加 各項目について ヘアカタログへの関連付け 登録方法 No. 項目 説明 1 タイトル
ここにスタッフの氏名を入力してください。 ※苗字と名前の間に半角スペースを入れてください。 2 ポジション ポジションを選択してください。 3 ポジション（表示用） ポジション（カタカナ）を入力してください。 ※「所属サロン」の下に表示されるポジションがこの部分に該当します。 4 画像 ここからスタッフの写真を追加します。 推奨サイズ：ヨコ225px×タテ300px（比率：9:12） ※画像の比率が変わってしまうと、レイアウトが崩れる可能性があります。 　同比率であれば、サイズが大きくても構いません。 5 趣味 スタッフの趣味を入力してください。 6 アメブロID スタッフのアメブロID（アメーバID）を入力してください。 ※ここにIDを入力すると、スタッフページに最新のアメブロ記事へのリンクが表示されます。 7 FACEBOOK URL スタッフのfacebookページのURLを入力してください。 ＊URLは、 という形式で入力してください。 8 スタッフコメント スタッフのコメントを入力してください。改行は自動的に反映されます。 9 休日カレンダー スタッフのお休みの日をここに入力します。 ＊登録方法は次ページをご覧ください。 10 サロンカレンダー表示用 店舗ページの「スタイリスト休日カレンダー」の方に表示する名前をここに入力してください。 11 公開設定 スタッフページのステータス、公開状態などを詳しく設定することができます。 ※設定項目の説明は「新規ブログ追加」をご覧ください。 12 ゴミ箱へ移動 このスタッフページをゴミ箱に移動します。 ※元に戻す場合、または完全に削除する場合は「スタッフ一覧」に移動してください。 13 所属サロン一覧 このスタッフが所属するサロンにチェックを入れてください。 14 ヘアカタログへの 関連付け このスタッフが施術したヘアカタログを登録することができます。 ＊登録方法は後述 15 公開ボタン このボタンを押すと、記事がWEBサイト上に表示されます。 ヘアカタログへの関連付け　登録方法 １ 2 「＋関連付けを作成」をクリックすると、現在登録されている全てのヘアカタログが表示されます。 検索などで該当のヘアカタログを選択し、クリックして追加します。 ※追加したヘアカタログを削除する場合は、ヘアカタログの横にある“―（マイナス）”アイコンをクリックしてください。

19 5-1. 新規スタッフ追加 休日カレンダー登録方法 3 １ 2 各項目について 休日カレンダーは1日ずつご入力ください。
No. 項目 説明 1 出勤状態 休（休み）、早（早番）、遅（遅番）から選んでください。 2 休日 ここに日付を入力します。いずれかの方法で入力してください。 左側のカレンダーのアイコンから選択 直接入力（2014年07月06日） 3 追加 複数登録する場合は、ここを押して入力フォームを追加してください。 カレンダー 休日カレンダーの注意事項 登録した日付を過ぎても管理画面上は削除されません。不要な場合は手動で削除するか、新しい日付で上書きしてください。 カレンダーが表示されない場合がありますので、その場合は直接入力してください。

20 5-1. 新規スタッフ追加 2 1 9 4 3 5 6 7 8 6 公開したスタッフページは下記のように表示されます。
13 3 5 6 FACEBOOK 7 8 6 14 （サロンページ）スタイリスト休日カレンダー 10 No. 項目 1 タイトル 2 ポジション 3 ポジション（表示用） 4 画像 5 趣味 6 アメブロID 7 FACEBOOKID 8 スタッフコメント 9 休日カレンダー 10 サロンカレンダー表示用 13 所属サロン一覧 14 ヘアカタログへの関連付け

21 5-2. スタッフ編集 一度登録したスタッフページは、「スタッフ編集」画面を開くことで編集を行うことができます。表示方法は2種 類あります。
「スタッフ一覧」画面から編集したいスタッフの「編集」をクリックする （管理画面にログインしている状態のみ）スタッフページの上部にあるメニューから「スタッフ編集」をクリックする（下図参照） test 「編集」を押すと、スタッフの編集画面が表示されます。　※各項目の役割は「新規スタッフ追加」と同じです。 クイック編集について 「クイック編集」を使うと、スタッフ一覧画面上で内容を直接編集することができます。 ※右下にある「更新」を押さないと編集内容が反映されませんので、ご注意ください。

22 5-3. 所属サロン一覧 所属サロン一覧では、現在登録されている店舗を確認することができます。
店舗名称の変更を行いたい場合はここから編集を行ってください。 ※現在新規サロンの追加はできません。 新規サロン追加※1 サロン名称の編集

23 6. クーポン一覧 【クーポン一覧】画面について 「クーポン一覧」メニューではクーポンの新規追加・編集などを行うことができます。
画面左側のメニューから「クーポン一覧」を押すと、現在登録されているクーポンが一覧で表示されます。 記事の数が多い場合は、 ・日付での絞り込み検索 ・タイトルでの検索 を行うと探しやすいです。 クーポン一覧画面 test 絞り込み検索 タイトル検索 ＊タイトルの近くにカーソルを移動させると、メニューが表示されます。 編集・クイック編集…クーポンの登録内容を編集できます。 ゴミ箱…クーポンを非表示にします（※管理画面上は残ります） 表示…WEBサイト上のページを表示します。

24 6-1. 新規クーポン追加 １ 2 3 4 5 6 7 8 9 新しいクーポンの追加方法についてご説明します。
メニュー「クーポン一覧」にマウスオーバーすると左図のようにサブメニューが表示されますので、その中にある「新規クーポン追加」を選択してください。 「新規クーポン追加」画面が表示されます。タイトル・価格・内容などを入力し、最後に「公開」ボタンを押してください。 新規クーポン追加画面 １ 12 2 13 15 3 4 5 6 14 7 8 9 10 11 ※各項目の説明は次ページをご覧ください。

25 6-1. 新規クーポン追加 各項目について ヘアカタログへの関連付け 登録方法 No. 項目 説明 1 タイトル
クーポンのタイトルを入力してください。 2 クーポンナンバー クーポンのナンバーを入力してください。 ※現在ページに公開されているクーポンナンバーをご確認のうえ、連番になるように入力してください。 3 クーポン価格 クーポンの価格（割引後の金額）を入力してください。 4 割引前価格 クーポンの割引前の価格を入力してください。 5 価格単位 「円」又は「円割引」から選択してください ※クーポン価格の後ろに表示される表記です。 6 テキスト クーポンの説明文を入力してください。 ※メニューを表示したい場合は「メニュー」の項目に入力してください。 7 メニュー メニューを表示したい場合のみ、ここに入力してください。 複数のメニューを追加したい場合は「追加」を押してください。 8 テキスト / メニュー下段 テキスト・メニューを複数追加したい場合はここに入力してください。 9 提示条件 クーポンを提示する条件（入店時・予約時など）を入力してください。 10 利用条件 利用条件（新規の方限定など）を入力してください。 11 有効期限 ここに有効期限を入力してください。いずれかの方法で入力してください。 左側のカレンダーのアイコンから選択 直接入力（2014年07月06日） 12 公開設定 クーポンのステータス、公開状態などを詳しく設定することができます。 ※設定項目の説明は「新規ブログ追加」をご覧ください。 13 ゴミ箱へ移動 このクーポンをゴミ箱に移動します。 ※元に戻す場合、または完全に削除する場合は「クーポン一覧」に移動してください。 14 ヘアカタログへの 関連付け このクーポンを使用できるヘアカタログを登録することができます。 ＊登録方法は後述 15 公開ボタン このボタンを押すと、記事がWEBサイト上に表示されます。 ヘアカタログへの関連付け　登録方法 １ 2 「＋関連付けを作成」をクリックすると、現在登録されている全てのヘアカタログが表示されます。 検索などで該当のヘアカタログを選択し、クリックして追加します。 ※追加したヘアカタログを削除する場合は、ヘアカタログの横にある“―（マイナス）”アイコンをクリックしてください。

26 6-1. 新規クーポン追加 2 5 1 3 6 9 7 8 4 公開したクーポンは下記のように表示されます。 10 11 No. 項目 1
タイトル 2 クーポンナンバー 3 クーポン価格 4 割引前価格 5 価格単位 6 テキスト 7 メニュー 8 テキスト / メニュー下段 9 提示条件 10 利用条件 11 有効期限

27 6-2. クーポン編集 一度登録したクーポンは、「クーポン編集」画面を開くことで編集を行うことができます。「クーポン一 覧」画面から編集したいクーポンの「編集」をクリックしてください。 「編集」を押すと、クーポンの編集画面が表示されます。　※各項目の役割は「新規クーポン追加」と同じです。 クイック編集について 「クイック編集」を使うと、クーポン一覧画面上で内容を直接編集することができます。 ※右下にある「更新」を押さないと編集内容が反映されませんので、ご注意ください。

28 7-1. あなたのプロフィール 「ユーザー」メニューではプロフィールの編集や、ユーザーの追加・削除など（管理者のみ）を行うことができます。
メニュー「ユーザー」にマウスオーバーすると左図のようにサブメニューが表示されますので、その中にある「あなたのプロフィール」を選択してください。 「プロフィール」画面が表示されます。プロフィール画面では、ニックネームやメールアドレス、パスワードを変更することができます。 プロフィール画面

29 7-2. ユーザー一覧（管理者のみ） 編集ボタン 「管理者」権限をもつユーザーのみ、現在登録されているユーザーの編集を行うことができます。
メニュー「ユーザー」にマウスオーバーすると左図のようにサブメニューが表示されますので、その中にある「ユーザー一覧」を選択してください。 「ユーザー一覧」画面が表示されます。この画面では、登録されているユーザーの登録内容の編集や、削除を行うことができます。 ユーザー 編集ボタン

30 7-3. 新規追加（管理者のみ） 「管理者」権限をもつユーザーのみ、ユーザーの新規追加を行うことができます。
メニュー「ユーザー」にマウスオーバーすると左図のようにサブメニューが表示されますので、その中にある「新規追加」を選択してください。 「新規ユーザーの追加」画面が表示されます。この画面では、ユーザーの登録を行うことができます。項目を入力し、最後に「新規ユーザーを追加」ボタンを押してください。 「新規ユーザーを追加」画面 ※必須 ※必須 ※必須 ※必須 ユーザー名、メールアドレス、パスワードは必須項目ですので、必ず記入してください。

31 7-3. 新規追加（管理者のみ） 権限グループについて 管理者 編集者 投稿者 寄稿者 購読者 ユーザーの追加・編集 カテゴリ（ブログ）
WordPressでは「管理者」「編集者」「投稿者」「寄稿者」「購読者」の5つの権限を設定することができます。 権限ごとに行える作業が異なりますので、作業に合わせて権限を設定してください。 管理者 編集者 投稿者 寄稿者 購読者 ユーザーの追加・編集 カテゴリ（ブログ） スタイル（ヘアカタログ） 所属サロン（スタッフ） の追加・編集 固定ページの作成・編集 アップロードファイルの管理 コメントの管理 ブログ記事、ヘアカタログ、スタッフページの投稿 ※1 ブログ記事、ヘアカタログ、スタッフページの管理 ※2 プロフィールの編集 ※1　投稿はできますが、公開することはできません。（「レビュー待ち」状態で投稿されます） ※2　「公開」の承認をされた後は、内容を変更することができません。