テーマ「ratio̲3̲2」とは美しいだけのテーマに、さよならを。
「ratio̲3̲2」は、個人事業主・小規模店舗向けに、不要な機能を取り払い、重要な機能の自由度を強化したテーマです。
コンテンツ作成・更新の、負荷軽減を考慮しています。
頑張ってCMSを設置し、美しいデザインのテーマを導入しても、ウェブサイトを公開できない人が後を絶ちません。その原因は、やる気だけではありません。
配布されているテーマを利用するだけでは…
どんな写真素材を配置したらよいかがわからない
必要な項目を追加する方法がわからない
不要なパーツを取り除く方法がわからない作ろうとしているサイトに適した配色を決める方法がわからない
内容に合わせてカスタマイズする方法がわからない…のです。
「ratio̲3̲2」は、そういった問題をできる限り解消するため、さまざまな工夫を行っています。

baserCMS4対応版について「ratio̲3̲2」の、baserCMS4対応版をリリースいたしました。
バージョン1.4.0以降は、baserCMS3には非対応となります。何卒ご了承ください。

1.4.0時点の主な変更点
ヘッダ・フッタの色を「白」をデフォルトに変更「コンテンツ管理」のページ一階層目がグローバルナビゲーションに連動するよう改修
ローカルナビゲーションの階層表示に対応
メインビジュアルの画像変更と文字配置の調整
ブログのタグメニューに対応
検索結果のキーワードの背景に黄色ハイライトを追加

1.4.0時点の既知の不具合
Instagramウィジェットを撤去（フィード配信サービスの終了により使用不可能となったため）

謝辞
baserCMS4への対応にあたり、開発者の江頭さん、ユーザー会の皆様に、修正困難な箇所をサポートしていただきしました。
「カスタムスタイル (https://ratio32.msstyle.jp/)」さんをはじめとする、当テーマのカスタマイズ情報を執筆してくださった方々、復活をリクエストしてくださった多くの皆様に、この場を借りてお礼申し上げます。

不要な機能をカットスライドショー、最後まで見ますか？
ほとんどのCMS用テーマには「スライドショー」があります。かっこよくて人気があるからです。
ですが、スマートフォンの小さな画面での訪問が多くなった今、よほど魅力的な写真を使用しない限り、スライドショーの二枚目以降はほとんど意味を成さなくなっています。
このテーマでは、テーマ設定の「メイン画像」は、タイル状に表示されます。
1枚目が最も大きく、2枚目～5枚目は、小さめに表示されます。
良い写真を用意できないときは、最低限1・2枚目だけでも公開できます。もっと大切な、中身＝コンテンツの作成に集中しましょう。
※トップページの修正が必要です

ブログコメント、ちゃんと管理できますか？
このテーマは、ブログコメントに対応していません。
SNSが普及し、各記事にコメントが投稿されるのは、有名人ブログくらいです。また、コメント機能は不快なスパムやフィッシングサイトへの誘導に利用される危険性の方が高く、一般の人には管理しきれません。
小規模のウェブサイトではむしろ、不要な機能と言えます。交流はSNSを積極的に使っていきましょう。

重要な要素はしっかりと。
「ratio̲3̲2」では、時代に合わない機能を廃する代わりに、ウェブサイトの効果的な運用に必要な要素を充実させています。
ページとブログの「前後ページ」デザインの差別化
各種SNSアイコン・ブログ記事のシェアボタン追加
OGP・Twitterカードへの対応
入力しやすいメールフォーム画面
メールフォームの送信メール、注意文の文言を再考

画像素材の比率を統一
写真の切り抜き、いりません。
デザイン性の高いテーマのほとんどは、「場所ごとに写真が自動で切り抜かれる」ことが多いです。
ですが、比率によっては顔が切れてしまったり、建物が全部入りきらなかったり…
写真が得意な人でない限り、切り抜かれたあとも想定した素材を用意するのは、難しいものです。
「ratio̲3̲2」は、テーマ内のすべての画像（メイン画像・ブログ記事のアイキャッチ画像）の写真比率が「3：2」であることを前提としています。
3：2は、デジタル一眼レフカメラで撮影した画像の原寸比率です。配布・販売されている画像素材も、ほとんどが3：2となっています。
用意した画像をアップロードするだけで、イメージ通りのウェブサイトを作ることができます。
…もちろん、明らかな失敗写真を直すことはできません（；ω；｀ ﾌﾞﾜｯ
撮り直すか、オンラインの写真加工ツールを使ってみましょう。

多数のウィジェットエリアウィジェットを組み合わせて、簡単カスタマイズ。
baserCMSには、ブログの新着情報や、広告バナーなどのパーツを簡単に掲載できる「ウィジェット」という機能があります。
通常は、サイドメニューだけに使用されているウィジェットですが、この「ratio̲3̲2」ではメインメニューや本文の上下にも使うことができます。
トップページ後半は、すべてウィジェットエリアになっているため、ブログの新着や外部フィードなどのパーツを好きな場所に移動できます。
また、今の所不要なパーツは「非表示」にして、内容を消さずに非表示にしておくことも簡単にできます。
使い方によっては、最近よく見るウェブサイトのように、ページ先頭に一時的なお知らせを掲載したり、ページ下部に大きな地図や「お問い合わせはこちら」を掲載することもできます。

2種類のフィード
baserCMSのフィードは一種類のみですが、このテーマはTwitterでは独自のレイアウトで表示することができます。
※利用には、外部サービスとの連携が必要です。詳しくは「カスタマイズ」のページを参照ください。

Google Adsenceの広告もOK！
端末の画面サイズによってレイアウトが変わる「レスポンシブデザイン」テーマの多くには、大きな欠点があります。
サイドメニューの幅も伸び縮みするので、タブレットや小型のネットブックでは、Google Adsenseなどの自動広告がはみ出してしまうのです。
これは、日本で利用できる多くの自動広告バナーが、幅を伸縮させることができないためです。
「ratio̲3̲2」のサイドメニューは、どんな画面幅でも、300ピクセル以下になることはありません。
幅300ピクセルの「レクタングル広告」がぴったり収まります。

フレームワークの採用もちろん、プロのWeb制作者にも。
作者のウェビングスタジオは、CMSを組み込んだウェブサイトの制作・カスタマイズを請け負っています。
https://webbingstudio.com/ (https://webbingstudio.com/)この「ratio̲3̲2」テーマも実際の制作と同様のクォリティで制作し、世界標準のWeb制作フレームワーク「bootstrap3」と、使いやすいアイコンセット「font awesome」を組み込んでいます。
ゼロから制作したい場合は、テーマ内の「style.css」「conﬁg.css」を空にすると、bootstrapの初期状態に戻すことができます。
スライドショー・タブ・アイコンなど、テーマにはないパーツを追加したい場合は、公式サイトのドキュメン
トを参照ください。
bootstrap 3公式サイト
http://getbootstrap.com/ (http://getbootstrap.com/)
Font Awesome公式サイト
http://fortawesome.github.io/Font‑Awesome/ (http://fortawesome.github.io/Font‑Awesome/)

隠し機能、あります。
このテーマでは、bootstrap3以外にも、さまざまなCSSの補助クラスや、PHPの補助関数を追加しています。
「カスタマイズ」のページで、よく使う機能の一部をご紹介しています。参照ください。

説明書の添付
この「default」データ内の解説を複製した、PDF版のマニュアルを同梱しています。
テーマ内の下記の場所から、FTPソフトなどでダウンロードしてください。
[baserCMSを設置したディレクトリ]app/webroot/theme/ratio̲3̲2/ratio̲3̲2̲manual.pdf

baserCMS3からの移行ガイド
このページは、すでに「ratio̲3̲2」をbaserCMS3でご利用いただいている方向けの移行ガイドです。
新規インストールの方は、そのまま次ページへ進んでください。 (/installation/installation00)

はじめに
baserCMS4は、テーマのファイル構造、関数名等に大きな改定が行われ、本テーマも1.3～1.4間では、大きくテーマ内容が異なっています。
このため、ratio̲3̲2を元にテーマを独自のHTMLに変更しているようなサイトでは、移行が困難となる可能性があります。
GitHubの公開リポジトリにて、更新履歴を公開していますので、こちらを参考に修正をお試しいただけますようお願いいたします。
https://github.com/webbingstudio/baser̲theme̲ratio̲3̲2/commits/master (https://github.com/webbingstudio/baser̲theme̲ratio̲3̲2/commits/master)
有償での修正も承っております（スケジュールによっては対応できないこともあります）。下記よりご相談く
ださい。
Facebookページ (https://www.facebook.com/webbingstudio/)
Twitter (https://twitter.com/webbingstudio)

移行作業前にデータベース・サーバーのすべてのアップロードファイルのバックアップを取ってください。
baserCMS3の「テーマ用初期データダウンロード」でのバックアップは、baserCMS4で使用できません。必ず、データベースのバックアップを取り、正規のアップデートを行ってください。

テーマフォルダの入れ替え
baserCMS4では、バージョン1.3.0以前のテーマは動作しません。
バージョンアップ後、ページやウィジェット等の変更は一切行わずに、「ratio̲3̲2」テーマ一切をバージョン1.4.0以降と入れ替えてください。
前のテーマフォルダを適当に名称変更→1.4.0をアップロードする手順がおすすめです。

システム変更に伴う修正が必要な箇所
コンテンツ等は以前のまま移行可能と思われますが、以下２点の修正が必要となります。必ず公開前に作業を行ってください。

グローバルメニューに「お問い合わせ」が増える
baserCMS4からは「コンテンツ管理」の構造が、そのままグローバルメニューに反映されるようになりました。
お問い合わせページのような、ページは公開したいがメニューには表示したくないコンテンツは、以下の手順で設定を変更してください。
1. 対象となるページ（今回はお問い合わせ）の編集画面へ移動する
2. タブメニューの「オプション」をクリックして切り替える
3. 「その他設定」の「公開ページのメニューより除外する」にチェックを入れ、ページを保存する

Google Mapsウィジェットが表示されない
baserCMS 4.1.0.1時点で、「ホーム::下段」の「GoogleMaps」ウィジェットが表示されない問題を確認しています。
これはGoogle Maps APIの仕様変更に伴う既知の不具合で、開発版では解消されていますが、公開バージョンにはまだ反映されていません。
こちらのGitHubの差分記録を参考に、baserCMSのコアファイルを編集してください。
https://github.com/baserproject/basercms/commit/556d67c4d90a374c3372e302dfe666aaccedf68b (https://github.com/baserproject/basercms/commit/556d67c4d90a374c3372e302dfe666aaccedf68b)

お問い合わせフォームの「お問い合わせ項目」にチェックを入れても「入力は必須です」と表示されエラーとなる「コンテンツ一覧 > お問い合わせ 設定」へ移動し、入力項目から「category お問い合わせ項目」を探し、編集画面へ移動してください。
初期状態のままの場合、URLは下記となります。
(baserCMSをインストールしたURL)/admin/mail/mail̲ﬁelds/edit/1/15 (/admin/mail/mail̲ﬁelds/edit/1/15)「入力チェック」欄が「入力必須」となっていた場合、「なし」に変更してください。

画面右下の「オプション」ボタンをクリックして詳細設定を開いてください。
「拡張入力チェック」欄の「チェックボックス未入力チェック」にチェックが入っていることを確認して、設定を保存してください。

0. 素材を用意する「ratio̲3̲2」の世界へようこそ！
baserCMSは、無事インストールできましたか？
さっそくウェブサイトを作りはじめましょう、と言いたいところですが…
ウェブサイトには最低限、どんな情報が必要か、わかっていますか？
まずはブラウザを閉じて、以下の素材の調達をはじめましょう。

ウェブサイトの基本情報
ウェブサイトの名前

企業名・店舗名・団体名など。

ウェブサイトのロゴ

このテーマは文字あり・マークだけ・ロゴなし、どれでも構いません。高さ70ピクセル位の画像を用意してください。

メールアドレス・住所・電話番号

ウェブサイトに連絡先は必須です。店舗なら、地図を表示するための正確な住所も必要です。

検索サイトに関する情報
ウェブサイトの正式な名前

ウェブサイト名の前に、よく検索される言葉を2・3個、半角スペースでつなげます。
たとえば作者のウェビングスタジオのサイトでは、「CMSのウェビングスタジオ | 札幌 北海道 CMSカスタマ
イズ ウェブ制作 技術サポート」となっています（2018年5月現在）。

ウェブサイトの説明文

ウェブサイト名で検索したときに、表示される説明文を決めます。こちらにもよく検索されそうな言葉を含めてください。
一般に、120文字前後が良いと言われています。

なお、baserCMSには「キーワード」を設定する項目がありますが、現在はほとんど検索サイトでは参照されていないため、空欄で構いません。

SNSのアカウント情報
SNS（ソーシャルネットワーキングサービス）のアカウントはありますか？
ひとつもない！？
Twitter・Instagram・LINE@・YouTubeチャンネルのどれかを、今すぐ用意しましょう！
専門職ならTwitter、若い人との交流が多いならLINE@、きれいな写真や動画をたくさん配信できるなら、InstagramやYouTubeがおすすめです。
アカウントを取得したら、メインページのURLをコピーして、控えてください。

キャッチコピー
ウェブサイトの最も重要な写真最低、2枚だけでも用意しましょう。
これから調達する場合は、どんな写真にするかだけでも考えましょう。有料（ここ大事）の写真素材、店舗の外観・内装、看板メニューのアップ、ステージの写真、スタッフの笑顔など。

写真の見出し・添える説明文

このテーマは、それぞれの写真に「見出し」と「説明文」が必要です。特定のページへ移動させることもできます。
自分の店舗・団体の「強み」を表す「決めゼリフ」を考えておきましょう。
素材集めって、大変ですね。
だいたい集まったら、「ratio̲3̲2」テーマの初期設定に入りましょう。

1. テーマの初期データを読み込む
初期データで使用されている画像をアップロードする
ページ内の画像・ブログのサムネイル
初期データを読み込んだだけでは反映されません。以下の手順で、事前にアップロードしてください。
初期データの画像が表示されなくてもよい場合は、この作業は必要ありません。
1. テーマパッケージ内の「ﬁles」ディレクトリを探す
2. 「ﬁles/blog/1」ディレクトリを、baserCMS内直下の「ﬁles/blog/1」と入れ替える（既に既存ブログがある場合は、入れ替えではなく統合してください）
3. 「ﬁles/theme̲conﬁgs」ディレクトリを、baserCMS内直下の「ﬁles/theme̲conﬁgs」と入れ替える

サイドメニューの「べっしーのバナー」
baserCMSがドメインのルートディレクトリ以外に設置していると表示されません。
管理画面の「固定ページ管理」「ウィジェット管理」で、画像が表示されていないimg要素のsrc属性の「サーバーパス」を、設置したサイトでリンクがつながるよう変更してください。
例：サイト内の「abc」ディレクトリに設置した場合/theme/ratio̲3̲2/img/…
→ /abc/theme/ratio̲3̲2/img/…

初期データを読み込む

管理画面の「テーマ管理 > テーマ一覧」へ移動し、「ratio̲3̲2」テーマを有効にしてください。
このテーマは、ふたつの初期データを持っています。
「default」には、テーマの紹介やこの導入手順が書かれています。テーマをいろいろと試してみたいときに読み込んでください。
もう作成するサイトが決まっている場合は、余分なデータが入っていない「blank」を読み込んでください。
データの読み込み完了には、しばらく時間がかかります。
完了後、「テーマ管理 > テーマ設定」へ移動し、何も変更せずに内容を保存してください。
公開ページへ移動し、何度か再読込をして、テーマが反映されたことを確認してください。

2. サイト基本設定を入力する
続いて、管理画面の「システム設定 > サイト基本設定」へ移動してください。
運用に必須の情報を、作成するサイトの内容に合わせていきます。
このページの情報の入力が終わるまでは、ウェブサイトを公開しないでください（URLをブログに掲載する、Twitterでつぶやくなど）。
「baserCMSの公式サイトと同じ内容を掲載している」と検索サイトに判断され、評価が下がってしまうかもしれません。

基本項目
基本項目の内容は、baserCMSの内容になっています。自分のウェブサイトにあった内容に書き換えてください。

WEBサイト名

先ほど決めた「正式なウェブサイト名」を入力してください。

WEBサイトタイトル

先ほど決めた「ウェブサイト名」を入力してください。これは、トップページ以外のタイトルの最後にも表示されます。

サイト基本キーワード空欄で構いません。

サイト基本説明文

先ほど決めた、ウェブサイトの説明文を入力してください。

オプション「オプション」ボタンをクリックして細かい設定を開き、以下の項目を編集してください。

GoogleMaps住所

GoogleMapsの地図を出すことができます。店舗がある場合は、できるだけ正確な住所を書いてください。郵
便番号は不要です。

すべて入力したら、画面下の「保存」ボタンを押してください。
なお、baserCMSは「保存」ボタンはすべて、画面の下にあります。押し忘れないようにしましょう。
サブサイトの設定について

このテーマは、端末の画面サイズによって最適な表示を提供します（レスポンシブウェブデザイン）。このため、モバイル用のサブサイトの作成は想定していません。

3. メールフォームの基本設定を入力する
メールフォームから問い合わせをすると、たいていは、返信メールにサイト名や連絡先が書かれています。この設定を行います。
メールフォームが不要な場合は、設定の必要はありません。
管理画面の「メールフォーム管理 > メールプラグイン基本設定」へ移動してください。
このページは、とてもわかりにくい場所にあります。以下のURLに、直接アクセスしてください。
[baserCMSを設置したURL]admin/mail/mail̲conﬁgs/form

メールの署名の設定画面になります。最低限「署名：WEBサイト名」「署名：WEBサイトURL」は入力してください。
その他の項目は、店舗があるか、電話の問い合わせを受け付けるかによって任意で入力してください。
眠くなってきましたね…
起きてください！次はちょっと楽しいですよ！テーマカラーの設定です。

4. テーマカラーを設定する

管理画面の「テーマ管理 > テーマ設定」へ移動してください。
4色の「テーマカラー」を設定できます。ここを変更して保存すると、サイト全体のカラーリングを変えることができます。

各色の説明
メイン
ページ上部のメインメニュー、大見出しの下線、各ページの「次のページへ」ボタンなど、サイト内で最もよく使われている色です。ロゴがある場合は、ロゴ色を少し薄めにするとちょうど良いです。
ロゴがない場合は、サイトの雰囲気に合わせましょう。清潔な雰囲気なら青系、カフェなら茶系、医療系なら緑系がよく利用されます。

サブサイト内でとても大きな範囲を占める、背景色です。できるだけ薄い色にしてください。メインカラーをさらに薄くした色でも良いですが、思いつかないときはグレー（eeeeee）、ライトベージュ（ece9e3）が無難です。

テキストリンク
リンクの色です。新着情報リストの見出し、お問い合わせフォームの送信ボタンにも利用されています。明らかにリンクとわかる濃い目の色がよいですが、真っ赤のような強すぎる色、文字色と同じ色は避けましょう。
どこを押したら移動できるかわからなくなります。
思いつかないときはロゴカラーやGoogle検索のリンク色（0044CC）でも良いですが、メインカラーが青系であればグリーンやオレンジ、茶系なら暗い赤もバランスが良いです。

テキストホバー
リンクにカーソルを置いたときだけに使われています。テキストリンクと同じか、やや明るくした色にしてください。
設定したら「保存」ボタンを押して、公開ページを確認してください。色が変わっているはずです。
雰囲気が合わない場合は少しずつ調整していきましょう。

ヘッダ・フッタの色についてヘッダとフッタの色は黒に変更できますが、管理画面内ではできません。手順は「カスタマイズ」のページをごらんください。

5.メイン画像を差し替える
続いて、「テーマ管理 > テーマ設定」画面のまま、ロゴとメイン画像を差し替えていきます。この内容はそのまま、トップページの内容として反映されます。

ロゴの設定用意したロゴをアップロードしてください。クリックしたときにトップページに戻るようにしたい場合は、「リンク先URL」に、ウェブサイトのトップページのURLを入力してください。

ロゴに文字が含まれているとき「説明文」は空欄にしてください。

ロゴに文字が含まれていないとき「説明文」とロゴ画像の両方を設定してください。

ロゴがないとき既存のロゴ画像を削除し、「説明文」のみ入力してください。

メイン画像の設定

用意した写真素材をアップロードし、説明文に考えておいた見出しと説明文を入力してください。任意のページへ誘導したい場合は、リンク先URLを入力してください。
このとき、「|」（半角パイプ）で区切ると、1番目が見出し、2番目が説明文、3番目が画像の代替テキスト（alt）となります。
また、半角スペースをふたつ続けると、途中改行します。
※パイプ区切りがない場合は、見出しのみとなります。
※見出しは10文字程度まで表示できます。

写真素材が足りない場合メイン画像3・メイン画像4・メイン画像5は、見出しと説明文だけでも表示できます。既存画像を削除してください。

メイン画像の文字位置、文字色を変えたい場合一枚目の画像によっては、文字の配置がしっくりこないことがあります。修正手順は「カスタマイズ」のページをごらんください。

6. SNSアイコンを設定する
このテーマは、ヘッダに「お問い合わせアイコン」「SNSアイコン」を表示することができます。ここを作成するサイトに合わせて修正していきましょう。

ウィジェット編集画面へ移動する
管理画面「ウィジェットエリア管理 > ウィジェットエリア一覧」へ移動してください。
一覧に「ヘッダ::サブメニュー」というエリアがあるので、クリックして編集画面へ移動してください。

「アイコンメニュー」ウィジェットについて「ヘッダ::サブメニュー」は、アイコンの編集専用のエリアです。以下の3つのウィジェットが登録されています。

アイコンメニュー

対応しているすべてのSNSアイコンが入っています。通常はこちらを利用します。「default」データでは、このウィジェットの「利用する」にチェックが入っています。

アイコンメニュー（メールのみ）

SNSを利用する予定がない場合は、こちらを利用します。「blank」データでは、このウィジェットの「利用する」にチェックが入っています。

アイコンメニュー（バックアップ）

公開後にSNSアイコンを追加するときのために、アイコンメニューの初期状態を複製を残しています。通常は「利用する」のチェックは外したままにしておき、削除はしないでください。

アイコンメニューを編集する
利用するアイコンメニューの内容を、以下のとおり編集してください。

メール

先頭に書かれています。お問い合わせフォームが「contact」ではないときのみ、リンク先（赤太字）を修正してください。
<li><a href="/contact/" class="btn btn-round btn-mail"><i class="fa fa-envelope"></i><span class="sr-only"> 問 合</a></li></span>※ひとつ下のフォルダにbaserCMSを設置したときも、ここのリンクがつながっていません。完全なURLに修正してください。

メール以外1セットずつ、改行で区切って書かれています。利用していないサービスは、<li>～</li>を削除してください。利用している場合は、各サービスのリンク先（赤太字）を、誘導したいアカウントのトップページURLに修正してください。
Twitterの場合は、以下のとおりになります。
<li><a href="[Twitter URL]" class="btn btn-round btn-twitter"><i class="fa fa-twitter"></i><span class="sr-only">Twitter</span></a></li>

7. ウィジェットとフィードを設定する
ウィジェットの表示設定をする

管理画面「ウィジェットエリア管理 > ウィジェットエリア一覧」へ移動してください。
このテーマには、多数のウィジェットエリアがあります。クリックしてそれぞれの編集画面へ移動し、バナー広告・コールトゥアクションなど、編集が必要なウィジェットは内容を変更してください。
また、必要ないパーツがあれば「利用する」のチェックを外してください。
ウィジェット（特にテキスト・PHPテンプレート）の削除はしないでください。元に戻せません。

任意のウィジェット以下のウィジェットエリアは、利用しなくても問題ありません。「blank」データではすべてのウィジェットが非表示となっています。

ホーム::下段
ホーム以外::下段

下段では、背景に色が付き、PCでは幅広く表示されます。地図などを強調したいときにおすすめですが、スマートフォンではかなり下の方に表示されます。

ホーム以外::本文上重要なお知らせがあるときに、ここにテキストウィジェットを追加するのがおすすめです。

フィードリーダーウィジェットについてバージョン1.4.0以降（baserCMS4対応版）では、Instagramフィードリーダーウィジェットが使用できなくなりました。
このテーマでは、「フィードリーダー」プラグインに対応したウィジェットが登録されています。
3つの「フィード設定」が登録されており、「1」はTwitter、「2」はInstagram、「3」は外部フィードを読み込む前提となっています。
利用する場合は、表示したいエリアの該当ウィジェットの「利用する」のチェックを外してください。
初期状態では、baserCMSとウェビングスタジオのアカウントが読み込まれています。変更する方法は「カスタマイズ」のページを参照ください。

8. 固定ページを追加して公開するサイトならではの情報を提供する
サイト公開に必要な設定は完了しました。お疲れさまでした！
…しかし、今のままでは、このウェブサイトならではの情報が何もありません。
自慢のお店、商品をどう紹介しますか？
診察時間は、何時から何時までですか？休診日はいつですか？
あなたのこれまでの作品の写真、印刷物のスキャン、当日のステージスナップはありますか？
他の競合よりも、あなたの会社に問い合わせるとよい「理由」はなんですか？
団体は何を目的としていて、どのような活動をしてきたのですか？
ここで書くことが思いつかず、そのまま力尽きてしまう人が多いのです｡･ﾟ･(ﾉД̀)･ﾟ･。
同じ業種のサイトを訪問して、掲載すべき内容を調べましょう！
過去の実績を整理しましょう！
店舗・スタッフ・料理の写真を集めましょう！

ページを作るのが無理そうなときは…
最近はスマートフォンの普及もあり、トップページだけですべての内容を紹介するウェブサイトも増えました。
このテーマは、HTML編集の知識があり、どうしても情報が少ない場合は、トップページだけでも公開できます。カテゴリーなしの「index」のページを加筆・編集してください。
HTMLの編集が苦手な場合、きちんと情報を提供したい場合は、がんばって新しい固定ページを作りましょう。

見出しの上を詰める・段落の下を空ける
このテーマは、「見出し」を利用すると、上に空白ができます。
このため、ページの先頭に見出しを作ると、大見出しとの間が空いてしまいます。
また、書いている文章の内容によっては、間を大きく開けたり、左を一文字分ずらしたくなることもあります。
このテーマは、余白を調整するCSSクラスを設けています。

見出しの上を詰める
CKEditorを利用している場合は、「ソース」ボタンを押してHTMLソースコードを表示してください。
見出し2であれば、以下のようになっているはずです。
<h2>

見出上 詰

</h2>

これに、以下のとおりクラスを追加してください。強制的に上の余白をゼロにします。
<h2 class="mt0">

見出上 詰</h2>

下を大きく開ける
下を大きく開けたい段落を探してください。
<p>

段落 下 空</p>

これに、以下のとおりクラスを追加してください。この例では、約3行分の空白ができます。
<p class="mt3">

段落 下 空</p>

数字は、05 / 1 / 15 / 2 / 25 / 3 ... と変更すると、0.5文字～6文字まで調整できます。
<p class="mt45">下 4.5行分空</p>

左を一文字分ずらす
左をずらしたい範囲を、<div>～</div>で囲んでください。

<div><p>字下<p>字下<p>字下</div>

</p>
</p>
</p>

これに、以下のとおりクラスを追加してください。
<div class="pl1"><p>字下</p><p>字下</p><p>字下</p></div>

divタグはCKEditorでは見ることができないので、慎重に編集してください。
また、左右余白は、大きくしすぎるとスマートフォンで読みにくくなってしまいます。

ヘッダ・フッタを黒にする
このテーマは、ヘッダ・フッタの色をそれぞれ「白」「黒」に変えることができます。
テーマファイルの直接編集が必要となります。心配な場合は必ずコピーを作成してください。
バージョン1.4.0以降（baserCMS4対応版）では、ヘッダ・フッタの色は「白」がデフォルトになりました。
テーマファイル内のConﬁg/bootstrap.phpをテキストエディタで開いてください。
先頭に以下のように書かれています。
//
白系:white 黒系:black
define('RATIO32_HEAD_COLOR', 'white');define('RATIO32_FOOT_COLOR', 'white');'white'を'black'に書き換えて保存すると、ヘッダ・フッタがそれぞれ黒に変わります。
bootstrap.phpには、新着情報の日付フォーマットも設定されています。PHPのdate関数と同様の記述で、表記を変えることができます。

メイン画像1の文字体裁を変える

メイン画像によっては、上に乗っている文字の位置や色が合わないことがあります。
スタイルシートの知識があれば、管理画面から調整することができます。

位置を変える
管理画面の固定ページ一覧から、トップページ（カテゴリーなしの「index」ページ）の編集画面へ移動してください。
ページ下部の「オプション」をクリックすると、「コード」欄に文字位置のスタイルシート定義が書かれています。
文字サイズを変える場合は「font‑size」を、文字位置を変える場合は「top」「bottom」の数字を変更してください。「width」や「left」を追加すると左右を空けることもできます。
なお、「top」「bottom」「width」は必ず、パーセント単位としてください。画面が伸縮したときにずれてしまいます。

色を変える「コード」欄に以下のように追記すると、文字が白黒反転します。
.mainvisual .jumbotron .h1,
.mainvisual .jumbotron h1 {color: #333333;
text-shadow: 0px 1px 6px rgba( 255, 255, 255, .75 );}.mainvisual .jumbotron:visited .h1,
.mainvisual .jumbotron:hover .h1,.mainvisual .jumbotron:focus .h1,
.mainvisual .jumbotron:active .h1,
.mainvisual .jumbotron:visited h1,.mainvisual .jumbotron:hover h1,.mainvisual .jumbotron:focus h1,.mainvisual .jumbotron:active h1 {color: #333333;}.mainvisual .jumbotron .jumbotron-caption {background: rgba( 255, 255, 255, .3 );color: #333333;}.mainvisual .jumbotron:visited .jumbotron-caption,.mainvisual .jumbotron:hover .jumbotron-caption,.mainvisual .jumbotron:focus .jumbotron-caption,.mainvisual .jumbotron:active .jumbotron-caption {color: #333333;}

フィードリーダーを利用する
このテーマでは、２種類の体裁のフィードを表示することができます。

Twitter用

つぶやき・つぶやいたアカウントID・投稿日時が表示されます。

その他のフィード用

タイトル・概要・投稿日が表示されます。

TwitterのフィードURLを取得する
TwitterのRSSフィードを取得するには、外部サービスを利用する必要があります。
下記のサービスで、アカウント用のRSSフィードを作成し、URLを控えてください。
Queryfeed
https://queryfeed.net/ (https://queryfeed.net/)

フィードURLを登録する
管理画面の「フィード管理 > フィード設定一覧」から、各サービスのフィード設定を選択してください。
TwitterにはbaserCMSのフィードが登録されています。
これを、ご利用のフィードURLに書き換えてください。

フィードウィジェットを表示する
管理画面の「ウィジェットエリア管理 > ウィジェットエリア一覧」へ移動し、表示したい箇所のフィードウィジェットの「利用する」にチェックを入れてください。
「Queryfeed」は外部サービスです。予告なくサービスが終了する可能性があり、その場合はフィードが正常に表示されなくなりますので、事前にご了承ください。

画面幅いっぱいに内容を表示する
このテーマは、ページ本文に幅の上限を設けています。
帯状に背景色を変える、画像をいっぱいに表示する場合は、以下のようにカスタマイズすると制限を解除できます。
HTML・CSSと、baserCMSのテーマ編集の知識が必要となります。

すべてのページで解除する
通常は、テーマファイル内の「Layout/default.php」が、基本レイアウトとして読み込まれています。
このファイル名を「Layout/col1̲full.php」と入れ替えると、すべてのページの制限が解除されます。
幅を制限すべき箇所は、都度<div class="container">～</div>を本文に記述してください。

特定カテゴリーのみ解除する
カテゴリーの作成時に、読み込むテンプレートで「col1̲full」を選択すると、そのカテゴリー内のみ制限が解除されます。
制限を設けたままで、サイドメニューがない「col1」というテンプレートも選択できます。