JS CMSで簡単ホームページ作成

さて、今回ご紹介する JS CMS は、フリーランスのWebデザイナーの方が開発している、

  • 無料
  • 商用OK
  • データベース不使用

3拍子揃った、無料勢には非常にありがたいオープンソースのCMSです。

CMSとは、Content Management System(コンテンツ管理システム)のこと。
大雑把に言えば、構造などの知識がなくとも、テンプレート等に従ってテキストや画像などを配置すれば、体裁の整ったWebページが作成・維持管理ができるシステム。(代表例はブログのシステム)

JS CMS の主な特徴は、

  • 20のテーマカラーと26種類のレイアウトからデザインが選べます。
  • ブロック単位でコンテンツを追加でき、そのブロック単位で配置の変更やコピペもできるから作業が捗ります。
  • しかも様々なブロックのテンプレートが用意されていて、簡単に表や段組みなどもできます。
  • なので、基本的には文書作成の要領でホームページが制作できます。
    ※管理画面の操作には多少の慣れは必要だと思います。
  • ナビゲーションリンクやサイトマップなど、いまどきのコーポレートサイトにあるような必須の要素が自動生成されます。
  • これらのおかげで、普通に作ればスマホでの表示にも対応します。

要するに、ホームページ作成の知識がそれほどなくても作れちゃうんです。
※導入する際には構造の知識が多少は必要です。

さすがにIT企業のようなド派手に動くホームページを作ることはできませんが、
作者様のおっしゃる通り、企業や自治体のホームページを簡単に作るのに最適なのではないかと思います。

そして気になる導入方法は、PHP4.2以上が動作するサーバーへFTPでアップロードするだけとのこと。

 ん!?

もしや例の無料のレンタルサーバーで開設できるのでは!(スマホで広告出ちゃうけど)
スターサーバー フリー PHP+MySQLプランのことです。

ってことで、実際に試してみました。

導入までの流れ

利用するには、レンタルサーバーの契約とJS CMSのダウンロードが必要です。
PHP4.2以上が動作するWebサーバーをお持ちの場合は、「JS CMSを用意する」からお読みください。

※登録情報は必ず控えをとるなど、わからなくならないようにしましょう。
インターネットが生活に浸透して以来、パスワードが分からなくなったという類の問い合わせは後を絶ちませんが、分からなくなるような人は「パスワードを忘れた場合」の事前登録情報も当然のように覚えているはずもなく困難を極めるのです。しかもそういう方に限って簡単に復旧できると思ってる方が多(以下略)

レンタルサーバーを用意する

  • スターサーバーフリーのサイトを開く。
  • 今すぐ始める」をクリック。
  • 初めての場合、新規会員登録をする。
    ※使えるメールアドレスが必要です。
  • 会員登録が完了したら、再び「今すぐ始める」からログインすると、プラン選択画面になります。
  • フリー PHP+MySQL に申し込む。
    初めて利用する場合、SMS認証が発生します。
    ※使えるスマホ(または携帯電話)が必要です。
  • サーバーIDを決めます。
    ※3~12文字の半角英数字のみ使用可
    無料の場合、後から変更できません。(たぶん)
  • 申込みが完了すると、登録したメールにホームページのアドレスやFTPアカウントの情報が届きます。
  • それを元に、FFFTP等の設定をする。

JS CMSを用意する

  • JS CMSのダウンロードページで色とレイアウトを決めてダウンロードする。
  • ダウンロードした○○.zipを展開(解凍)する。
    (○○はダウンロードしたテーマによって変わる)
  • FFFTPなどでFTPサーバーに接続し、展開(解凍)した中身の全てをアップロードする。
    JS CMSの中身
  • ブラウザで「△△△.starfree.jp/_cms/」を開く。
    (△△△は契約したサーバーID
    ※スターサーバーフリーではない場合は、「□□□/_cms/」を開く。
    (□□□はご利用のホームページアドレス)
    ※画像は既にカスタマイズした後の画面です。
    ログイン画面
  • 初期ログインIDと初期パスワードは共に「guest」です。CMS画面
  • これで利用が開始できます。CMS画面

JS CMSの主な使用方法は公式ガイドをご覧ください。

また、ログイン後に、管理画面右上の「CMS設定」→「ログイン設定」でIDやパスワードが変更できますので、セキュリティのために変更することを推奨します。
※分からなくならないような対策をしてください。

実際に試した結果

できたWebサイトJS CMSを使って試しに作成したホームページ
※CSSやJavaScript等に手を加えています。

無料でここまでできました。

ブログ形式じゃないホームページなら、もうこれでいいのではと思いました。
●ー●●ー●●●ダーとかもう要らないっす!


参考リンク:元になったホームページ