管理画面へログインする1.管理画面にアクセスします。https://www.ドメイン/cwp/wp-admin/※ドメインとは「○○○.com」や「○○○.jp」などです。2.弊社より発行していますユーザー名、パスワードを設定書より確認し入力します。3.「ログイン」ボタンをクリックします。目次へ戻るダッシュボード画面について管理画面にログインした直後の画面です。最近公開した記事が10件表示されています。各項目の説明は以下の通りです。1サイトの基礎内容を変更出来ます。(TOPページ変更可能エリアやメイン画像、タイトル、h1、キーワード、ディスクリプションなど)2サイト内容を追加変更出来ます。3スタッフブログを追加変更出来ます。4インフォメーション(新着情報)を追加変更出来ます。5ギャラリー(アルバムや施工事例など)が追加変更出来ます。※契約内容によっては無い場合があります。6今まで投稿したメディア(画像)を管理出来ます。7管理画面の配色やパスワードの変更が出来ます。8記事に投稿する際にあらかじめ決まったレイアウトを追加編集が出来ますがhtmlタグやcssが理解出来る上級者向けとなります。9メニューバーが短くなります。10最近更新した10件の記事が表示されます。目次へ戻る記事を投稿する何を書くか決めるホームページにはコンテンツ、インフォメーション、スタッフブログ、ギャラリーなどいくつかの構成に分かれています。どこを変更しようとしているかによってダッシュボードから進む先が変るので何を変更しようとしているか再確認しましょう。上記にコンテンツ、インフォメーション、スタッフブログ、ギャラリーを記載がありますが、お客様によって表現方法がことなる事がありますので、よくある表現をまとめます。コンテンツとはサイト内容にもよりますが、飲食店として例をあげるならコンセプトページや料金ページ、メニューページ、会社概要、よくある質問などが該当します。基本的にはどのお客様でもコンテンツと表現しています。インフォメーションとは新着情報やお知らせを書く場所となります。お客様によっては「TOPICS」や「最新情報」などと表現することがあります。スタッフブログとはブログの書く場所となります。BLOG」などと表現することがあります。ギャラリーとは(制作の要望があったお客様のサイトのみ実装しています)写真を多く見せるページなどに実装されています。毎回レイアウトをご自身で配置することなく指定箇所に画像やテキストを入れ込むだけで決まったレイアウトに仕上がるページです。お客様によっては「施工事例」「ビフォーアフター」「アルバム」など表現することがあります。投稿方法についてスタッフブログを新規で投稿する例を紹介します。ダッシュボードから「スタッフブログ」>「新規追加」をクリックします。タイトルと本文を書きます。書き終わったら「公開」ボタンを押すと反映が完了いたします。1下書き保存とは記事を書いている途中で席を外される場合や後日作業される時に下書きとして保存いたします。公開せずに保存することが出来ます。2プレビューとは本文の内容が実際のページに反映されるのと同じ見た目を確認することが出来ます。公開する前に一度確認することをオススメ致します。3カテゴリーとは編集している記事をどのページに反映するかを指定します。※インフォメーション、スタッフブログでは指定無しでもサイトに反映されますが、コンテンツでは指定が必須となります。)が出来ます24.テキスト色(文字の色)を変更出来ます25.背景色(文字の背景色)を変更出来ます26.ビジュアルモード(標準)27.テキストモード(htmlタグで表示され細かい指定が可能です)※ただし上級者向けとなります。画像の挿入/差し替え方法ページを内容を伝えるためには文字よりも画像を配置することで大きく印象が変ります。説明文を充実させると共に写真や画像を使用して見せる事が大事となってきます。ここでは画像の入れ方について説明していきます。入っている画像を別の画像に変更する場合は、既に入っている画像をクリックして選択した状態で下記手順を行ってください。「メディアを追加」をクリックします。「ファイルのアップロード」をクリックするか、画像をドラッグ&ドロップしてください。画像の選択アップロードした画像を選択し、4のタイトルを書いてください。(画像検索などで表示されることがあります)最後に「投稿に挿入」をクリックします。リンクの設定方法テキストや画像をクリックした際に別のページに移動するリンクの設定方法についてご案内いたします。下記ウィンドウが開くので「URL」部分にリンク先のURLを貼り付けて「OK」をクリックして完了です。下のようなテーブル(表)についてご案内いたします。※色はサイトのデザインによって異なります。料金表などにご使用いただくと情報が見やすくなります。選択し、右下【テンプレートを挿入】をクリックテーブル(表)が本文内に入っていることを確認しましたら挿入完了です。「タイトルなど」、「テキストテキスト・・・」部分を書き換えてご利用ください。境界線を動かしてセル(枠)の幅(※特に横幅)を変えてしまうと、スマートフォンサイトで横幅がはみ出てしまったり表示が崩れる可能性がございます。幅は文字数によって自動で調整されますので、手動での変更はしないことをおすすめいたします。用途に応じて、挿入した表の行や列を追加することが可能です。増やしたい箇所に合わせてクリック任意の行または列が追加されておりましたら完了です。行または列にカーソルを置き、【行を削除】または【列を削除】をクリック任意の行または列が削除されておりましたら完了です。背景色のついているセル(ヘッダーセル)についてテーブルに関しましては、【ヘッダーセル】に指定したセルに背景色がつくようになっております。どの部分をヘッダーセルに指定するかは変更することが可能です。セル)を選択し、【OK】をクリック任意の箇所に背景色がついておりましたら完了です。目次へ戻る記事を変更するスタッフブログを変更する例を紹介します。左のメニューから「スタッフブログ」>「スタッフブログ」をクリックします。一覧が出てくるので、変更したい記事のタイトル名をクリックします。記事の内容が出てくるので、変更したい箇所を変更します。右側の「更新」をクリックします。「スタッフブログ」以外の記事については左メニュー「コンテンツ」の中に入っている場合がほとんどです。その見つけ方をご案内します。左のメニューから「コンテンツ」>「カテゴリ」をクリックします。右側にカテゴリの一覧がでてくるので、変更したい記事が含まれているカテゴリの横にある数字をクリックします。※今回は1ですが、お客様によって数字は異なります。※カーソルが十字のマークになることがありますが、何度か重ねてるとカーソルか手の形になりますので、その状態でクリックしてください。選択したカテゴリの一覧がでてくるので、変更したい記事のタイトルをクリックします。※今回は記事が1件しかないので1つしか出てきません。あとはスタッフブログのSTEP3からと同様の作業を行います。記事を削除するスタッフブログで記事を削除する場合の例を紹介します。左のメニューから「スタッフブログ」>「スタッフブログ」をクリックします。削除したい記事のタイトル行にカーソルを合わせると下にメニューが出てくるので「ゴミ箱へ移動」をクリックします。「1件の投稿をごみ箱へ移動しました」と出れば削除完了です。※取り消したい場合は「取り消し」をクリックしてください。※誤ってゴミ箱にいれてしまった場合は、以下の記事をお読みください。ゴミ箱の記事の削除及び復元の仕方システムから完全に削除したい場合を例に説明します。復元方法については各STEPで補足していますのでご覧ください。左のメニューから「スタッフブログ」>「スタッフブログ」をクリックします。一覧が出てくるので、上の方にある「ゴミ箱(1)」をクリックします。ゴミ箱に入っている記事の一覧がでてくるので、変更したい記事の左にあるチェックボックスにチェックを入れます※今回は記事が1件しかないので1つしか出てきません。※タイトルにマウスを重ねると下部にメニューが出ます。「完全に削除する」をクリックした場合はSTEP5に進みます。復元したい場合は「復元」をクリックしてください。「1件の投稿をゴミ箱から復元しました。」とメッセージが出ればOKです。複数の削除や復元はこのメニューからは行なえません。上下にある「ゴミ箱を空にする」をクリックします。※どちらをクリックしても大丈夫です。「1件の投稿を永久に削除しました」と表記されれば削除完了です。カテゴリーの追加・編集・削除カテゴリーの追加方法カテゴリーとはページの事だと考えてください。そのため、新しいページを追加したいと思った場合に使用します。ダッシュボードより「スタッフブログ」>「カテゴリー」をクリックします。追加画面1カテゴリー(ページ名)の入力、2スラッグ(URL上に表示される英数字)の入力、3親の選択をします。※スラッグは必ず半角英数字で先頭は英字から入力してください。最後に4の「新規カテゴリーを追加」をクリックします。ダッシュボードより「スタッフブログ」>「カテゴリー」をクリックします。「編集」をクリックします。URLの形式を変更できます。ダッシュボードよりカテゴリの一覧を表示してください。変更したいカテゴリ項目をクリックしたまま、マウスを動かしてください。動かしたい位置でマウスを外しますと、変更したい箇所へ移動することが可能です。目次へ戻るページ内リンクとアンカーの設定方法ページ内リンク(アンカー)設定とは?リンクとアンカーを設定することにより、同じページ内の特定の位置にジャンプさせる機能になります。長くなってしまった記事や、目次を作る際に使用するとより見やすいサイトが作成出来ます。操作手順アンカーを設置アンカーIDを入力リンクを挿入する箇所を選択リンクを挿入アンカーを設置アンカーをつけたい箇所にマウスを合わせ、アンカーアイコンをクリックしてください。任意のIDを半角英数で入力して、OKを押してください。複数のアンカーを作る際は、IDが被らないようにしてください。※IDに「#」は使用出来ませんので、ご注意ください。リンクを挿入する箇所を選択リンクを挿入したいテキスト、または画像を選択し、リンク挿入/編集アイコンをクリックしてください。リンクを挿入アンカー部分に上記で作成したIDを選択してください。サイトのページをご確認いただき、リンクからアンカーに飛べましたら完成です。目次へ戻るきれいにレイアウトする方法システムにはいくつかのレイアウトテンプレートが用意されています。これを使ってきれいにレイアウトすることが可能です。レイアウトを差し込みたい記事の編集(変更)をするか、新規で記事を投稿してください。レイアウトを差し込みたい場所を1クリックして2「テンプレートを挿入」をクリックします。1プルダウンメニューの下矢印をクリックすると、レイアウトの種類がでてきますので、希望のものをクリック2して選んでください。「画像(左)&テキスト」を選びました。下の枠にプレビューが表示されます。このレイアウトでよければ1「テンプレートを挿入」をクリックしてください。※画面の大きさによってはテキスト部分が改行されて表示されることがあります。記事にレイアウトが挿入されます。希望の画像や文言に差し替えて、1「更新または(公開)」をしてください。※画面の大きさによってはテキスト部分が改行されて表示されることがあります。「リビジョン」という機能を使って、これまでに更新及び自動保存された日時の記事に戻すことができます。元に戻したい記事の変更画面まで移動してください。右の方に「リビジョン」と書かれているところがあるので「表示」をクリックしてください。※横にかかれている数字はこれまで更新及び自動保存された数を表しています。最新の更新及び自動保存された記事が右側に、その一つ前のリビジョンが左側に表示されます。A「前へ」をクリックするかBのスライダーを動かすことで過去の記事が表示されていきます。元に戻したい記事が右側に表示されるまで進めてください。※表記はHTMLタグ(コンテンツの編集画面でいうと”テキスト”というタブに切り替えた状態)になっています。緑色にハイライトされている部分は文字が追加された部分、今回は表示されてませんが赤色にハイライトされている部分は文字が削除された部分です。1「2つのリビジョンを比較」にチェックを入れるとスライダーの位置2の記事との比較ができるのでわかりやすいかもしれません。表元に戻したい記事が右側に表示されたら「このリビジョンを復元」をクリックします。表1のような表示が出ますので、2記事の内容を確認して、3更新をクリックしてください。現在の機能ではPDFを埋め込み表示させることはできません。リンクを張って表示させる方法をご案内します。PDFファイルへのリンクを張りたい記事の編集(変更)をするか、新規で記事を投稿してください。画像の挿入方法と同じように、PDFをアップロードします。最後の手順まで進めてください。このようにアップロードしたファイル名のリンクが挿入されます。右側の「更新(または公開)」をクリックしてください。上記でご案内した方法が一番簡単にリンクを貼る方法ですが、さらにレベルアップした方法をご案内します。STEP3まで進めたら、以下の方法を試してみてください。PDFのリンクの文字列をドラッグすると、下に吹き出しが出てきます。鉛筆のアイコンをクリックしてください。反転した文字列の上で右クリック1して、コピーをクリックしてください。ここまで準備が整ったら以下手順を進めてください。今回は「更新」にリンクを張ります。任意の文字列をドラッグ1して上のアイコンの鎖のマーク2をクリックします。URLの枠内で右クリック1、貼り付け2をクリックしてください。さきほどコピーした文字列がURLに入りますのでOKをクリックしてください。※PDFを別ウィンドウで開かせたい場合は、リンクターゲットの▼をクリックして「新規ウィンドウ」を選んでからOKしてください。1のようになっていればOKです。文字列を2消して3「更新(または公開)」クリックしたら終了です。任意の画像を右クリック1して、リンク2をクリックします。URLの枠内で右クリック1、貼り付け2をクリックしてください。さきほどコピーした文字列がURLに入りますのでOKをクリックしてください。※PDFを別ウィンドウで開かせたい場合は、リンクターゲットの▼をクリックして「新規ウィンドウ」を選んでからOKしてください。1見た目は変わりませんがOKです。文字列を2消して3「更新(または公開)」クリックしたら終了です。