<p class="thumb"><img src="http://cdn.zako.org/images/2016/04/cardform.jpg" alt="CARDFORM" width="592" height="310" class="alignnone size-full wp-image-30269" /></p>
<p>ブログやサイトをテンプレートから楽に作成できても、重要なのはその後の中身の作成や更新。ここがなかなか億劫で進まないということもあるかと思います。</p>
<p>そのブログやサイトの中身を作成、更新する障壁を少しでも低くしようと、もしも普段仕事で使っているタスク管理ツールでブログやサイトを作成、編集できてしまったら、というのを実現してしまったのがこのサービス。</p>
<p>人気のタスク管理ツールが、サイトをリアルタイムに更新できるCMSになってしまいます。</p><!--more-->

<h3 class="header-label">「Trello」でブログやLPを作成、更新できる「CARDFORM」</h3>
<p>「<a target="_blank" href="http://cardform.co/">CardForm</a>」は、<strong>タスク管理ツール「<a target="_blank" href="https://trello.com/">Trello</a>」でブログやサイトも管理できるようにしてしまう</strong>サービス。</p>
<p>テーマや更新方法を選択するだけで、あとはタスク管理ツール上で内容を更新していくことが可能になります。</p>

<h4 class="tips">「CARDFORM」で作成したサイト</h4>
[caption id="attachment_30272" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/04/cardform-portfolio.jpg" alt="ポートフォリオサイトを作ったもの。" width="592" height="385" class="size-full wp-image-30272" /> ポートフォリオサイトを作ったもの。[/caption]
<p>画像はポートフォリオサイトを作成したもの。写真や写真のタイトル、説明文もTrelloで設定しています。</p>

[caption id="attachment_30270" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/04/cardform-portfolio-photo.jpg" alt="写真をクリックするとLightboxで拡大表示します。" width="592" height="301" class="size-full wp-image-30270" /> 写真をクリックするとLightboxで拡大表示します。[/caption]

<p>次はブログの場合です。</p>

[caption id="attachment_30271" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/04/cardform-blog.jpg" alt="ブログの記事をタスクで作成、更新。" width="592" height="394" class="size-full wp-image-30271" /> ブログの記事をタスクで作成、更新。[/caption]
<p>ブログの記事は、カテゴリを「ラベル」で指定します。また、強調表示やリンク、見出しにリストなどといった表現は、Markdown記法を使っておこなうことができます。</p>

<p class="desc">ブログのサンプル：<a target="_blank" href="http://webm.mysit.es/">http://webm.mysit.es/</a></p>

<h4 class="tips">テンプレートを選択してサイトの外枠を作成</h4>
[caption id="attachment_30277" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/04/cardform-temp.png" alt="7種類のテンプレートからサイトの種類を選べます。" width="592" height="352" class="size-full wp-image-30277" /> 7種類のテンプレートからサイトの種類を選べます。[/caption]
<p>アプリ用のLPやポートフォリオサイト、ブログ、1枚もののコーポレートページなどといった目的別のテンプレートからサイトを選択します。テンプレートはすべてレスポンシブ対応になっています。</p>

<h4 class="tips">タスク管理ツールでサイトの中身を作成、更新</h4>
[caption id="attachment_30276" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/04/cardform-trello.png" alt="タスク管理ツール「Trello」でサイトの情報を編集します。" width="592" height="307" class="size-full wp-image-30276" /> タスク管理ツール「Trello」でサイトの情報を編集します。[/caption]
<p>サイトのタイトルやディスクリプションといった基本情報、見出しや文章、写真といったものはすべて「Trello」のタスクに設定することで編集します。</p>
<p>サイトの初期設定時に「Automatic refreshing」をONにしておけば、内容の編集完了とともに公開しているサイトに反映されます。</p>

[caption id="attachment_30274" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/04/cardform-desc.png" alt="サイトのディスクリプションを設定。" width="592" height="384" class="size-full wp-image-30274" /> サイトのディスクリプションを設定。[/caption]
<p>基本設定のタスクリストでは、サイト名やメールフォームの飛び先メールアドレス等の設定をおこなえます。</p>
[caption id="attachment_30273" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/04/cardform-social.png" alt="ソーシャルのURLを設定。" width="592" height="369" class="size-full wp-image-30273" /> ソーシャルのURLを設定。[/caption]
<p>TwitterやFacebookページ、InstagramのURLもタスクで指定します。</p>

[caption id="attachment_30275" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/04/cardform-photo.png" alt="サイトに掲載する写真をタスクに添付。" width="592" height="336" class="size-full wp-image-30275" /> サイトに掲載する写真をタスクに添付。[/caption]
<p>写真はタスクに添付することでサイトに表示可能。写真を表示できるテンプレートには写真を登録するリストがあるので、そこにタスクを追加し、写真を添付していきます。</p>

<p>興味があるかたは<a target="_blank" href="http://cardform.co/">CardForm</a>へどうぞ。</p>
