Contenu connexe
Tendances
Tendances (20)
En vedette
En vedette (14)
Similaire à 20140524 hands on_upload
Similaire à 20140524 hands on_upload (20)
Plus de Six Apart
Plus de Six Apart (20)
Dernier
20140524 hands on_upload
- 4. Movable Typeとは • 10年以上利用されているブログ・CMS(通称MT) • MTタグ組み合わせでロジック生成 • テンプレートとDBが完全に分離している (MVCライク) • プラグインで拡張可能 • どんなコードも生成可能
- 6. Movable Typeのライセンス •Movable Type のライセンス4種類 –通常ライセンス –アカデミックディスカウント –開発者ライセンス –個人無償ライセンス
- 7. 個人用 ブログ 開発用途 (公開は できない) ビジネス 利用 通常ライセンス ○ ○ ○ アカデミック ディスカウント ☓ ○ ☓ 開発者 ライセンス ☓ ○ ☓ 個人無償 ライセンス ○ ○ ☓
- 9. 費用 個人用 ブログ 開発用途 (公開は できない) ビジネス利 用 ソフトウェ ア版 買い切り 9万円/ 1ライセンス ○ ○ ○ クラウド 版 月額課金 9,500円/月（税 抜）〜 ○ ○ ○ AWS版 $0.07/時間 (Microインスタ ンスは無料) ○ ○ ○
- 16. コントロールパネルにログイン
- 17. データベースの準備
- 18. • データベースのバージョン – 変更の必要はありません。(Movable Type はMySQL 5.0以上で動作します) • データベース名 – 任意のデータベース名を入力します。 • データベースユーザ名 – 初期状態のユーザ名を利用します。 • 接続用パスワード – 任意のパスワードを入力します。 • データベース文字コード – 必ず「UTF-8」を選んでください。
- 20. データベースの設定項目の中で • データベースサーバ • データベース名 • データベースユーザ名 • 接続用パスワード の４つは、Movable Typeのインストール時に必要となります。
- 21. Movable Typeのインストールパスと公開パスの計画 Movable Typeは • ソフトウェアの配置場所 • 出力するブログの公開場所 を別々に設定できます。
- 22. メリット • ソフトウェアのインストール場所をわかりにくくする –公開ソフトウェアのインストールパスとブログの公開パスを別々に設 定することで、悪意のある第三者からソフトウェアへ攻撃をしにくくす ることができます。 • 複数のブログを設定できる –Movable Typeは、ひとつのソフトウェアで複数のブログを構築できま す。複数のブログを異なるパスに設定して、それぞれを独立して運用 することができます。
- 24. インストールパスと公開パスの計画例 •example.com/ –ブログの公開パス ( /home/ユーザー名/www/ ) •example.com/mt/ –Movable Typeのインストールパス ( /home/ユーザー名/www/mt/ )
- 25. ファイルの転送
- 28. インストールウィザードの起動
- 29. 初期画面
- 30. • 日本語を選択
- 31. システムチェック
- 32. データベース設定
- 33. コントロールパネルから設定したデータベースの情報から • データベースサーバ • データベース名 • ユーザー名 • パスワード の4つを入力します。
- 35. メール設定
- 36. アカウント設定
- 37. • ユーザー名 –サインインするためのユーザーアカウントです。 • 表示名 –Movable Typeで記事を書いた時に使われる表示名です。ユーザーア カウント設定後も自由に変更できます。 • 電子メール –ユーザーアカウントで利用するメールアドレスを設定します。
- 38. • 使用言語 –Movable Typeでは、アカウントごとに管理画面の言語設定を変更する ことができます。管理画面を何語で使うかを設定します。 • パスワード –アカウントで利用するパスワードです。
- 39. ウェブサイトの作成
- 40. • ウェブサイト名 – Movable Typeで公開するサイトの名称です。 • ウェブサイトURL – 公開するサイトへアクセスするためのURLです。 • ウェブサイトパス – 公開するサイトのサーバーパスです。インストール前に設定したサーバーパス情報 を入力します。 • テーマ – インストール直後に使用するデザインテーマを選択できます。あとで変更可能です 。ここでは初期状態の「Rainier」をそのまま使います。 • タイムゾーン – 特に変更の必要はありません。
- 41. インストール実行
- 43. 最初の記事を書いてみる
- 47. デザインを変えてみる
- 49. テーマ •デザイン=>テーマ
- 50. MTタグを操作してみる
- 54. トップページの表示件数を変えてみる デザイン=>テンプレート=> インデックステンプレート=>メインページ <mt:Entries limit="$entries_per_page" search_results="1"> <$mt:Include module="ブログ記事の概要"$> </mt:Entries>
- 55. 表示をタイトルだけにしてみる
- 56. 表示をタイトルだけにしてみる デザイン=>テンプレート=> テンプレートモジュール=>ブログ記事の概要 <MTIgnore> <div class="asset-content entry-content" itemprop="articleBody"> <$mt:EntryBody$> </div> </MTIgnore>
- 57. タイトルの色を変えてみる
- 58. タイトルの色を変えてみる デザイン=>テンプレート=> テンプレートモジュール=>ブログ記事の概要 <h2 class="asset-name entry-title" itemprop="name"> <a href="<$mt:EntryPermalink encode_html="1"$>"> <$mt:EntryTitle$></a> </h2>
- 62. Movable Typeの「ウェブサイト」と「ブログ」 • ウェブサイト… いわゆる「Webサイト」「ホームページ」全体を管理するための 仕組み • ブログ… Webサイト(ホームページ)の中にある、更新頻度の高いコンテ ンツを管理するための仕組み 「ブログ」「ニュースリリース」「IR情報」 「新製品紹介」など
- 64. 小規模なウェブサイト
- 68. •ありがとうございました。