Download as PDF, PPTX
Uploaded bynabe-abk
10分で作るオリジナルサイト - CMS/blog/adiary/Wordpress
Wordpressより使いやすいadiaryを使ったオリジナルサイト構築法。 http://adiary.org/ https://github.com/nabe-abk/adiary
10分で作るオリジナルサイト - CMS/blog/adiary/Wordpress
- 1.
- 2.
- 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.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23. 4. デザインの変更（前編） ● よくあるサイトデザイン方法 –HTML や CSS を書き換え – テンプレートという特殊なファイルを書き換え
- 24. 4. デザインの変更（前編） ● よくあるサイトデザイン方法 –HTML や CSS を書き換え – テンプレートという特殊なファイルを書き換え adiary なら面倒な作業は不要！ 専門知識も不要！
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35. 4.1 ベースデザイン選択 テーマ wp Wordpress風のシンプルなデザイン （カスタマイズ前提のテーマです）
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42. 4.2 配色の変更 再びデザイン編集を開き、 今度は Hバーを操作します。
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49. 4.3 テーマ機能まとめ ● 13種類からテーマを選択できた。 (2016/1 時点 ) ● 配色をマウスで簡単に変更。 – 非対応のテーマもあります。
- 50. 4.3 テーマ機能まとめ ● 13種類からテーマを選択できた。 (2016/1 時点 ) ● 配色をマウスで簡単に変更。 – 非対応のテーマもあります。 CSS の知識があれば テーマを作ることもできます。 詳細資料 http://adiary.org/devman/theme/
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60. 5.1 デザイン編集 system infoが 消えました
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72.
- 73.
- 74.
- 75.
- 76.
- 77.
- 78.
- 79.
- 80. 5.2 デザイン編集まとめ ● モジュールを組み合わせデザインを変更できた。 ●HTML を書かずにサイトの構成を変更できた。 ● CSS を書かずに細かい見た目を変更できた。
- 81. 5.2 デザイン編集まとめ ● モジュールを組み合わせデザインを変更できた。 ●HTML を書かずにサイトの構成を変更できた。 ● CSS を書かずに細かい見た目を変更できた。 10 分でオリジナルサイトが 完成した。
- 82.
- 83. 6 adiary の便利な機能 ●サイトを運営する上で役立つ機能が沢山ある。 ● そのような機能をいくつか紹介。
- 84.
- 85.
- 86.
- 87.
- 88.
- 89.
- 90.
- 91.
- 92.
- 93.
- 94.
- 95.
- 96.
- 97.
- 98.
- 99.
- 100.
- 101. 6.2 コンテンツ管理 ● いわゆる固定ページ機能。 ●コンテンツページはすべて階層構造を持つ。
- 102.
- 103. 6.2 コンテンツ管理 記事 URLの一部となる 記事 key を設定
- 104.
- 105.
- 106.
- 107.
- 108.
- 109.
- 110.
- 111.
- 112.
- 113.
- 114.
- 115.
- 116.
- 117.
- 118.
- 119.
- 120.
- 121.
- 122.
- 123.
- 124. 6.2 コンテンツ管理 ● コンテンツのツリーが『自動反映』される。 –ツリーを使いサイトを構築できる。 – ツリー構造のメモ代わりに使える。
- 125. 6.2 コンテンツ管理 ● コンテンツのツリーが『自動反映』される。 –ツリーを使いサイトを構築できる。 – ツリー構造のメモ代わりに使える。 「マルチユーザー機能」 「同時編集ロック機能」 情報共有メモに便利
- 126.
- 127.
- 128.
- 129.
- 130.
- 131.
- 132. 6.3 スマホ完全対応 タッチ操作で 画像管理もできる アップロード、記事貼り付け だけではなく全操作 ok！ フォルダ管理、ファイル移動、 スライドショー、サムネイル再生成 …… 等々
- 133.
- 134. 6.3 スマホ完全対応 ● 設定しなくてもスマホ対応！ ●しかもただ表示するだけではない！
- 135. 6.3 スマホ完全対応 ● 設定しなくてもスマホ対応！ ●しかもただ表示するだけではない！ – 記事を書いたり画像をアップしたりできる。 – 管理機能のほとんどを使用できる。 – テーマ設定が、スマホ画面にも反映される。
- 136.
- 137. 6.4 その他の特徴 ● マルチユーザー、マルチサイト対応 ●超高速動作！ ● Markdown やさつき記法（はてな記法風 ) ● 外部 DB 不要（ PostgreSQL/MySQL にも対応） ● 階層化されたタグ（カテゴリ）機能 ● プライベートモード（非公開サイト、会員制など） ● Facebook OGP/Twitter Cards 標準対応 …… などなど
- 138.
- 139. 7. まとめ ● 10分でオリジナルサイトを作成できた。 ● それ以外もに便利な機能がたくさんあった。 ● 使いやすい管理画面。
- 140.
- 141. 7. まとめ ● http://adiary.org/ ●https://github.com/nabe-abk/adiary – adiary は日本製オープンソース CMS です