HTML と CSS と jQuery で出来る初心者向けの CMS です。 デモページのコラムでもセットアップやカスタマイズについて解説しているので併せてご覧ください。
コードエディタに Visual Studio Code(以下 VSCode)を使用します。 拡張機能「Live Server」をインストールしておいてください。
プロジェクトファイルをダウンロード・解凍したら、VSCode のアプリアイコンにフォルダごとドラッグ&ドロップして VSCode を立ち上げ、右下隅の「Go Live」のリンクからローカルサーバを立ち上げます。
※開発中は基本的にローカルサーバを立ち上げて作業してください。
/assets/js/microcms.template.js
をコピーして/assets/js/microcms.js
を作り、サービス ID と API キーを入力します。
export const microcms = {
SERVICE_ID: "your-site-name",
API_KEY: "your-api-key",
};
設定は microCMS との連携のみで、あとはお好きに開発していただけます。
フォーム機能で Netlify Forms を使用しているのでそのまま使用したい方は Netlify を推奨しています。 フォルダごとドラッグ&ドロップで公開・更新できます。
Xserver などのレンタルサーバーにアップする場合には FTP ツールでアップロードします。