2016年2月度版
テンプレートサイト更新方法マニュアル
PC
( パソコン) 版
■管理画面ログインURL
http://
○○○○○○/wp-login.php
※○○○○○○はサイトのURLを入力 記URLへアクセスすると、左記のような画面が表示されます。 「ユーザー名」「パスワード」を入力し、「ログイン」ボタンを押します。■ユーザー名 【ドメイン】
■パスワード 【---】
(例)
http://www.
yahoo
.co.jp/
→
ID:yahoo
PASS:yahoo
ブログの更新手順ログインに成功するとこのような画面になります。ログイン画面
※
初期設定はドメインの「
.com
」や「
.jp
」以前を
ID
(ユーザー名)に設定しています。
ブログ記事を追加・編集する時は、「投稿」をクリックしてください ブログの更新手順ログインに成功するとこのような画面になります。
記事名:記事内容を編集するにはこちらをクリックしてください 「投稿」を選択するとこのような一覧画面になります。
ブログの更新手順
「新規追加」ボタン:ブログ記事を新規に追加できます 「複製」ボタン:記事を複製することができます 「ゴミ箱」ボタン:記事を削除することができます「投稿」を選択するとこのような一覧画面になります。
ブログの更新手順
タイトル:記事名になります 編集が完了したら「更新」ボタンを クリックしてください 記事のカテゴリを選択してください1
ブログ記事の本文になります ※画像の追加方法は巻末にて説明します2
3
記事に画像を挿入する方法について。
画像のアップロード
記事に画像を挿入する場合は こちらの「メディアを追加」という ボタンをクリックしてください
画像のアップロードについて。
画像のアップロード
「メディアを追加」というページがポップアップで表示されます ので、
画像のアップロードについて。
画像のアップロード
先ほど投げ込んだファイルがサムネイ ルで表示されます。 右上にチェックがついている画像が、 現在選択しているファイルです。画像のアップロードについて。
画像のアップロード
■配置・・・画像の置き方を選択できます。 左 :画像を左寄せにして、右側に文字が回りこみます。 右 :画像を右寄せにして、左側に文字が回りこみます。 中央:画像が中央に配置されます。文字は回り込みしません。 なし:画像は左寄せになり、文字は画像の下側から続きます。 ■リンク先・・・画像をクリックしたときに画像単体で見せるかどうか。 メディアファイル :画像だけを見せます 添付ファイルのページ:ホームページの体裁を保ちながら画像だけ単体のページを見せます カスタムURL :別のページやホームページにリンクするときに使います なし :リンクしません ■サイズ・・・見せる画像のサイズを選択できます。 サムネイル:小さな四角形のサイズ 中 :横長、あるいは縦長のやや小さめのサイズ 大サイズ :中よりは大きい フルサイズ:設定における最大サイズ(通常は横幅800、縦幅600) ※サイズは該当するサイズより小さな画像をアップした場合、 そのサイズより大きくなることはありません。 すべて設定できたら「投稿に挿入」を クリックします。画像のアップロードについて。
画像のアップロード
画像がアップロードできました! 編集が完了したら「公開」か 「更新」ボタンをクリックし てください動画のアップロードについて。 ここでは「埋め込みコード」の取得方法について説明します。 YouTube(https://www.youtube.com)へアクセスし、アップしたい動画ページを開きます。
動画(Youtube)のアップ方法
「共有」をクリックします 共有する方法が出てくるので、「埋 め込みコード」をクリックします。 右クリックして「コピー」を選択してください。1
2
3
動画のアップロードについて。
動画(Youtube)のアップ方法
動画のアップロードについて。
動画(Youtube)のアップ方法
「テキスト」モードになると若干見た目が変わります。 バグではございませんのでご注意ください。 ここで右クリックして「貼り付け」を します。1
2
「ビジュアル」をクリックしてください。3
動画のアップロードについて。
動画(Youtube)のアップ方法
動画の型が現れます。 ※管理画面では動画は再生できませんのでご了承ください。 編集が完了したら「公開」か 「更新」ボタンをクリックして くださいカテゴリーの増やし方について
ブログカテゴリーの追加方法
ブログの「投稿」をクリックした後、 メニューの下側に出てくる「カテゴリー」を クリックします。
カテゴリーの増やし方について
ブログカテゴリーの追加方法
追加したいカテゴリー名を入力してください 「新規カテゴリーを追加」ボタンを押す1
2
カテゴリーの増やし方について
ブログカテゴリーの追加方法
カテゴリーの増やし方について
ブログカテゴリーの追加方法
カテゴリーを削除したいときは、「削除」を クリックすると削除できます。
「外観」の「ウィジェット」を選択するとこのような画面になります。
営業カレンダーの更新方法
「外観」→「ウィジェット」をクリック ※外観にマウスを合わせると、右側に追加メニュー が出てきます。その中にある「ウィジェット」をク リックします。「外観」の「ウィジェット」を選択するとこのような画面になります。
営業カレンダーの更新方法
「営業日カレンダー」をクリック。 下側にカレンダーが出てきます。1
定休日設定: 第1 ~ 5週の各曜日単位で定休日を指定できます。 定休日に設定したいところをクリックすることで 設定できます。(「all」マークが付きます) 定休日を解除する場合は何度かクリックして 空白にしてください。 ※「am」「pm」マークは無視 臨時休業・開業: 「2013/1/1
」 と入力することで休業日・開業日を自由に 指定できます 週始め:カレンダーの始める曜日を 設定できます 月送り設定: カレンダーで表示する月数(当月から前後何ヶ月) を設定できます 変更が完了したら「保存」ボタンをクリックで 完了です。2
3
4
5
6
メニューページの更新方法について(一覧詳細タイプ)
メニューページの更新方法
編集したいメニュー記事をクリックします ※各サイトによって名前は異なります
メニューページの更新方法について(一覧詳細タイプ)
メニューページの更新方法
タイトル 詳細本文 カテゴリー ※カテゴリーがある場合 変更したい部分を編集します。 ※次ページへ続く リンク名を変更したい場合は「編集」 ボタンを押して変更します ※詳細ページのリンク名が変わります 変更し終わったら 「更新ボタン」を押して 更新完了ですメニューページの更新方法について(一覧詳細タイプ)
メニューページの更新方法
画像がある場合、画像の配置場所を選択できます 一覧本文 画像のスライドショーの種類が選べます 画像に説明文を入力する場合はgallery_dotsに変更します 説明文のない場合はどちらでもOKです ※その他3つどれかを選択すると静止画になります 詳細本文の下の部分(カスタムフィールド) 変更したい部分を編集します 画像を変更する場合、「ファイルを選択」をクリックしてアップしたい 画像を選択します その際、元の画像の左側にある「削除」ボタンにチェックを入れます 一覧ページに出てくる画像と詳細ページの最初に出て くる画像を違うものにしたい場合、 一覧ページ側に表示させたい画像を登録してください。 ※画像をアップする時の注意点! ファイルサイズが大きいとアップ できないので、サイズを縮小して からアップして下さい 縮小方法は次項で説明しますメニューページの反映される箇所
メニューページの更新方法
一覧本文 画像 Imgage00もしくはimage01に登録された 画像が表示されます 詳細本文 画像(スライドショー)やサムネイルなど。 最大10枚まで登録可能です一覧ページ
詳細ページ
タイトル画像のリサイズ方法について
画像のリサイズ(縮小)方法
ShukuSen.exeをクリック 640×640を選択 リサイズしたい画像をドラッグ して枠の中へ入れて下さい インターネットで「縮小専用」と検索して、ダウンロードします 「Shukusen」というフォルダがダウンロードされます http://www.vector.co.jp/soft/dl/win95/art/se153674.html ※上記ダウンロードアドレスは2016年2月9日現在有効なもの。 リサイズされた画像は 「Resized」という名前の フォルダに入ってます WordPressで画像をアップする時に、デジカメ等の画像は サイズが大きすぎてアップできない可能性があります その場合はリサイズ(縮小)してからアップして下さいギャラリーページの追加方法について
ギャラリーページの追加方法
ギャラリーページの追加方法について(入力箇所)
ギャラリーページの追加方法
詳細本文 タイトル スライドのタイプ選択 ※説明がある場合はdosを選択 一覧本文 画像を選択 複数ある場合はitem_image02以降に順番 に登録していきます 説明がある場合は入力 カテゴリー選択 (分かれてる場合) 主な入力項目 ①タイトル ②詳細ページの本文 ③ギャラリータイプ ④一覧ページの本文 ⑤画像 ⑥画像の説明文 ⑦カテゴリー 最後に公開ボタンを押して完了です ※基本的にはメニューページと同じ方 法で追加・更新できます1
2
3
4
5
6
7
ギャラリーページの表示例
ギャラリーページの追加方法
画像の説明文は画像下に表示されま す