2011.12.8 カメリア パルの 会 ホームページ 編 集 マニュアル http://pal.nono1.jp 1.はじめに カメリア パルの 会 のホームページは フリーのブログシステム(WORDPRESS)を 使 用 してい ます このシステムの 特 徴 としては ブログの 基 本 的 使 用 方 法 である 日 記 を 追 加 するだけでなく 固 定 的 なページを 作 成 することができ 通 常 のホームページとして 活 用 することができます 現 在 のホームページは CIRKITプロジェクトが 作 成 してくれた 当 初 のホームページの 掲 載 情 報 と デザインをこのブログシステムの 固 定 ページに 転 載 したものです したがって 固 定 ページの 編 集 には 若 干 注 意 が 必 要 ですが ブログ( 新 着 情 報 )への 投 稿 編 集 と 同 様 に 実 施 することができます なお このマニュアルでは ブログの 投 稿 固 定 ページの 編 集 など 必 要 最 低 限 の 操 作 のみ 記 載 してい ます 2.ユーザ 権 限 と 注 意 事 項 このホームページの 編 集 には ユーザ 登 録 が 必 要 です ユーザ 登 録 が 必 要 な 場 合 は システム 管 理 者 へ 連 絡 してください 原 則 としてプロジェクトごとにユーザ 登 録 していますが 全 プロジェクトの 固 定 ページおよびブログを 編 集 することができますので 取 り 扱 いには 充 分 ご 注 意 願 います 自 分 のプロジェクト 分 のページのみ 編 集 することとし 無 断 で 他 プロジェクトのページを 編 集 すること がないようにお 願 いします (プロジェクトごとの 編 集 権 限 を 検 討 中 ですが 現 時 点 では 難 しいため 信 頼 関 係 による 取 り 扱 いをお 願 いします ) 2.ログイン 方 法 列 をクリックします ホームページの 最 下 段 (フッター)の 文 字 ユーザ 名 とパスワードを 入 力 します パスワードを 忘 れた 場 合 は6 項 へ
3. 管 理 画 面 (ダッシュボード) ログインすると 下 図 のダッシュボードの 画 面 となります ( 権 限 によって 左 のメニューが 異 なります ) 4.ブログの 投 稿 方 法 管 理 画 面 の 左 側 のメニューから 投 稿 をクリックします ここに 投 稿 された 公 開 記 事 は ホームページの 新 着 情 報 に 掲 載 されます (1) 新 規 の 投 稿 を 追 加 メニューの 新 規 追 加 または 上 部 の 新 規 追 加 ボタンをクリックすると 新 規 投 稿 を 追 加 の 記 事 入 力 画 面 が 表 示 されます ページの 記 事 入 力 方 法 には ビジュアル と HTML の2 通 りがあり タブで 切 り 替 えします ビジュアルとは 画 面 で 見 るイメージに 近 くワープロのような 感 覚 で 作 成 するものです HTMLはホ ームページを 作 成 するための 記 号 (タグ)を 直 接 使 用 して 作 成 するものです ビジュアルとHTMLでは 編 集 用 のアイコンが 異 なりますが いづれの 方 法 でも 作 成 は 可 能 で タブ で 切 り 替 えて 作 成 状 況 を 確 認 することができます ここでは まずビジュアルで 作 成 する 方 法 を 説 明 していきます まず タイトル(ここでは 活 動 日 記 )を 入 力 します
ビジュアル 画 面 HTML 画 面 (2) 画 像 のアップロード/ 挿 入 画 像 をアップロードする 前 に 元 画 像 のサイズを 必 要 最 低 限 のサイズ(1000 1000ピクセル 以 下 ) にサイズ 調 整 するようにしてください (サイトの 容 量 が 限 られているため) 画 像 のサイズ 調 整 には Windowsのピクチャマネージャーが 便 利 です タイトル 下 のアップロード/ 挿 入 の 横 にあるアイコン( 画 像 を 追 加 )をクリックすると 画 像 を 追 加 画 面 が 表 示 されますので ファイルを 選 択 をクリックしてパソコンなどに 保 存 されている 画 像 を 選 択 し ます (ctrlキーを 使 用 して 複 数 のファイルを 同 時 に 選 択 することも 可 能 です )
開 く をクリックするとアップロードが 開 始 され 下 のように 読 み 込 まれた 情 報 が 表 示 されます 画 像 のタイトルを 記 入 ( 任 意 )し リンクURLで ファイルのURL をクリック 表 示 するサイズ をチェックして( 必 要 により 配 置 もチェック) 投 稿 に 挿 入 をクリックします また 不 要 な 画 像 は 削 除 で 画 像 を 削 除 することができます 入 力 画 面 に 画 像 が 挿 入 されました 挿 入 された 画 像 を 選 択 すると 調 整 ブロックが8か 所 に 表 示 されますので 画 像 の 大 きさを 自 由 に 拡 大 縮 小 することができます ただし 縦 横 比 が 固 定 できませんので 目 分 量 での 調 整 となります (3) 文 字 の 挿 入 修 飾 必 要 な 文 字 をワープロ 感 覚 で 入 力 します
ビジュアル/HTMLタブ 下 のアイコン をクリックすると 下 段 のアイコンの 表 示 / 非 表 示 が 切 り 替 えできます 修 飾 用 のアイコンは マウスを 近 づけると 機 能 が 表 示 されます この 例 では 我 が 家 の 子 猫 です は 文 字 の 大 きさを 見 出 し1 アンダーライン(U)で 修 飾 して います また 名 前 は 番 号 なしリスト で 修 飾 しています 修 飾 する 文 字 列 の 範 囲 を 選 択 し それぞれのアイコンをクリックすることで 種 々の 修 飾 が 可 能 です 上 記 のビジュアル 画 面 は HTMLタグをクリックすることでHTML 画 面 に 切 り 替 わります HTMLの 知 識 のある 方 は ここでも 追 加 修 正 することができます
(4) 投 稿 の 保 存 公 開 下 書 きとして 保 存 : 編 集 途 中 の 場 合 に 保 存 する プレビュー : 保 存 前 にページのイメージが 確 認 できます 公 開 : 編 集 が 完 了 したら 公 開 をクリックします 登 録 するカテゴリをチェックします 複 数 のチェックが 可 能 です 下 書 きとして 保 存 した 場 合 投 稿 の 一 覧 に 下 書 き と 表 記 されています 再 度 編 集 する 場 合 は タイトル 下 の 編 集 をクリックします 編 集 メニューは マウスを 近 づけると 表 示 されます 必 要 な 修 正 を 加 え 更 新 で 公 開 します 公 開 欄 の 詳 細 設 定 は それぞれの 編 集 リンクで 表 示 され ます
ステータス( 状 態 )により 公 開 済 み レビュー 待 ち( 承 認 ) 下 書 きに 変 更 することができます 公 開 状 態 では パスワードで 保 護 し 閲 覧 者 を 限 定 することもでき また 非 公 開 とすることができます 公 開 日 時 を 指 定 することができます ( 遡 った 日 時 でも 可 能 です ) (5) 投 稿 表 示 の 確 認 ダッシュボードの 左 上 の カメリア パルの 会 をクリックすると ホームページが 表 示 されますので 新 着 情 報 をクリックすると 投 稿 された 内 容 が 最 新 情 報 から 順 に 表 示 されます 新 着 情 報 一 覧 のタイトルをクリックすると 投 稿 内 容 が 表 示 されます 投 稿 表 示 の 状 態 で 下 部 の Edit Post をクリックすると 再 度 編 集 画 面 となります (6) 他 の 画 像 の 追 加 投 稿 と 同 時 にアップロードした 画 像 は その 投 稿 用 のフォルダに 格 納 されていますが 他 の 投 稿 の 画 像 は 他 のサイトの 画 像 を 表 示 させることもできます 画 像 のアップロードと 同 様 に 画 像 を 追 加 アイコンをクリックします
4つのタブがあり それぞれ 下 記 の 区 分 となっています 1 コンピュータから : パソコン 等 から 新 規 に 投 稿 する 方 法 です 2 URLから : 他 のサイトの 画 像 URLを 指 定 して 画 像 を 表 示 させる 方 法 です 3 ギャラリー : この 投 稿 用 のフォルダの 画 像 です ( )は 保 存 している 画 像 数 を 表 しています 4 メディアライブラリ : この 投 稿 用 のフォルダを 含 めた 他 の 投 稿 でアップロードした 画 像 が 表 示 されます 挿 入 する 該 当 画 像 の 右 端 の 表 示 する をクリックすると 画 像 の 情 報 が 表 示 されます 画 像 の 挿 入 方 法 は (2) 項 と 同 様 となります 5. 固 定 ページの 編 集 方 法 トップページや 各 プロジェクトの 紹 介 ページは 固 定 ページで 作 成 されています 該 当 のページの 編 集 メニューをクリックします
編 集 方 法 自 体 は 投 稿 とまったく 同 じです 前 4 項 を 参 照 してください ただし 前 述 したように 先 のホームページから 情 報 を 転 載 していますので 若 干 注 意 が 必 要 であり そ の 部 分 について 記 述 します 下 記 はのっティプロジェクトのページの 編 集 画 面 です 編 集 をクリックすると 最 初 にHTMLの 編 集 形 式 で 表 示 されます タグ(<div > など)は 不 用 意 に 削 除 や 変 更 をしないようにしてください これらのタグによって 各 プロジェクトの 背 景 色 や 文 字 の 大 きさなどのデザインが 指 定 されています
ページの 見 え 方 固 定 ページの 内 容 <!-- 原 稿 内 容 ここから--> <div id="contents"> <div class="block"> <h3><span>のっティプロジェクトとは?</span></h3> <img class="team_photo" title=" の っ テ ィ プ ロ ジ ェ ク ト " src="/img/photo/notty_01.jpg" alt="のっティプロジェクト" /> <p class="notty"> のっティプロジェクト は カメリア パルの 会 発 足 当 時 に 創 設 した 子 ども のっティ 部 会 と 地 域 ポータル 部 会 を 統 合 して 活 動 しています 野 々 市 町 のコミュニティバス のっティ の 応 援 と 利 用 促 進 を 図 り また<a href="http://nono1.jp/"> 地 域 ポータルサイト ののいちタウン 情 報 局 </a>にのっティ 関 連 のコンテンツを 掲 載 することでポータルサイトの 活 性 化 を 目 指 しています </p> <div class="block"> <h3><span>コンセプト</span></h3> <p class="notty"> のっティ の 利 用 促 進 と 地 域 ポータルサイト の 活 用 に よって 野 々 市 の 住 民 交 流 を 活 性 化 しよう </p> <div class="block"> <h3><span> 活 動 内 容 </span></h3> <p class="notty">のっティ 応 援 グッズの 企 画 制 作 のっティコンテンツの 作 成 地 域 ポータルサイトのコンテンツ 作 成 </p> <div class="block"> <h3><span> 活 動 実 績 </span></h3> <div class="notty"> <ul> <li>ののいちタウン 情 報 局 のリニューアル のっティのページ 作 成 ( 現 <a href="http://notty.nono1.jp"> のっティ town </a>)</li> <li> 元 祖 のっティ 新 聞 の 創 刊 および 6 号 まで 発 行 (15 号 まで は C5 計 画 実 行 委 員 会 へ 参 画 ) <a href="http://notty.nono1.jp/?category_name=nottynews"> のっティ 新 聞 web 版 </a>の 作 成 </li> <li><a href="http://nono1.jp/modules/bulletin/index.php?page=article&storyi d=15">のっティカレンダー 講 座 </a>の 実 施 および 作 成 </li> <li> 各 種 イベントの 実 施 </li> <li><a href="http://nono1.jp/modules/bulletin/index.php?page=article&storyi d=2"> の っ テ ィ de 町 内 探 訪 ク イ ズ ラ リ ー </a> <a href="http://nono1.jp/modules/bulletin/index.php?page=article&storyi d=53">のっティ de いにしえの 桜 だより &デジカメ 撮 影 会 </a> <a href="http://notty.nono1.jp/?p=148">のっティ de スタンプ&クイズラリ ー</a>など</li>
<li>アプリケーションの 作 成 </li> <li><a href="http://apli.nono1.jp/busdoco/">バスは 今 どこ?</a> <a href="http://apli.nono1.jp/bustrans/">ののいち 乗 り 換 え 案 内 </a>など</li> <li>ののいち 地 域 事 典 のシステムおよびコンテンツの 作 成 支 援 (<a href="http://tiikijiten.jp/~pickup/">pickupガイド</a>)</li> <li><a href="http://nono1.jp/modules/bulletin/index.php?page=article&storyi d=364"> 末 松 廃 寺 の 映 像 化 </a>(ob 小 笹 裕 一 郎 作 )</li> </ul> <div class="block"> <h3><span> 今 後 の 取 り 組 み</span></h3> <div class="notty"> <ul> <li>の っ ティWEB 情 報 の 一 元 化 (のっティto wnの 見 直 し)</li> <li>ののいち 地 域 事 典 のコンテンツ 作 成 支 援 のっティ 応 援 グッズ の 企 画 など </li> </ul> <div class="block"> <h3><span> 部 員 紹 介 </span></h3> <p class="notty"> 岡 田 博 久 大 島 洋 行 高 島 太 多 田 富 喜 男 協 力 団 体 金 沢 工 業 大 学 漫 画 研 究 会 オブザーバー 宮 川 貢 早 川 彰 一 松 田 尚 子 </p> <a href="#header"><img src="../img/gotoup.jpg" alt=" 上 部 に 戻 ります " /></a> <!-- 原 稿 内 容 ここまで--> 固 定 ページ 内 容 のバックアップ 固 定 ページを 編 集 する 前 には 必 ず 現 在 のページ 内 容 をバックアップ 保 存 してください バックアップの 仕 方 ( 例 ) 1 メモ 帳 などのテキストエディタを 起 動 します 2 HTMLモードの 情 報 内 容 のテキストのすべてを 選 択 し コピーします 3 1のテキストエディタで 新 規 ファイルを 作 成 し 2の 内 容 を 貼 り 付 けします 4 3のファイルを 適 当 なフォルダに 保 存 します い 編 集 によりデザインが 崩 れたり 表 示 がおかしくなったら バックアップファイルで 元 に 戻 してくださ
編 集 作 業 文 字 だけ 編 集 する 場 合 は できるだけビジュアルモードで 変 更 してください 画 像 の 新 規 アップロードは 自 由 にできます また 既 存 の 投 稿 用 の 画 像 は メディアライブラリーから 選 択 して 使 用 することも 可 能 です ただし 固 定 ページで 使 用 されている 転 載 した 画 像 やファイルなどは 特 別 なフォルダに 保 存 されてい ますので 利 用 する 場 合 は 直 接 画 像 タグ(<img >)でURLを 指 定 する 必 要 があります 変 更 を 保 存 する 場 合 は 必 ずその 前 に 変 更 をプレビュー で 見 え 方 を 確 認 してください 6.パスワードを 忘 れた 場 合 現 状 では 管 理 者 および 各 プロジェクトごとにユーザ 名 を 登 録 しています パスワードを 忘 れた 場 合 は ログイン 画 面 の パスワードを 忘 れました をクリックしてください 下 記 画 面 が 表 示 されますので ユーザ 名 またはユーザ 登 録 したメールアドレスを 入 力 して 新 しいパス ワードを 取 得 する をクリックします
登 録 されたメールアドレスにメールが 送 信 され 下 記 の 画 面 に 遷 移 します 受 信 したメールの 中 にリンクがありますので クリックします 新 しいパスワードを 入 力 します
ログイン 画 面 から 新 しいパスワードでログインしてください - 以 上 -