test

1. WWoorrddPPrreessss操作マニュアル
WordPress operation manual
株式会社ノーブルウェブ
食の安全研究センターホームページ

2. 目 次
表紙
目次
P3
P4-5
P6-7
P8
P9
P10-11
P12-15
P16-17
P18-22
ｐ23-24
ログインする
固定ページ（お問い合わせページ）の修正
投稿：Information を更新する
投稿：活動の足跡を更新する
投稿：新しいページ（センター紹介・研究紹介・食のリスク分析について・English）を追加する
投稿：既存のページを修正する
投稿：スライドショーを変更する
カテゴリの追加・削除
記事の修正について（ワード原稿をコピー＆ペースト・入力補助機能・リンクについて）
画像のアップロード方法
システムの仕様上、修正ができない領域、フォームなどの変更・修正ついてはご相談ください。
- 2 -

3. ログインする
管理画面URL
http://www.frc.a.u-tokyo.ac.jp/wp-login.php
●管理者用
ユーザー名 ：
パスワード ：
frc
food2013
frc
food2013
●管理画面URLにアクセスします。
ユーザー名・パスワードを入力後、
「ログイン」をクリックして下さい。
- 3 -

4. 固定ページ（お問い合わせページ）の修正
左側のメニューから「固定ページ」をクリックし、
「固定ページ一覧」を選択します。
画面が切り替わり
すでに作成されている「固定ページ」の一覧が表示されます。
編集したいページのタイトルをクリックしてください。
※固定ページは、お問い合わせのみになります。
タイトル「お問い合わせ」
または「編集」をクリックすると
記事の編集画面が開きます。
ゴミ箱に入れると
ページが非表示状態になります。
※完全に削除する場合は、
ゴミ箱に移動し、削除します。
- 4 -

5. 固定ページ（お問い合わせページ）の修正（2）
記事の編集画面が表示されます。
ウェブページの内容を編集する場合・・・
※タイトル・パーマリンク・ページ構成などはサイトの
枠組み部分に影響するため変更できません。
変更が可能な箇所は下記になります。
※①の本文の修正方法については
P18「記事の入力について」をご覧ください。
①本文
ページの内容入力部分です。
※カスタムフィールドテンプレート部分は
固定ページでは使用しません。
③更新
修正後、必ずボタンを押してください。
更新ボタンをクリックしないと修正した内容が保存されません。
①
②
- 5 -

6. 投稿 : Informat ionを更新する
左メニュー「投稿」をクリックし、
「新規追加」をクリックします。
新規ページがひらきます。
- 6 -

7. 投稿 : Informat ionを更新する（2）
① 記事のタイトル
記事のタイトルを入力します。
② 本文
記事の内容を入力します。
③ URL
本文を入力せずに、別のサイトへ飛ばす場合は、ここに
リンク先のURLを入力します。
④ URL2
本文を入力せずに、サイトの内のページに飛ばす場合は、
ここにリンク先のURLを入力します。
- 7 -
① ⑥
※本文の入力方法については
P18「記事の入力について」をご覧ください。
⑤ カテゴリー
「お知らせ」または
「イベント」のいづれか
1つをチェックします。
⑥ 下書きとして保存、公開
すぐに公開しない場合は「下書きとして保存」を
すぐに公開する場合は「公開」をクリックします。
②
③
④
⑥
⑤

8. 投稿 : 活動の足跡を更新する
① 記事のタイトル
記事のタイトルを入力します。
② 本文
記事の内容を入力します。
表示例
③ day
日付を入力します。
例）2010. 09.21～22
④ URL
本文を入力せずに、別のサイトへ飛ばす場合は、ここに
リンク先のURLを入力します。
⑤ URL2
本文を入力せずに、サイトの内のページに飛ばす場合は、
ここにリンク先のURLを入力します。
- 8 -
① ⑦
※本文の入力方法については
P18「記事の入力について」をご覧ください。
⑥ カテゴリー
活動の足跡部分、該当する年部分に
チェックを入れます。
※年数の増やし方については、
P16をご覧ください。
⑥ 下書きとして保存、公開
すぐに公開しない場合は「下書きとして保存」を
すぐに公開する場合は「公開」をクリックします。
②
③
④
⑤
⑦
⑥

9. 投稿 : 新しいページ（センター紹介・研究紹介・食のリスク分析について・English）を追加する
① 記事のタイトル
記事のタイトルを入力します。
② 本文
記事の内容を入力します。
③ カテゴリー
新しくページを追加したい
カテゴリに1つチェックを入れます。
① ④
※本文の入力方法については
P18「記事の入力について」をご覧ください。④ 下書きとして保存、公開
- 9 -
すぐに公開しない場合は「下書きとして保存」を
すぐに公開する場合は「公開」をクリックします。
②
④
③

10. 投稿 : 既存のページを修正する
左メニュー「投稿」をクリックし
「投稿一覧」をクリックします。
- 10 -
投稿済みの記事の一覧が
表示されます。
※
タイトルまたは「編集」を
クリックして編集画面を
開きます。
キーワードを入力して
検索することも可能です。
記事数が多い場合は
記事が分割表示されています。
矢印で移動して該当記事を
お探しください。
※誤ってゴミ箱に入れた場合やゴミ箱に入れてしまった場合など
記事を復活したい場合は「ゴミ箱」をクリックします。

11. 投稿 : 既存のページを修正する（2）
公開済みのページで、「下書き」にステータスを変更すると
ホームページ上で非表示になります。
該当箇所を修正後、
最後に「更新」をクリックします。
- 11 -

12. 投稿 : スライドショーを変更する
まずは変更したいスライドショーの画像を準備します。
サイズをそろえた方が見栄えが良いので、準備する画像のサイズを揃えます。横660ｐｘ、縦495ｐｘ
画像は、デスクトップなどに準備しておきます。
- 12 -
準備していた画像を
ドロップまたは
「ファイル」を選択で
呼び出します。
アップロードが完了すると
左にファイル名、右に編集ボタンが表示されます。
「編集」をクリックします。
アップロード画面が
表示されます。

13. 投稿 : スライドショーを変更する（2）
- 13 -
アップロードした画像の情報が表示されます。
ファイルのURL部分をメモ帳などにコピーしておきます。
画像の準備は完了です。
アップロード画面が
表示されます。

14. 投稿 : スライドショーを変更する（3）
左メニュー「投稿」をクリックし、
「投稿一覧」をクリックします。
記事の一覧の中から、変更したい「スライドショー」ページを選択します。
例）牛肉についてのスライドショー
タイトルをクリックします。
- 14 -

15. 投稿 : スライドショーを変更する（4）
- 15 -
差し替えたい画像のURL（ｓｒｃ）部分を変更します。
例）2番目の画像を変更する場合
<div><img alt="" src="[su]/img/beef_s02.jpg" /></div>
<div><img alt="" src="http://www.frc.a.u-tokyo.ac.jp/
wp-content/uploads/2013/05/beef_ex.jpg" /></div>
例）画像を追加したい場合
<div><img alt="" src="●" /></div> を追加します。
<div><img alt="" src="[su]/img/beef_s04.jpg" /></div>
<div><img alt="" src="[su]/img/beef_s05.jpg" /></div>
<div><img alt="" src="[su]/img/beef_s04.jpg" /></div>
<div><img alt="" src=" 新しく追加する画像" /></div>
<div><img alt="" src="[su]/img/beef_s05.jpg" /></div>
修正が完了したら、「更新」をクリックします

16. 記事の入力について : ワード原稿をコピー＆ペースト
ワードで作成した原稿を使用する場合は、
このボタンをクリックします。
- 18 -
小窓が開いたら、コピーした内容を
ペースト（貼り付け）ます。
「挿入」をクリックすると
本文部分に入力内容が表示されます。
ペーストした内容が反映されます。
※ワード原稿に張り付けた画像・写真などは
コピー＆ペーストされません。
画像や写真については、必要に応じてアップロードします。
ワードからの貼り付け

17. 記事の入力につい て（2）
■文字の位置
①文字を左揃えに表示
②文字をセンターに表示
③文字を右揃えで表示
※通常は左揃えですので、左揃えの場合
特に指定する必要はありません。
■文字の体裁
① ② ③
①
②
③
④ 文字を太字にする
太字にしたい文字を選択し、
「Ｂ」というアイコンをクリックします。
⑤ 文字を斜めにする
斜めにしたい字を選択し、
「Ｉ」というアイコンをクリックします。
⑥ 文字にアンダーラインを追加する
アンダーラインを追加したい字を選択し、
「Ｕ」というアイコンをクリックします。
④
④
⑤
⑤
⑥
⑥
- 19 -

18. 記事の入力につい て(3)
■見出しの作成
通常の文章ではなく、見出しとして装飾する場合
その一文を選択して、
フォーマット「見出し3」「見出し4」を選択してください。
※サイトの構成上、「見出し1」「見出し2」は選択しないでください。
表示等が崩れる原因となります。
- 20 -
カテゴリにそった見出しデザイン
表示されます。

19. 記事の入力につい て(4)
■文字をリストをつける
① 1.2.3・・・文字をリストをつける
リスト表示させたい文章を選択し、
上部の■ーをクリックします。
- 21 -
リスト表示させたい文章を選択し、
上部の123 の部分をクリックします。
② 「・」のリストをつける
② ①
「リスト表示を使う理由」
例えば、普通に「1」と書いた場合、文章が長くなると文章が回りこみますが、
リスト表示を使うと「1」の下に文字が回りこまなくなります。
文字が「1」の下に回り込む文字が「1」の下に回りこまないため可読性がアップする

20. 記事の修正について ： 画像や文章中の文字にリンクを追加する
①リンクを追加したい部分をマウスで選択します。
文字の場合、リンク部分の背景に色がつきます。
③ 小窓が開きます
URLを入力し、「リンク追加」をクリックします。
※外部のサイトなど
作業中のサイト以外のページにリンクする場合は、
「リンクを別ウィンドウまたはタブで開く」に
チェックを入れます。
②「リンクアイコン」をクリックします。
左が、リンクを追加するアイコン
右が、リンクを解除するアイコンです。
※リンクをはずしたいときは、リンクをはずしたいテキストを選択し、
右側のアイコンをクリックします。
①
②
③
- 22 -

21. 画像のアップロード方法 : 本文中に画像をアップする
写真をアップしたい場所をクリックした後、
上部左の「アップロード/ 挿入」を
クリックします。
パソコンに保存してある画像ファイル（2MBまで）を、
ブラウザの画面上にドロップします。
※「ファイルを選択」ボタンからもパソコン上の画像を選択できます。
①
①
②
②
- 23 -

22. 画像のアップロード方法(2)
アップロードした写真が
表示されます。
②
④
- 24 -
⑤
⑥
①
③
① タイトル
画像のタイトル
② 代替テキスト
画像が表示されない場合など、画像の説明として
表示されます。
③ キャプション
写真の説明文として、写真の下に表示されます。
④ 配置
なし・・・左揃えで表示されます。文字は回り込みません。
左 ・・・文字が右側に回り込みます
中央・・・画面の中央に画像が表示されます。
右 ・・・文字が左側に回り込みます。
⑤ サイズ
フルサイズを選択すると、アップロードした大きさで
表示されます。
⑥ 投稿に挿入
最後に「投稿に挿入」をクリックします。