ブログ

CMS concrete5について特徴や強みをご紹介

blog_image_concrete5

こんにちは、エムフィールド広島オフィス・フロントエンドエンジニアのかみーゆです。
個人活動でわたくしconcrete5の広島ユーザーグループのコミュニティリーダーで勉強会を主催&エバンジェリストをやっております。

ということで、社内ブログでたまにはconcrete5のことでも書いてみようと思います。

concrete5てなんぞ?

concrete5とはオープンソースのサーバーインストール型のコンテンツマネージメントシステム(CMS)の一種です。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-21-12-43-00

concrete5とは?

MITライセンス(ゆるーいライセンス)で誰もが手軽に入手でき、ドラッグ&ドロップなどで直感的に操作でき編集も簡単なのも特徴の一つです。

特徴その1:ページはサイトマップで管理

巷で出回ってる有名なCMSは主にブログに特化したCMSが多いと思います。
こういった場合は記事を書いて、記事の種類ごと(カテゴリーやタグ、月ごとなどで)にまとめる(いわゆるアーカイブ)ことによってページを構成していくのが一般的だと思います。

それに比べconcrete5はページごとにサイトマップ(ページ階層)ごとに管理し、サイトを構成していきます。
ブログに特化しているわけではないので、どのページでもテンプレートを変えることもできますしいわゆるブログのような記事に特化したページを作る必要もありません。
ページを構成していく上で自由度がかなり高いといえるでしょう。

特徴その2:豊富なブロック

concrete5はブロックというものがあり、これを使うと記事や画像・記事一覧などを簡単に出力できます。このブロックは各ページのエリアという場所に配置できます。
ブロックを積み上げていくように各ページを構成できるのもconcrete5の所以です。今ではいろんなCMSがドラッグ&ドロップで各パーツの配置を変えれるものも増えてますが、当初はconcrete5の大きな特徴の一つでとても画期的でした。

そして、ブロックはデフォルトで29個も用意されてます!!!

block

特徴その3:SEOに手厚い

concrete5はデフォルトの機能でページごとにmetaタイトル等編集可能。
また、concrete5にはSEO一括アップデーターという超便利な機能があり、一括してタイトルなどのSEO的重要な部分を変更できます。

その他、自動実行ジョブという機能を使えばsitemap.xmlが定期的に自動生成されたりなど充実してます。

特徴その4:種類豊富な属性

concrete5には属性という機能があり、ページなどに自由に付与できます。
属性にはテキスト、画像、チェックボックスなどブロック同様様々な種類があります。
WordPressのカスタムフィールドを知っている人であれば似たような機能と思えばわかりやすいでしょう。

いわゆるプラグインのようなものは必要なく、必要に応じて、しかも難易度もそこまで高くなく追加できます。

特徴その5:ページのテンプレートやタイプの追加の自由度が高い

concrete5はオリジナルのテンプレートファイルを作ってテンプレートを追加することができます。
ブロックを追加できるエリアなどをプログラムレベルで配置しておきますが、正直このエリアの配置もたった4行程度の決まり切ったphpを書くだけ。とっても敷居が低いです。

しかも、このテンプレートを利用してページタイプというものを追加できます。テンプレートファイルには予めどんなブロックを置くか、どんな属性を付与するか決めておくこともできます。
更新する人が迷わなくて済みます。

まとめ

いかかだったでしょうか?

ブロック、属性、ページテンプレート、ページタイプをフルに組み合わせるだけで相当カスタマイズ性の高いサイトが作れます。
以上ざっくりとconcrete5で特徴をまとめてみました。

ブログ型CMSでは不十分。。。。と思っているようであれば是非ご相談いただければと思います。

■この記事を書いた人 かみーゆ(フロントエンドエンジニア)

CMS concrete5の認定エバンジェリスト。コーディングからプログラミングまでフロント周りを中心にお仕事してます。広島支社でフロントエンドからサーバエンドまで幅広く触れるリベロなエンジニアを目指してます。お得意のconcrete5や技術的なTipsの記事を主にUPしてます。好きなものは肉とビール。

関連記事

  1. how-to-capture fullpage screen captureで邪魔な固定表示を…
  2. blog_twitter 良いホームページを制作するためのコツ
  3. How-to-make-text-decoration-8 フチ付き文字の作り方-チラシやLP制作に使える派手なイラレ文字装…
  4. hpseisaku ホームページの健康診断してみませんか?
  5. img_0350 噂のカスタマージャーニーマップの研修を社内でしたのでまとめてみた…
  6. blog_gif-01 GIFアニメで「スットントン」の動きを作る!
  7. blog_panda_penguin ユーモアのあるサムネイル画像をデザインするための発想法
  8. blog_gif-01 トップページのカープ優勝バージョンで紙吹雪とともに降ってきたモノ…

最近の記事

  1. IMG_1781
  2. Hirofuro-logo-8
  3. eyecatch7-1
  4. SEO-eyecatch
  5. wtm100
PAGE TOP