10分で作るオリジナルサイト - CMS/blog/adiary/Wordpress
•
1 like•42,409 views
Wordpressより使いやすいadiaryを使ったオリジナルサイト構築法。 http://adiary.org/ https://github.com/nabe-abk/adiary
10分で作るオリジナルサイト - CMS/blog/adiary/Wordpress
- 2. 1. インストール
- 3. 1. インストール ● インストールはたったの 4 行 ※ コンソールが使えない場合はファイルをコピー $ git clone https://github.com/nabe-abk/adiary $ cd adiary $ chmod 777 __cache/ pub/ data/ $ cp adiary.conf.cgi.sample adiary.conf.cgi
- 4. 2. 初期設定
- 5. 2. 初期設定
- 9. 2. 初期設定
- 10. 2. 初期設定
- 11. 2. 初期設定
- 13. 2. 初期設定
- 14. 2. 初期設定
- 16. 3. 試しに記事を書いてみる
- 17. 3. 試しに記事を書く
- 20. 3. 試しに記事を書く
- 22. 4. デザインの変更（前編）
- 23. 4. デザインの変更（前編） ● よくあるサイトデザイン方法 – HTML や CSS を書き換え – テンプレートという特殊なファイルを書き換え
- 24. 4. デザインの変更（前編） ● よくあるサイトデザイン方法 – HTML や CSS を書き換え – テンプレートという特殊なファイルを書き換え adiary なら面倒な作業は不要！ 専門知識も不要！
- 25. 4.1 ベースデザイン選択
- 26. 4.1 ベースデザイン選択
- 27. 4.1 ベースデザイン選択
- 28. 4.1 ベースデザイン選択
- 29. 4.1 ベースデザイン選択 テーマと呼ばれる基本デザインが 13 種類附属 ※2016 年 1 月現在
- 35. 4.1 ベースデザイン選択 テーマ wp Wordpress 風のシンプルなデザイン （カスタマイズ前提のテーマです）
- 40. 4.1 ベースデザイン選択
- 42. 4.2 配色の変更 再びデザイン編集を開き、 今度は H バーを操作します。
- 43. 4.2 配色の変更
- 44. 4.2 配色の変更
- 45. 4.2 配色の変更
- 49. 4.3 テーマ機能まとめ ● 13 種類からテーマを選択できた。 (2016/1 時点 ) ● 配色をマウスで簡単に変更。 – 非対応のテーマもあります。
- 50. 4.3 テーマ機能まとめ ● 13 種類からテーマを選択できた。 (2016/1 時点 ) ● 配色をマウスで簡単に変更。 – 非対応のテーマもあります。 CSS の知識があれば テーマを作ることもできます。 詳細資料 http://adiary.org/devman/theme/
- 51. 5. デザインの変更（後編）
- 52. 5.1 デザイン編集
- 53. 5.1 デザイン編集
- 60. 5.1 デザイン編集 system info が 消えました
- 64. 5.1 デザイン編集 設定ボタン
- 74. 5.1 デザイン編集
- 77. 5.1 デザイン編集
- 79. 5.1 デザイン編集
- 80. 5.2 デザイン編集まとめ ● モジュールを組み合わせデザインを変更できた。 ● HTML を書かずにサイトの構成を変更できた。 ● CSS を書かずに細かい見た目を変更できた。
- 81. 5.2 デザイン編集まとめ ● モジュールを組み合わせデザインを変更できた。 ● HTML を書かずにサイトの構成を変更できた。 ● CSS を書かずに細かい見た目を変更できた。 10 分でオリジナルサイトが 完成した。
- 82. 6.adiary の便利な機能
- 83. 6 adiary の便利な機能 ● サイトを運営する上で役立つ機能が沢山ある。 ● そのような機能をいくつか紹介。
- 84. 6.1 画像アルバム機能
- 85. 6.1 画像アルバム
- 88. 6.1 画像アルバム
- 90. 6.1 画像アルバム
- 93. 6.1 画像アルバム
- 94. 6.1 画像アルバム
- 97. 6.1 画像アルバム
- 100. 6.2 コンテンツ管理機能
- 101. 6.2 コンテンツ管理 ● いわゆる固定ページ機能。 ● コンテンツページはすべて階層構造を持つ。
- 102. 6.2 コンテンツ管理
- 103. 6.2 コンテンツ管理 記事 URL の一部となる 記事 key を設定
- 104. 6.2 コンテンツ管理
- 106. 6.2 コンテンツ管理
- 110. 6.2 コンテンツ管理
- 112. 6.2 コンテンツ管理
- 113. 6.2 コンテンツ管理
- 117. 6.2 コンテンツ管理
- 118. 6.2 コンテンツ管理
- 119. 6.2 コンテンツ管理
- 120. 6.2 コンテンツ管理
- 121. 6.2 コンテンツ管理
- 122. 6.2 コンテンツ管理
- 124. 6.2 コンテンツ管理 ● コンテンツのツリーが『自動反映』される。 – ツリーを使いサイトを構築できる。 – ツリー構造のメモ代わりに使える。
- 125. 6.2 コンテンツ管理 ● コンテンツのツリーが『自動反映』される。 – ツリーを使いサイトを構築できる。 – ツリー構造のメモ代わりに使える。 「マルチユーザー機能」 「同時編集ロック機能」 情報共有メモに便利
- 126. 6.3 スマホ完全対応
- 129. 6.3 スマホ完全対応 管理画面も大丈夫
- 130. 6.3 スマホ完全対応 設定画面も大丈夫
- 132. 6.3 スマホ完全対応 タッチ操作で 画像管理もできる アップロード、記事貼り付け だけではなく全操作 ok ！ フォルダ管理、ファイル移動、 スライドショー、サムネイル再生成 …… 等々
- 134. 6.3 スマホ完全対応 ● 設定しなくてもスマホ対応！ ● しかもただ表示するだけではない！
- 135. 6.3 スマホ完全対応 ● 設定しなくてもスマホ対応！ ● しかもただ表示するだけではない！ – 記事を書いたり画像をアップしたりできる。 – 管理機能のほとんどを使用できる。 – テーマ設定が、スマホ画面にも反映される。
- 136. 6.4 その他の特徴
- 137. 6.4 その他の特徴 ● マルチユーザー、マルチサイト対応 ● 超高速動作！ ● Markdown やさつき記法（はてな記法風 ) ● 外部 DB 不要（ PostgreSQL/MySQL にも対応） ● 階層化されたタグ（カテゴリ）機能 ● プライベートモード（非公開サイト、会員制など） ● Facebook OGP/Twitter Cards 標準対応 …… などなど
- 138. 7. まとめ
- 139. 7. まとめ ● 10 分でオリジナルサイトを作成できた。 ● それ以外もに便利な機能がたくさんあった。 ● 使いやすい管理画面。
- 141. 7. まとめ ● http://adiary.org/ ● https://github.com/nabe-abk/adiary – adiary は日本製オープンソース CMS です