Concrete5はポストWordPressの有力候補なのか

今月初めに、「博多TECH塾」のConcrete5勉強会に参加させてもらったので、復習を兼ねてConcrete5のインストールや初期設定などをまとめてみた。

インストールを始める前に

先ずは、Concrete5をインストールするローカル観葉やレンタルサーバーを準備しておく。ローカル環境であれば、予めMAMPXAMPPなどをセットアップする。Concrete5用のデータベースを用意することも必要。

続いて、Concrete5の公式日本語サイトから、最新版 のzipファイルをダウンロードし、これを解凍。FTPクライアントなどを使って解凍したフォルダをドキュメントルートにアップロードする。

ここで、ブラウザからアップロードしたファイルにアクセスすれば、インストール開始となる。

Concrete5Inst01

なお、さくらのレンタルサーバー(スタンダード)の場合は、php.iniファイルに、次のような記述をしておく必要がある。

cgi.fix_pathinfo=1
default_charaset = UTF8
mbstring.language = neutral
mbstring.internal_encoding = UTF-8
mbstring.http_input = auto
mbstring.http_output =  UTF-8
iconv.input_encoding = UTF-8
iconv.internal_encoding = UTF-8
iconv.output_encoding = UTF-8
date.timezone = "Asia/Tokyo"

さくらのコントロールパネルにログインして、左サイトバーにある項目「PHP設定の編集」をクリックすると、php.iniファイル編集ツールの画面に切り替わる。

Concrete5Inst_Sakura

先ほどの記述をコピペして、最後に「保存する」ボタンをクリックすれば書き込み作業は完了。

インストール作業

アップロードしたファイルにブラウザからアクセスすると、言語選択画面が最初に現れる。

Concrete5Inst02

プルダウンメニューから、日本語を選択。

Concrete5Inst03

次に、PHPのバージョンやMySQL、JavaScriptなど、Concrete5の動作要件がチェックされる。PHP 5.2.4 以上(PHP5.3以上を推奨)というのは、今時のレンタルサーバーにとっては、標準的な設定だが、サーバーによっては、PHPのバージョンを変更しなければならないときもある。

また、書き込み権限もいっしょにチェックされるので、Concrete5の指示に従って、これを設定する。

以上、必須項目すべてにに緑のチェックマークが入ったことが確認できたら、「インストールを続ける」ボタンをクリックして先に進む。

Concrete5Inst04

最後に、サイト情報やデータベース情報、管理者情報などを入力する画面が現れるので、必要事項を記入してインストールを開始する。サンプルコンテンツをインストールするかどうかの選択もこの画面で行う。

プリティーURLの設定とテーマ変更

インストールが完了したら取り敢えず管理画面に入ってみよう。
このとき、例えば、ドメインがhogehoge.jpの場合だとしたら、管理画面へのログイン画面のアドレスがhttp://hogehoge.jp/index.php/dashboard(ローカル環境であればhttp://localhost/index.php/dashboard)となっていることに気づくと思う。

このindex.phpは、ログイン画面以外のページにも現れる。これはSEO的にもよろしくないので、先ずは、これを省略するための設定を行っておく。

Concrete5Inst07

管理画面の左下隅の「システムと設定」から(ナビゲーションバー右上の検索ボックスから「プリティー」で検索してもOK)プリティーURL画面に行き、「プリティーURLを使用する」にチェックを入れる。作業はこれだけ。

テーマの変更とページ編集

続いて、テーマの変更を行う。上記管理画面の「ページとテーマ」コーナー(右端2段目)から「テーマ」リンクをクリック(ナビゲーションバー右上の検索ボックスから「テーマ」で検索してもOK)。

Concrete5Inst08

テーマ設定画面が現れるので、好みのテーマを選択して有効ボタンを押す。WordPressのtwentyシリーズ風のテーマ(Greek Yogurt)があるので、試しにこれを選択しておく。

次に、管理画面のナビゲーションバー左上の「サイトに戻る」ボタンをクリックして、編集操作を試す。

画面にはサイトのトップページが表示され、画面トップのナビゲーションバーの「サイトに戻る」ボタンが「編集」ボタンにが変わる。このボタンをクリックすると、サイトの見た目はそのまま(ナビゲーションバーがある以外)で、編集モードに移行する。

Concrete5Inst06

赤い点線で囲まれている箇所が、ブロック設定済みのエリアで、灰色の点線で囲まれている箇所はブロックが設定されていないエリアという具合に区別されている。赤い点線で囲まれているエリアで、左クリックすると、ブロックの編集や削除などができ、灰色の点線で囲まれているエリアで左クリックすると、ブロックの追加等ができるという仕組みなっている。。

このように、Concrete5では、編集したいページに移動し、そこで編集モードに入り、ブロックごとに追加や削除、編集を行うというのが基本操作となる。コンクリートブロックを積み重ねるようにサイトを構築し、直感的に編集できるということがConcrete5の最大の特色だ。

習うより慣れろのConcrete5

ということで、駆け足でインストールや初期設定、基本操作など説明したが、Concrete5の場合は、言葉で説明するより、実際に手を動かしてもらった方が早い。公式サイトには、操作方法を解説した動画がたくさんアップされているので、そちらを参考しながら、あれこれ弄っていると、基本操作は自然にマスターできると思う。

また、もっときっちりと入門したいとか、いきなり自作テーマを作ったり、カスタマイズに挑戦したいという方は、公式活用ガイドブックが発売されているので、をちらを参考するとよいかもしれない。直感的操作とは裏腹に、結構奥が深いということも分かると思う。

WordPressとの比較

実際に、Concrete5でシンプルで小規模なサイトを構築してみると、WordPressだとプラグインひとつで実現できる機能が、Concrete5ではひどく手間がかかったり、その反対に、WordPressで実現しようとすると頭を抱えたくなるようなデザインがConcrete5では、いとも簡単に実現できたりする。

実はこれ、両者のCMSとしてのルーツや設計思想の違いから生じている可能性が高い。

コーポレートサイトを構築するCMSとして生まれたConcrete5は、MVCモデル(Zend Frameworkのモジュールも一部使われいる)上に構築されていて、デザインとロジックが見事に分離されている。

このことによって、サイト構築の過程では、デザイナーとプログラマの分業が可能だ。さらに、クライアントに納品した後は、クライアント自身がワープロ感覚で、自由にコンテンツの編集が行えるよう工夫が凝らされている。

これに対して、個人の情報の発信を目的とするブログツールとして生まれたWordPressには、そもそも分業とかクライアントといった概念がほとんどなかった。

アンチWordPress派から、デザインとロジックが渾然一体となっていることをしばしば揶揄されてきたが、WordPressコミュニティはこうした批判を逆手に取るように、多種多様なプラグインと豊富なテンプレートを無料で提供し、入門者でも最小限のカスタマイズだけでサイトを構築できるように機能を強化してきた。

その結果、WordPressは圧倒的な数の個人ユーザーを獲得して、その延長線上でコーポレートサイトでの利用も爆発的に増え、今やCMSのデファクトスタンダードといってもよい地位に登りつめたのではないだろうか。

ということで、タイトルに謳った「Concrete5はポストWordPressの有力候補か」というテーマについていえば、問いかけ自体がナンセンスだったといえそうだが、両者が相互補完的な関係にあるCMSであることは間違いなさそうだ。

その意味からいうと、Concrete5は、WordPressユーザーなら一度は触っておきたいCMSといえるのかもしれない。

【追 記】
この記事で扱っているConcrete5のバージョン5.6.3.1ですが、執筆中にバージョン5.7がリリースされました。9/23にはバクフィックスが施された5.7.0.1もリリースされています。
インストール手順はほとんど変わっていませんが、管理画面の基本操作やデフォルトテーマは、もはや別物というほど変化しています。また、5.7系から後方互換性がなくなりました。詳細につきましては、5.7のリリースノート日本語訳などをご参照ください。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク