- 目 次 - 1.CMSとは 2.Movable Type とは (ブログとウェブページの 違 い) 3.ログイン 方 法 4.テンプレートの 選 択 p1 p1 p1~2 p3~4 5. 記 事 の 作 成 編 集 p5~13 5-1 新 規 作 成 5-2 画 像 を 含 む 記 事 の 作

Similar documents
改 定 履 歴 改 訂 日 改 訂 理 由 及 び 内 容 承 認 者 確 認 者 改 訂 者 05/8/7 新 版 発 行 05/0/5 推 奨 動 作 環 境 を 追 記

PowerPoint プレゼンテーション

SchITコモンズ【活用編】


スライド 1

メール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受 信 したメールが 一 覧 表 示 されます メール 受 信 タブをクリックすると 受 信 箱 フ

MovableType 更新作業マニュアル

目 次 1. 大 学 情 報 データベースシステムの 使 用 方 法 について EXCEL 一 括 登 録 EXCEL ダウンロード 検 索 条 件 の 指 定 プレビュー EXCEL ダウンロード(データ 抽 出 あ

目 次 アカウント 取 得... 1 Blogger にログイン... 3 Blogger の 基 本 ページ... 4 新 規 ブログの 作 成... 5 ブログの 管 理 画 面... 5 ブログの 投 稿... 6 挿 入 画 像 の 設 定... 7 ページの 作 成... 8 レイアウトの

1.2. ご 利 用 環 境 推 奨 ブラウザ Internet Explorer Google Chrome(バージョン 32 時 点 で 動 作 確 認 済 み) Mozilla Firefox(バージョン 26 時 点 で 動 作 確 認 済 み) Safari 7

Microsoft PowerPoint - webサイト更新マニュアル ppt [互換モード]

変 更 履 歴 版 日 付 区 分 変 更 内 容 変 更 個 所 /11/30 新 規 初 版 作 成 /12/10 修 正 資 料 カバー 画 像 設 定 の 操 作 内 容 を 追 加 資 料 カバー 画 像 設 定 i

■デザイン

文書管理

POWER EGG V2.01 ユーザーズマニュアル ファイル管理編

5-2 一 般 ユーザー 用 :メール 2 送 信 者 のリンクをクリックすると 受 信 メールの 内 容 を 見 ることができます 受 信 メール 内 容 画 面 項 目 送 信 者 宛 先 CC 本 文 (テキスト) 本 文 (HTML) メールアドレスのリンクをクリックするとアドレス 帳 へ

Office 10 パッケージ版「リンク集」

目 次 1. Web メールのご 利 用 について Web メール 画 面 のフロー 図 Web メールへのアクセス ログイン 画 面 ログイン 後 (メール 一 覧 画 面 ) 画 面 共 通 項 目

PowerPoint プレゼンテーション

研究者総覧システム

Acrobat早分かりガイド

<4D F736F F D2090C389AA8CA72D92F18F6F2D D F ED28CFC82AF91808DEC837D836A B E838B A815B816A2E646F6378>

TIPS - 棚 割 りを 開 始 するまで Liteを 起 動 し 企 業 情 報 の 追 加 を 行 い 棚 割 を 行 う 企 業 の 追 加 をして 下 さい 企 業 情 報 の 追 加 時 に エラーメッセージが 表 示 された 場 合 別 途 TIPS トラブルが 発 生 した 場 合

- 目次 - 1.CMS とは 2.Movable Type とは ( ブログとウェブページの違い ) p1 p1 3. ログイン方法 p1~2 4. テンプレートの選択 p3~4 5. 記事の作成 編集 p5~ 新規作成 5-2 画像を含む記事の作成 5-3 動画 PDFへのリンク 5

PowerPoint プレゼンテーション

<4D F736F F D F B B838082F090DD927582B782E995FB96405F E646F6378>

2. データを 検 索 する なごやコレクションのデータを 検 索 するための 方 法 として キーワード 検 索 詳 細 検 索 の 二 通 りの 検 索 方 法 が あります 2.1. キーワードから 探 す キーワードを 入 力 する トップページの 入 力 ボックスに 検 索

ご 利 用 の 前 に 手 順 初 回 ご 利 用 時 に 必 ずご 確 認 ください ご 利 用 の 前 に (ご 利 用 環 境 の 確 認 ) P アクセス 方 法 (IMAGE WORKSサイトへアクセス) P 初 期 設 定 (JREのインストール) P

スライド 1

スライド 1

地域ポータルサイト「こむねっと ひろしま」

1 全 体 のレイアウトを 把 握 する 2 段 組 レイアウト 1 段 組 レイアウト 左 サイドメニューが 表 示 され, 新 着 記 事 が 一 覧 (または 簡 略 形 式 ) 投 稿 した 記 事 が, 日 付 順 にそのまま 表 示 される で 表 示 される 管 理 メニュー(ダッシュ

目 次 1.ログイン 方 法 P2 2.ログアウト 方 法 P3 3. 基 本 設 定 変 更 サイトネーム スローガンの 設 定 P10~11 カラーバリエーションの 選 択 P12 メニュースタイル 色 の 設 定 P12 4.トップページの 画 像 編 集 画 像 の 変 更 P13~14 T

基本操作マニュアル[既存ページの編集と連載記事の作成・更新]編

12_02_02 帳票設定5

Ⅰ 校 外 における 研 修 の 留 意 点 1 校 外 における 研 修 のコマ 数 の 考 え ア) 午 前 午 後 の 講 座 は 0.5 日 (0.5 コマ) イ) 全 日 の 講 座 は 1.0 日 (1.0 コマ) 2 校 外 における 研 修 として 選 択 できない 講 座 研 修

Cloud Disk とは インターネット 上 (クラウド)に 大 切 なデータを 保 存 することが 出 来 る 便 利 なアプリケーション (オンラインストレージ)です 本 資 料 について Cloud Disk サービスは マイナーバージョンアップ 等 もあるため 実 際 のクライアントと 本

WEBメールシステム 操作手順書

_責)Wordトレ2-1章_斉

スライド 1

PowerPoint プレゼンテーション

■新聞記事

BizDataBank とは インターネット 上 (クラウド)に 大 切 なデータを 保 存 することが 出 来 る 便 利 なアプリケーション (オンラインストレージ)です 本 資 料 について BizDataBank サービスは マイナーバージョンアップ 等 もあるため 実 際 のクライアントと

Microsoft Word - word_05.docx

C.1 共 有 フォルダ 接 続 操 作 の 概 要 アクセスが 許 可 されている 研 究 データ 交 換 システムの 個 人 用 共 有 フォルダまたは メーリングリストの 共 有 フォルダに 接 続 して フォルダを 作 成 したり ファイル をアップロードまたはダウンロードしたりすることがで

目 次 1 概 要 動 作 環 境 起 動 方 法 臨 床 研 修 プログラム 検 索 サイトで 提 供 している 情 報 情 報 閲 覧 の 流 れ 画 面 構 成 メニューについて 可 変 メニ

企業のおけるWebガバナンスの構築

目 次 1. ログイン/ログアウト 1.1 ログインする p ログアウトする p.3 2. 受 講 一 覧 画 面 p.4 3. 授 業 ページの 閲 覧 3.1 授 業 ページへの 遷 移 p 授 業 資 料 を IT s class.からダウンロードする p

<4D F736F F D20819C486F70658F6F93588ED297708AC7979D89E696CA837D836A B E A2E646F63>

A

[1]メッセージ

<4D F736F F D20819B93FC97CD CC91808DEC95FB FC92F994C5816A>

ボタンをクリックします ( 警 告 が 表 示 されない 場 合 もあります ) 9 画 面 に Win SFX32M V と 表 示 されますので 保 存 する 箇 所 を 選 択 し OK をクリックしてください 選 択 した 箇 所 にインストールしたフォルダが 保 存 され

Gmail 利用者ガイド

目 次 1. 物 件 入 力 とページ 作 成 1.1. ドリームXジグソーの 一 覧 画 面 の 見 方 基 本 情 報 画 像 登 録 地 図 情 報 SEO 対 策 非 公 開 情 報

2016 年 度 情 報 リテラシー 次 に Excel のメニューから[ 挿 入 ]タブをクリックし 表 示 されたメニュー 内 の[グラフ]にある[ 折 れ 線 グラフ]のボタンをクリックする するとサブメニューが 表 示 されるので 左 上 の[ 折 れ 線 ]を 選 択 する [ 挿 入 ]

4.5. < 参 加 表 明 書 を 提 出 する> 調 達 案 件 一 覧 の 表 示 対 象 となる 案 件 を 検 索 し 調 達 案 件 一 覧 に 表 示 させます 参 加 したい 案 件 の 調 達 案 件 名 称 行 - 入 札 参 加 資 格 確 認 申 請 / 技 術 資 料 /

(Microsoft Word - \215u\213`\203m\201[\203g doc)

SILAND.JP テンプレート集

スライド 1

第1章 情報処理センターの利用

1. 目 次 1 目 次 7 会 員 検 索 申 込 2 ログイン 方 法 ( 初 回 ) 8 活 動 状 況 ( 申 込 申 受 お 見 合 い 管 理 ) 3 ログイン 方 法 (2 回 目 以 降 ) 9 活 動 状 況 ( 不 成 立 履 歴 削 除 ) 4 パスワードを 忘 れた 時 は

目 次 JAVIS Appli の 基 本 機 能... 3 JAVIS Appli について... 3 音 声 確 認 機 能 JAVIS Appli( 有 償 版 )の 機 能... 4 音 声 で 読 みの 確 認 をする... 4 辞 書 機 能... 5 単 語 を 登 録 する... 5

ログイン ブラウザから TDPOST へアクセス ログイン GC-(お 客 様 名 )フォルダを 選 択 各 作 業 へ ブラウザを 起 動 します (Internet Explorer Safari Firefox など) 下 記 アドレスをブラウザのアドレス 入 力 欄 に 入 力 します ht

ログイン 画 面 ブログの 更 新 手 順 ログインに 成 功 するとこのような 画 面 になります 管 理 画 面 ログインURL /wp-login.php はサイトのURLを 入 力 記 URLへアクセスすると 左 記 のような 画 面 が 表 示 されます ユーザー 名 パス

■コンテンツ

Microsoft PowerPoint - WEBディスクご利用の手引きv1.2.ppt

スライド 1

< F2D93648E718E868EC58B8F30332E6A7464>

ゼウスクレジットカード決済システムご利用ショップ様 各位

■ディレクトリ

共済会_Kねっと利用マニュアル.indd

目 次. WEB メールへのログイン.... メール 送 信 手 順.... メール 受 信 手 順 アドレス 帳 の 操 作 手 順 フォルダーの 操 作 手 順 メール 発 信 者 登 録 署 名 登 録 手 順 基 本 的 な 設 定

<4D F736F F D204F432D434F4D E815B D836A B81698BA697CD89EF8ED A2E646F6378>

Microsoft Word - 操作マニュアル(石油コンビナート_オフラインソフト編)_v0.2.doc

<4D F736F F D2090BF8B818AC7979D8B40945C91808DEC837D836A B2E646F63>

! 事 前 準 備! 確 認 しておきましょう! One Drive の 利 用 One Drive とは Microsoft が 提 供 するサービスの 1 つ オンラインストレージ です 以 前 あった SkyDrive と 同 じようなものです これのサービスを 使 うことで 写 真 やデータ

Ver 改 訂 日 付 改 訂 内 容 1

2 / 15 ページ 第 10 講 バーコードシートの 作 成 10-1 ブック(ファイル)を 開 く 第 8 講 で 保 存 した meibo2.xlsx を 開 きましょう 10-2 データの 検 索 と 置 換 データを 検 索 したり 別 のデータに 置 き 換 えたりする 機 能 です 検

PowerPoint プレゼンテーション

ozzio drive とは インターネット 上 (クラウド)に 大 切 なデータを 保 存 することが 出 来 る 便 利 なアプリケ ーション(オンラインストレージ)です 本 資 料 について ozzio drive サービスは マイナーバージョンアップ 等 もあるため 実 際 のクライアン ト

「はぴeみる電」をご利用するにあたって

目 次 機 能 運 用 上 の 注 意 処 理 手 順 画 面 説 明 ログイン 直 送 先 選 択

研究者情報データベース

Microsoft Word - ML_ListManager_10j.doc

購買ポータルサイトyOASIS簡易説明書 b

Microsoft Word - 操作手順書.doc

付 録 B Wiki を 閲 覧 編 集 する B.1 Wiki を 閲 覧 する Web ブラウザのアドレス 欄 に 公 開 されている 個 人 用 Wiki の URL またはメーリ ングリストの Wiki の URL を 入 力 すると その Wiki を 閲 覧 編 集 することができ ます

目 次 1. ログイン ログアウト ログイン ログアウト セッション 切 れ マイページ マイページの 見 方 最 近 の 更 新 マイキャビ マイキャビの

PowerPoint プレゼンテーション

ひらがなを 入 力 する 濁 点 などを 入 力 する 漢 字 を 入 力 する 漢 字 に 変 換 する 一 度 入 力 した 文 字 の 再 変 換 は 全 角 半 角 文 字 を 切 り 替 える 文 章 を 入 力 し 漢 字 変 換 する 数 字 を 入 力 する 英 文 字 を 入 力

WEB保守パック申込

スライド 1

新 規 団 体 登 録 ボタンをクリック

検 索 しよう... 1 結 果 を 見 よう ~ 検 索 結 果 一 覧 ~... 2 結 果 を 見 よう ~ 検 索 結 果 詳 細 ( 図 書 )~... 3 結 果 を 見 よう ~ 検 索 結 果 詳 細 ( 雑 誌 )~... 4 ログインしよう... 5 私 の 本 棚 を 活 用


入 札 参 加 資 格 申 請 システム 操 作 マニュアル 入 札 参 加 資 格 の 資 格 有 効 ( 変 更 ) 日 を 迎 えると 追 加 届 の 登 録 ができるようになります ( 入 札 参 加 資 格 申 請 の 定 時 受 付 では いずれかの 申 請 先 団 体 から 入 札 参


<4D F736F F D A838C D836A B5F E646F63>

前 書 き 広 域 機 関 システム System for Organization for Cross-regional Coordination of Transmission Operators(OCCTO) rev: 商 標 類 Windows Office Excel

Transcription:

学 校 Web ページ 作 成 (CMS) CMS(MovableType)による 学 校 Web ページ 作 成 操 作 手 順 書 Ver4 平 成 27 年 4 月 沖 縄 県 立 総 合 教 育 センター IT 教 育 班

- 目 次 - 1.CMSとは 2.Movable Type とは (ブログとウェブページの 違 い) 3.ログイン 方 法 4.テンプレートの 選 択 p1 p1 p1~2 p3~4 5. 記 事 の 作 成 編 集 p5~13 5-1 新 規 作 成 5-2 画 像 を 含 む 記 事 の 作 成 5-3 動 画 PDFへのリンク 5-4 表 の 作 成 5-5 編 集 5-6 削 除 6.カテゴリの 作 成 7.ウェブページ p14~15 p16~20 7-1 ウェブページの 作 成 7-2 ウェブページの 活 用 8.ウィジットの 活 用 p21~24 8-1 ウィジェットの 基 本 8-2 ウィジェットの 編 集 9.ヘッダー フッターの 変 更 p25~28 9-1 ヘッダー 画 像 の 変 更 9-2 ヘッダー 文 字 フォントの 変 更 9-3 フッター 変 更 10.その 他 p29~31 一 太 郎 ファイルが 開 かない 場 合 公 開 後 正 しく 表 示 されない 場 合

1.CMS(Content Management System)とは CMS とは ウェブサイトを 構 成 するテキストや 画 像 レイアウトなどを 一 元 的 に 管 理 し 編 集 構 築 する コンテンツ 管 理 システム です サーバにインストールされている CMS を 使 用 して あらか じめ 用 意 されているテンプレートを 選 択 簡 単 な 設 定 を 行 うことでウェブサイトを 構 築 することが 可 能 です CMS と 一 般 的 なホームページ 作 成 ツール(ホームページビルダーなど)との 大 きな 違 いはサイトの 構 築 環 境 です ホームページ 作 成 ツールでは PC 上 でサイトページなどを 編 集 した 後 関 連 する 画 像 ファイルなどとともに サーバにアップします CMS は 構 築 に 関 連 するほとんどの 作 業 をインタ ーネットを 通 じて 管 理 画 面 (ブラウザ) 上 から 行 うことができます 2.Movable Typeについて Movable Type は CMS の 一 つで 記 事 (ブログ) ウェブページ アイテム(ファイル) という 3 種 類 のコンテンツを 管 理 することで ウェブサイト 全 体 の 効 率 的 な 構 築 が 可 能 です ブログとウェブページの 違 い 記 事 (ブログ) 随 時 更 新 タイムリーな 情 報 提 供 ( 新 着 情 報 お 知 らせなど) 頻 繁 に 更 新 する 新 着 順 に 記 事 がウェブサイトのトップページに 表 示 される カテゴリや 投 稿 月 などが 同 じコンテンツをアーカイブで 分 類 整 理 し 公 開 できる ウェブページ 管 理 のしやすさ 定 番 情 報 の 提 供 学 校 案 内 学 校 アクセス 進 路 情 報 生 徒 会 活 動 など 定 番 な 情 報 を 個 別 ページで 管 理 ができる フォルダで 管 理 する 3. 管 理 画 面 へのログイン (1) 各 学 校 のログインページURLにアクセスする ログイン 画 面 に ユーザ 名 と パスワード を 入 力 し ログインする 1

ログインすると 下 記 の 画 面 がでます 上 : 学 校 名 編 集 画 面 下 :URL 公 開 画 面 (2) 学 校 名 をクリックすると 管 理 画 面 ( 編 集 画 面 )がひらきます 記 事 のサブメニュー 編 集 終 了 後 サインアウト サイドメニュー 記 事 など 新 規 作 成 再 構 築 サイトの 表 示 編 集 した 場 合 保 存 ( 更 新 )などを 行 った 上 で 再 構 築 が 終 わったら 閉 じる (サイトの 再 構 築 )をクリックする 再 構 築 後 (サイトの 表 示 )で 変 更 結 果 の 確 認 を 行 います 再 構 築 を 行 ったのに サイトの 表 示 が 変 わらない 場 合 は キャッシュが 表 示 されてい る 可 能 性 があります ファンクションキー F5 を 押 して 下 さい 2

4.テンプレート(テーマ)の 選 択 事 前 にテンプレート(テーマ)を3 種 類 準 備 しています 各 テーマで ブログ 全 体 のデザイ ンを 選 択 することができます カラーはテーマごとに 3 色 ~5 色 より 選 択 できます 詳 細 は 下 記 の URL を 参 照 して 下 さい (スタイルシートをダウンロードします) 教 育 センター IT 教 育 班 沖 縄 県 立 学 校 CMS(MovableType) 支 援 ページ http://it.edu-c.open.ed.jp/cmsmovabletypeweb.html 注 意 サイトを 作 り 込 む 前 に テーマはよく 検 討 して 選 択 して 下 さい テーマを 変 更 した 際 アイテムやテキストなどのコンテンツは バックアップされ ますが ウィジェットなどレイアウトが 崩 れる 可 能 性 が 大 きいです (1)サイドメニューの デザイン テーマ をクリック (2) 利 用 可 能 なテーマから 希 望 のテンプレート(テーマ)の 適 用 ボタンをクリック ( 今 回 の 研 修 は 県 立 沖 縄 高 等 学 校 A2 のテーマ 1.0 を 適 用 して 説 明 します 他 に 県 立 沖 縄 高 等 学 校 B のテーマ 1.0 と 県 立 沖 縄 高 等 学 校 C のテーマ 1.0 があります) ここでは 再 構 築 は 行 いません (3) 各 テンプレート(テーマ)の 色 を 決 めたら そのスタイルシートを3つ 追 加 します 1common 2layout 3smartphone (4)サイドメニューの デザイン - テンプレー ト にて インデックステンプレートの 作 成 をク リック 3

(5)テンプレート 名 (ここでは common)を 入 力 後 ダ ウンロードした 同 名 ファイルのタグをコピー&ペー ストする テンプレート 名 は 必 ず(3)のとおり (6) 同 画 面 下 の 出 力 ファイル 名 に common.css と 入 力 保 存 をクリック (7) 上 部 に 次 のメッセージが 出 たら 再 構 築 をクリック (8) 同 様 に (3)23のスタイルシートを 追 加 (サイトの 再 構 築 )をする (9) 右 上 (サイトの 表 示 )をクリックして テーマの 変 更 結 果 を 確 認 注 意 各 テンプレートに 対 応 したスタイルシートのため 別 のテンプレートを 適 用 した 時 点 で 上 記 で 作 成 した common layout smartphone は 削 除 されます 別 のテンプレートに 変 更 した 場 合 は(1)~(8)をやり 直 して 下 さい < 実 行 結 果 >Aタイプ2カラムのグレー 4

5. 記 事 の 作 成 編 集 5-1 記 事 の 新 規 作 成 (1)サイドメニューの 記 事 新 規 をクリック 記 事 の 入 力 を 終 えたら コメントのチェックをはずし 最 後 に 公 開 をクリック 再 構 築 記 事 の 編 集 中 直 前 の 操 作 に 戻 る 場 合 は Ctrl + z のキー 操 作 で 戻 ります 1 タイトルを 入 力 入 力 支 援 ツール 5 最 後 にクリック 2 記 事 の 内 容 を 入 力 3カテゴリごとに 記 事 を 分 類 することも 可 能 ( 該 当 するカテゴリに ) 追 加 でカテゴリの 新 規 作 成 も 可 能 4 チェックをはずす 入 力 支 援 ツール 文 字 色 HTML ソースの 編 集 表 を 挿 入 したときにアクティブ になります アイテムの 挿 入 記 事 作 成 の 全 画 面 基 本 的 には ワードの 操 作 と 同 じですが システムの 裏 では 同 時 にHTMLの 編 集 が 行 われてい ます 操 作 方 法 に 慣 れる 必 要 があります 5

記 事 の 切 り 取 り コピー 貼 り 付 けは 右 クリック 操 作 で 行 えます Firefox では 下 記 のようにショートカットで 行 います Ctrl + X 切 り 取 り Ctrl + C コピー Ctrl + V 貼 り 付 け HTMLでの 編 集 HTMLまたはフォーマットを なし に 変 更 します <フォーマット:なしの 場 合 > HTML コードの font-size の pt 数 値 で 文 字 サイズの 変 更 や color のカラーコードで 文 字 色 の 変 更 ができます カラーコードはこちらを 参 照 原 色 大 辞 典 http://www.colordic.org/ 公 開 項 目 下 書 き 保 存 ( 非 公 開 )や 日 時 指 定 の 公 開 が 指 定 ができる 保 存 せずに 実 際 に 公 開 される 状 態 を 確 認 できる 6

1 つの 記 事 が 長 い 場 合 続 きを 読 む:~ を 使 います トップページにタイトルとリード 文 のみを 表 示 させ 記 事 の 本 体 を 続 き にすることができます (1) 本 文 タブの 画 面 にリード 文 を 入 力 します (2) 続 き タブに 記 事 の 本 体 を 入 力 します (3) 公 開 タブをクリック 再 構 築 後 サイト 確 認 を 行 うと 次 のようになります クリックすると 個 別 の 記 事 画 面 が 表 示 されます 7

5-2 画 像 ファイルを 含 む 記 事 の 作 成 (1)ブログ 記 事 の 作 成 画 面 で 画 像 の 挿 入 ボタンをクリック 画 像 の 挿 入 (2) 画 像 をアップロード アップロードするファイル 名 は 半 角 英 数 字 に して 下 さい (3) ファイルを 選 択 をクリックし 画 像 を 選 択 8

(4) 格 納 するフォルダを 選 択 し アップロード ボタンをクリック ここでは 新 規 に items と 入 力 し フォルダを 作 成 作 成 済 みのフォルダを 指 定 する 場 合 は 隣 の フォルダの 選 択 をクリック (5)ファイルオプション 画 面 では 画 像 の 処 理 方 法 を 指 定 し 完 了 ボタンをクリック (6)コメントの を 外 して 公 開 ボタンをクリック 9

(7) 再 構 築 後 サイト 画 面 で 確 認 5-3 PDF 動 画 ファイルへのリンク (1)リンク 先 のファイルをアップロードします アップロードするファイル 名 は 半 角 英 数 字 にして 下 さい (2)サイドメニューの アイテム 新 規 をクリック アイテムのアップロード 画 面 で ファイルを 選 択 ボタンをクリックし ファイルを 選 択 (3)アップロード 先 を 選 択 アップロード ボタンをクリック 完 了 すると 画 面 上 に 緑 色 で 囲 まれた アイテム~がアップロードされました メッセージが でます 10

(4)アップロード 先 の URL をコピーします サイドメニューの アイテム 一 覧 をクリック アイテムの 管 理 画 面 でファイル 名 をクリ ック (5)アイテムの 埋 め 込 みにあるURLをコピー (6) 次 にリンク 元 である 記 事 を 作 成 します 関 連 つけるテキストを 選 択 後 リンクボタンをクリック 2リンク 1 関 連 つけるテキス トを 選 択 11

(7)リンクのURLに 上 記 (5)でコピーした URL を 貼 り 付 け 更 新 ボタンをクリック 1 URL を 貼 り 付 け 2 新 しいウィンドウで 開 く 3 更 新 5-4 表 の 作 成 注 意 表 作 成 については 下 記 の 方 法 と Excel 等 で 表 を 作 成 し 画 像 として 貼 り 付 ける 方 法 があります しかし どちらの 方 法 もブログ 記 事 の 幅 の 関 係 上 サイトの 表 示 が 厳 しいこともある ため( 特 にスマートフォン) 表 データを pdf ファイルとしてアップし 記 事 からリ ンクさせる 方 法 をお 薦 めします (1)プログ 記 事 の 作 成 画 面 で 表 作 成 ボタンをクリック 表 の 列 数 や 行 数 などを 指 定 して 挿 入 ボタンを クリック (2) 表 が 作 成 されるので 文 字 等 を 入 力 し 完 成 後 公 開 ボタンをクリック 12

5-5 記 事 の 編 集 (1)サイドメニューの ブログ 記 事 一 覧 をクリック 1 編 集 する 記 事 のタイトルをクリック (2) 本 文 などに 修 正 を 加 えた 後 更 新 ボタンをクリック 5-6 記 事 の 削 除 (1)サイドメニューの ブログ 記 事 一 覧 をクリック 削 除 するブログの 先 頭 のチェックボックスをクリックし 削 除 ボタンをクリック 確 認 のメッセージが 表 示 されたら OK ボタンをクリック 13

6.カテゴリの 作 成 ブログ 記 事 をカテゴリ 別 に 分 類 することで 特 定 の 記 事 の 閲 覧 が 容 易 になります カテゴリの 作 成 には 新 規 のブログ 記 事 の 作 成 時 に 同 時 に 作 成 する 方 法 (p4 参 照 )とあらかじ めカテゴリを 作 成 する 方 法 があります こちらでは あらかじめカテゴリを 作 成 する 方 法 を 取 り 上 げます (1)サイドメニューの カテゴリ 一 覧 をクリック (2)ルートの 横 画 面 にカテゴリ 名 を 入 力 し 追 加 ボタン 変 更 を 保 存 をクリック 14

(3)サブカテゴリの 作 成 は 該 当 するカテゴリを 選 択 し サブカテゴリ 名 を 入 力 追 加 ボタン 変 更 を 保 存 ボタンをクリック 再 構 築 後 サイト 画 面 で 確 認 をします カテゴリの 並 ベ 替 え 上 下 で 並 び 順 左 右 でメインかサブへの 変 更 ができる 15

7.ウェブページ 7-1 ウェブページの 作 成 (1)サイドメニューの ウェブページ 新 規 作 成 をクリックし ウェブページを 作 成 します 作 成 後 公 開 ボタンをクリック 作 成 方 法 は 記 事 作 成 と 同 様 です (2) 処 理 後 画 面 上 に ウェブページを 保 存 しました というメッセージがでます (3) 再 構 築 後 サイトで 確 認 します 16

7-2 ウェブページの 活 用 デフォルトでは ウェブページを 作 成 すると Web ページ 上 部 にボタンが 自 動 配 置 さ れ それをクリックすることで ウェブページが 表 示 されます(ボタンの 並 びは 表 示 名 の 昇 順 になっています) 以 下 の 方 法 により 任 意 での 並 べ 替 えやボタン 配 置 なしのウェブページとして 活 用 す ることができます 2カラムの 場 合 (3カラムはp19~) 1.サイドメニューの デザイン テンプレート のテンプレートモジュールの ヘッドナビ をコピーしてバックアップをとります 1 3 テンプレートの 複 製 を 選 択 し GOをクリック 2 ヘッドナビの をいれる 17

2. ヘッドナビ をクリックし 次 のように 内 容 を 編 集 します タグの3 行 目 11 行 目 を 削 除 7 行 目 をウェブページ 数 (ボタン 配 置 したい 数 )コピーして リンクする URL に 書 き 換 えます < 編 集 後 > 1 <nav> 2 <mt:ifarchivetypeenabled archive_type="page"> 3 <mt:pagesheader> 4 <ul> 例 5 </mt:pagesheader> 6 <li><a href="http://www.awase-sh.open.ed.jp/post-6.html"> 学 校 評 価 </a></li> 7 <li><a href="http://www.awase-sh.open.ed.jp/post-4.html">アクセス</a></li> 8 <li><a href="http://www.awase-sh.open.ed.jp/post-3.html"> 問 い 合 わせ</a></li> 9 <mt:pagesfooter> 10 </ul> 11 </mt:pagesfooter> href= リンクさせるウェブページの URL 12 </mt:ifarchivetypeenabled> </a>の 前 に そのウェブページの 表 示 名 を 入 力 13 </nav> 並 べ た い 順 リンクさせるウェブページの URL は ウェブページ のパーマリンクをコピー&ペーストしま す リンクさせるウェブページの URL をコピー 3.ヘッドナビ 編 集 後 は 更 新 と 再 構 築 を 行 います 編 集 前 ( 自 動 作 成 ) 編 集 後 4.テンプレートモジュールでタグを 書 かなければ ウェブページはボタン 化 されないので 1 枚 の ページとして 他 のウェブページからのリンクなどに 活 用 できます 18

3カラムの 場 合 1.サイドメニューの デザイン テンプレート のテンプレートモジュールにある ウェブペ ージ をコピーして バックアップを 取 って 下 さい 3 テンプレートの 複 製 を 選 択 し GOをクリック 2ウェブページの をいれる 2. ウェブページ を 下 記 のように 編 集 します 任 意 にウェブページのボタンを 並 べ 替 えることが できます 元 タグの 3~11 行 目 を 削 除 12 行 目 をウェブページ 数 (ボタン 配 置 したい 数 )コピーして リンクする URL に 書 き 換 えます 元 タグの 13~19 行 目 も 削 除 < 編 集 例 > 1 <mt:ifarchivetypeenabled archive_type="page"> 2 <ul> 3 <li><a href="http://www.awass.open.ed.jp/post-6.html" terget="_blank"> 学 校 評 価 </a></li> 4 <li><a href="http://www.awash.open.ed.jp/post-4.html" terget="_blank">アクセス</a></li> 5 <li><a href="http://www.awa.open.ed.jp/post-3.html" terget="_blank"> 問 い 合 わせ</a></li> 6 </ul> 7 </mt:ifarchivetypeenabled archive_type="page"> href= リンクさせるウェブページの URL </a>の 前 に そのウェブページの 表 示 名 を 入 力 19

リンクさせるウェブページ URL は ウェブページ のパーマリンクをコピー&ペーストします リンクさせるウェブページの URL をコピー 3.ヘッドナビ 編 集 後 は 更 新 と 再 構 築 を 行 います 編 集 前 ( 自 動 作 成 ) 編 集 後 4.テンプレートモジュールでタグを 書 かなければ ウェブページはボタン 化 されないので 1 枚 の ページとして 他 のウェブページからのリンクなどに 活 用 できます 20

8.ウィジェットの 活 用 ウィジェット とは ブログ 画 面 上 で( 主 にサイドバー)で 特 定 の 機 能 を 提 供 する 小 規 模 なコンテン ツをいいます 以 下 ウィジットの 編 集 について 説 明 します 8-1 ウィジェットの 基 本 上 記 画 面 の 構 成 を 確 認 します (1) デザイン ウィジット をクリック 現 在 ブログに 適 用 されているスタイルのレイアウトは2カラムなので ここでは 2カラムのサイドバー をクリック 21

(2) 必 要 なウィジェットを 利 用 可 能 から インストール 済 み ボックスにドラッグ&ドロップ します ( 不 要 の 場 合 は 逆 に 操 作 します) デフォルトで 現 在 のテンプレートは 検 索 カレンダ カテゴリ 最 近 のブログ 記 事 が 活 用 できるようになっています 変 更 した 場 合 は 変 更 を 保 存 ボタンをクリックします ドラッグ&ドロップ 8-2 ウィジェットの 編 集 (ウェブサイトのリンク) (1) 他 のウェブページへリンクするウィジェットを 作 成 します HTML の 知 識 が 必 要 ですが 既 に 活 用 されているフリーコードをコピーして 書 き 換 えると 効 率 的 です (2) ここでは 最 近 のブログ 記 事 をコピーして 書 き 換 えます 最 近 のブログ 記 事 横 の を 入 れて テンプレ ートの 複 製 を 選 択 GO をクリック 22

(3) 最 近 のブログ 記 事 のコピー ファイルが 確 認 できたら クリックします (4)タイトル 名 とコードを 書 き 換 えて 変 更 を 保 存 再 構 築 リンク 先 アドレスと 表 示 名 を 入 力 < 書 き 換 え 前 > 1 行 目 ~3 行 目 7 行 目 9 行 目 11~12 行 目 は 削 除 8 行 目 をコピーして 追 加 <mt:if tag="blogentrycount"> <mt:entries lastn="10"> <mt:entriesheader> <section class="widget-recent-entries widget-archives widget"> <h1 class="widget-header"> 最 近 のブログ 記 事 </h1> <ul> </mt:entriesheader> <li><a href="<$mt:entrypermalink$>"><$mt:entrytitle$></a></li> <mt:entriesfooter> </ul> </section> </mt:entriesfooter> </mt:entries> </mt:if> < 書 き 換 え 後 > <section class="widget-recent-entries widget-archives widget"> <h1 class="widget-header">ウェブページのリンク</h1> <ul> <li><a href="http://www.open.ed.jp">it 教 育 センター</a></li> <li><a href="http://www.edu-c.open.ed.jp"> 県 立 総 合 教 育 センター</a></li> <li><a href="http://mt-test.open.ed.jp/test7/google.html">グーグルカレンダ</a></li> </ul> </section> 23

(5) 最 後 に8-1 ウィジェットの 基 本 を 参 照 に 作 成 したウィジェットをドラッグ&ドロッ プし 変 更 を 保 存 する (6) 再 構 築 後 サイトで 確 認 24

9.ヘッダー フッターの 変 更 9-1 ヘッダー 画 像 の 変 更 (1) ヘッダーの 画 像 を 変 更 する 場 合 アイテム 新 規 画 面 でその 画 像 をアップロードしま す ファイルを 選 択 をクリックし 画 像 を 選 択 します (2)これまでと 同 様 アップロード 先 を 選 択 し アップロードボタン をクリックします (3) アイテム 一 覧 をクリック 画 像 ファイル 名 を 選 択 25

(4)アイテムの 埋 め 込 みで URL をコピー (5) デザイン テンプレート をクリック ブログテンプレートの 管 理 画 面 にあるインデックステンプレート 中 の layout テンプレ ートをクリック (6)ソースコードの 117 行 目 (3カラムの 場 合 は 61 行 目 )の URL を 書 き 換 える 注 意 書 き 換 える 前 に ソースコードはコピーしてテキストエディタなどに 貼 り 付 けて 適 当 な 名 前 で 保 存 しておくと 安 心 です 117 行 目 26

< 書 き 換 え 前 > background: url("http://mt-edu.open.ed.jp/yoseyamaa2/files/top.jpg") center ~ < 書 き 換 え 後 > pp26(4)でコピーしたurlを 貼 り 付 け (7) background: 書 き 換 え url("http://lecture.open. 後 変 更 を 保 存 をクリック ed.jp/items/tulip.jpg") 再 構 築 を 行 う center ~ (7) 書 き 換 え 後 画 面 下 の 保 存 と 再 構 築 をクリック (8) 同 様 に smartphone テンプレートの 251 行 目 (3カラムの 場 合 は 191 行 目 )を 書 き 換 える 保 存 と 再 構 築 をクリック サイトを 確 認 します 9-2 ヘッダー 文 字 フォント 変 更 p26(5)と 同 様 layout のテンプレートのコードを 変 更 します 2カラムは125 行 目 で 文 字 サイズ 133~136 行 目 で 文 字 の 色 が 変 更 できます (3 カラムは28 行 目 で 文 字 サイズ 38~41 行 目 で 文 字 の 色 を 変 更 ) 文 字 の 大 きさ Color:の 後 ろのカラーコードを 変 更 する カラーコードはこちらを 参 照 原 色 大 辞 典 http://www.colordic.org/ 133 行 目 link 元 々の 色 134 行 目 visited (133 行 目 と 同 色 指 定 ) 135 行 目 hover マウスを 重 ねた 時 の 色 136 行 目 active クリックしたとき 時 の 色 27

9-3 フッターの 変 更 (1) デザイン テンプレートをクリック ブログテンプレートの 管 理 画 面 にあるテンプレ ートモジュール 中 の バナーフッター ファイルをクリック (2)コードの 一 部 分 ( の 部 分 )を 書 き 換 えて 変 更 を 保 存 をクリック 再 構 築 後 サ イトの 変 更 を 確 認 (デフォルトは 学 校 名 ) <footer> <address>copyright(c) <a href="<$mt:blogurl$>"><$mt:blogname encode_html="1"$></a> All Rights Reserved.</address> </footer> 28

一 太 郎 ファイルが 開 かない 場 合 一 太 郎 はブラウザを 選 びます Firefox は 表 示 保 存 ともOK Chrome は 文 字 化 けが 発 生 InternetExplorer では 下 記 の1または2どちらかで 対 応 お 願 いします 1 ダウンロードしたい 資 料 の 上 で 右 クリックし 対 象 をファイルに 保 存 をクリックし 保 存 2 IE の 上 部 にあるメニューの ツール アドオンの 管 理 表 示 の 下 にある すべてのアド オン 右 側 にある JUSTSYSTEM~の JSCNTBR BrowserHelper をクリックし 有 効 にする 再 度 IEを 起 動 資 料 を 選 択 後 29 表 示 後 保 存 してください

公 開 後 正 しく 表 示 されない 場 合 CMS(MovableType)を 公 開 した 際 キャッシュやテキストでの 表 示 があります (IE はバージョン 10 以 降 に 対 応 互 換 表 示 設 定 も 併 せて 行 って 下 さい) Internet Explorer (1) Internet Explorer を 起 動 し 右 上 のアイコンをクリックし 互 換 表 示 設 定 をクリック (2) 追 加 する Web サイト open.ed.jp を 確 認 し 追 加 をクリックし 削 除 する を 外 し 閉 じる を 2 カ 所 外 す 進 路 相 談 システムの 互 換 表 示 設 定 は 運 用 支 援 ページをご 参 照 下 さい (2) 閲 覧 履 歴 を 削 除 します( 旧 Web ページのキャッシュが 残 っている 可 能 性 があるため) 30

Firefox 1 3.. 2 4 5 Google Chrome 1 3.. 2 4. 閲 覧 履 歴 に をいれる 2 5 31