ロゴ画像

MovableType.netデザインテーマ「One Page」のデモサイトです!
「One Page」は1ページ完結+ニュース更新が可能なレスポンシブウェブデザインを採用したテーマです。
各ページのメイン画像もカスタムフィールドで簡単に設定することができます。

作成方法

このサイトのようにページを作成するには、ウェブページを作成していきます。

ウェブページは一番古いものから順に上から表示されていきます。
このページを例にすると、作成方法、利用例、アクセス、ニュースがそれぞれウェブページになっています。

また、Bootstrapがベースになっているので、以下のようなソースをエディタのソースコードから貼り付けて編集すればレイアウトのコントロールも可能です。

<div class="row">
<div class="col-md-6">左カラム</div>
<div class="col-md-6">右カラム</div>
</div>

col-md-6の6の部分を、最大12として、4と8にするなど比率で幅を調整できます。

各ブロック(ウェブページ)ではそれぞれメインイメージを設定することができ、上か下かまたは背景に置くかをカスタムフィールドで設定できます。

また、記事を書くことでニュースの項目がメニューに表示され、一番下に最近のニュース記事が表示されます。

画像の設置

また、各ブロックにメインイメージを指定でき、背景か上か下かを選択することができます。

画像サイズについて

画像については横幅1280px以上を推奨とします。

色の一括変更

デザイン>テンプレートのconfigモジュール内で、サイトの色を一括で変更できます。変更箇所は以下になります。


<mt:Ignore>メインカラー</mt:Ignore>
<mt:SetVarBlock name="maincolor">rgb(34,173,203)</mt:SetVarBlock>

<mt:Ignore>トップページヘッダー背景カラー</mt:Ignore>
<mt:SetVarBlock name="topheadercolor">rgba(34,173,203, 0.7)</mt:SetVarBlock>

<mt:Ignore>トップページヘッダーテキストカラー</mt:Ignore>
<mt:SetVarBlock name="topheadertextcolor">rgb(255,255,255)</mt:SetVarBlock>

印象をガラリと変えることができますので、是非お試しください。

会社概要

会社名 シックス・アパート株式会社 (英語表記 : Six Apart, Ltd.)
URL http://www.sixapart.jp/
設立 2003年12月
所在地 〒101-0051 東京都千代田区神田神保町3-17-15 ヨシダFGビル5F 

主な事業内容

インターネット上のウェブサイト構築・管理のための技術の開発と、関連する製品・サービスやコンサルテーションの提供

アクセス

〒101-0051 東京都千代田区神田神保町3-17-15 ヨシダFGビル5F 

最寄駅

  • 半蔵門線・都営新宿線・都営三田線 神保町駅下車:A‐1番出口 徒歩2分
  • 東西線 九段下駅下車:6番出口 徒歩5分

ニュース

どんなケースにオススメ?

テーマ「One Page」の特長と使い方