制作者向け動画ガイド
サイト製作者へ向け、JS CMSの基本的なカスタマイズ方法や、個別の機能について、動画で紹介します。
カスタマイズ入門シリーズ
JS CMSをつかったカスタマイズについて説明します。
ひとおおり見てもらえれば、JS CMSのカスタマイズが理解できる内容になっています。
1から9まで続きの内容になってるので、ぜひ、はじめの動画から確認してください。
ひとつの動画につき、だいたい5分程度で、合計で40分ほどになります。
1) インストール・設定
基本的なインストールはもちろん、ローカルでの動作やセキュリティについて紹介します。
2) ページとテンプレを追加する
もっともミニマムな状態で、ページとテンプレートの関係について紹介します。
3) シンプルにナビゲーションを追加する
サイトには必須のナビゲーションについて、まずは、シンプルな方法で作成してみます。
4) Myタグでナビゲーションを追加する
ナビゲーションブロックとMyタグをつかって、ナビゲーションを追加します。
5) Myタグでタイトルタグを設定する
タイトルタグの実装をみていきながら、Myタグの機能を紹介します。
6) リストアし、テンプレを詳しく見る
初期状態のテンプレについて紹介します。
7) Myタグを詳しく見る...UI編
Myタグ設定ページの、UIページについて紹介します。
8) Myタグを詳しく見る...パーツ・雛形用
Myタグ設定ページの、パーツ・雛形ページについて紹介します。
9) CSSを詳しく見る
公開サイトの初期のCSSについて紹介します。
既存サイトにCMSを導入シリーズ
既存サイトへCMSを導入する方法を紹介します。
1から4まで続きの内容になってるので、ぜひ、はじめの動画から確認してください。
ひとつの動画につき、だいたい5分程度で、合計で20分ほどになります。
1) ページへ埋込み
既存ページの中の、一部のエリアをCMSで管理する方法を紹介します。
2) ディレクトリ
ディレクトリの注意点の紹介と、変更方法を紹介します。
3) カテゴリ導入
カテゴリ全体、お知らせ全体をCMSで管理できるようにします。
4) Myタグを利用
Myタグを利用して、既存サイトへの導入の仕上げを行います。
WordPressと共存させる
作成予定です
ローカル開発環境を作る
カスタマイズをしっかり行いたい場合や、初期作成時は、まずは、ローカル開発環境をつくって、その上で作業すると効率的です。
テンプレHTMLやCSS、JSなどの編集などは、使い慣れたテキストエディタなどで、編集できます。画像についても、CMSでアップロードしなくても、ディレクトリに直接コピーしても、問題ありません。
Windowsでローカル開発環境を作る
Windows上で簡単にローカル環境を構築できるXAMPPを紹介します。JS CMSをローカルで動かせます。
XAMPP
Macでローカル開発環境を作る
Mac上で簡単にローカル環境を構築できるMAMPを紹介します。JS CMSをローカルで動かせます。
MAMP
そのほかの動画
ブロックを複数のページで共有する（ニュースブロック）
ニュースブロックをMyタグとして作成し、それを、トップページと、お知らせ一覧のページに表示します。共通のデータを参照しつつ、トップページでは、表示件数を制限してみます。
表組みブロックの入れ子
表組みブロックの中に、Myタグを使い、別の表組みをレイアウトする手順を説明します。
質問・問い合わせなどについて
不具合や不明点などあれば、ページ右下のチャットで聞いてもらうか、開発者のピクセルイメージ田中 ( tanaka@pixelimage.jp ) にメール下さい。
CMSには未反映の不具合と対処方などもあるので、お気軽に質問いただければと思います。
使用した感想などあれば、TwitterやFacebookなどでシェアしてもらえるとうれしいです！
あと、JS CMS開発者日記のサイトもはじめました。こっちはユルめのサイトです。
js-cms.jp