Movable Typeだってテーマの入れ替え簡単だよー

アットスタイル
柳泰久

December 7, 2013

Powered by Movable Type 6.2.4

自己紹介

アットスタイル

アットスタイル

(旧)Movable Type ドリームチーム!

藤本さん・アルファサードの野田さん・bit partの奥脇さん 柳谷さん、その他の方達と、こんな書籍を書きました

書籍

このスライドもMovable Type 6で作りました

present_mt.png

基本はCode Google html5slides

google01.png

スライド1枚毎にarticle

google02.png

ソース

<article>
        <h3>
          Simple slide with header and text
        </h3>
        <p>
          This is a slide with just text. This is a slide with just text.
          This is a slide with just text. This is a slide with just text.
          This is a slide with just text. This is a slide with just text.
        </p>
        <p>
          There is more text just underneath with a <code>code sample: 5px</code>.
        </p>
</article>
<mt:Entries>
<article>
        <h3><$mt:EntryTitle$></h3>
        <$mt:EntryBody$>
        <$mt:EntryMore$>
</article>
</mt:Entries>

Apache License 2.0で配布しています

http://atstyle.biz/theme_temp/free/presentation_mt6/


モバイルと親和性が高い2012年版が出てるので、誰か作ってみませんか!

本題!テーマの入れ替え簡単だよー

nipper.jpg

テーマでできること

テンプレートを使った機能の、ほとんどを含めることができる

テーマを作るメリット

どうやって作る?

オリジナルのテーマを作成、エクスポートする

ウェブページもテーマに入れる

elements:
  default_folders:
    importer: default_folders
    name: Default Folders
    component: ~
    data:
      about:
        label: About
  default_pages:
    importer: default_pages
    name: Default Pages
    component: ~
    data:
      index:
        basename: about
        title: About
        text: |
          <dl class="info">
          <dt>名前</dt>
          <dd>アットスタイル 太郎</dd>
          </dl>
        tags: @nav1
        folder: about

デモ

このテーマはBootstrapを使っています

bootstrap.jpg

Bootstraptとは

Twitterがサードパーティー向けの開発ツールとして2011年8月に公開した、Twitter風のデザインやUIのWebアプリケーションを素早く開発できるCSSのツールキットの名称も「Bootstrap」と呼ばれる。これを利用することで簡単に、いわゆる「Twitterライク」なデザインのWebサイトを作成することができる。

IT用語辞典 バイナリ より

販売中

template.png

MT6は小規模サイトに最適だったんじゃないか?

01.png

Thank you! ありがとうございました!

nipper.jpg