HOME > ガイド > 制作者向け動画ガイド

制作者向け動画ガイド

サイト製作者へ向け、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の導入、カスタマイズの依頼は...