新機能の使い方や、ウェブサイトの構築・運用に役立つTIPSを紹介しています。Corporateテーマのより突っ込んだカスタマイズ方法を具体的にご紹介します。特定のウェブページをトップに表示。2つしかない場合はどうする?configモジュールで全体の色を一括で変更し印象を変えてみる!電話番号や受付時間を変更するインフォメーション部分を変更する基本的なテーマの使い方については以下をご覧ください。特定のウェブページをトップに表示。2つしかない場合はどうする?このテーマにはカスタムフィールドで指定した特定のウェブページをトップページに掲載する、という機能がありますが3つ指定することを想定しているため2つの場合は以下のように間が空いてしまいます。これをいい感じに調整する方法をご紹介します。CorporateテーマはFoundationというフレームワークをベースにしています。そのルールに従った変更をするだけで簡単に調整することが可能になっています。今回の具体的な変更箇所は、デザイン>テンプレートのテンプレート・モジュールのtop-pagesというモジュールになります。large-4">これを以下に変更します。large-6">Foundationは横幅最大を12として、その比率で幅がきまるので6にすることによって2分割となります。これにより以下のように調整することができます。いかがでしょうか、丁度良い感じに収まったかと思います。configモジュールで全体の色を一括で変更し印象を変えてみる!続いて、メディアサイト向けテーマのRimoにもある色を一気に変更できる機能のご紹介です。前段として、これはMT独自タグを利用して色を変数にすることによって、CSSのテンプレート内を一気に変更する、といった使い方をしています。その変数の元をconfigにまとめることによって、一箇所変更するだけで該当箇所を一気に変えられる仕組みになっています。デザイン>テンプレートのテンプレート・モジュールのconfigというモジュールで、以下の箇所を変更します。HTMLカラーコードまずメインカラーですが、ヘッダーなどの一番印象を決める色になります。続いてメインテキストカラーですが、これはメインカラーの上にのる文字の色と考えていただいて大丈夫です。メインカラーが薄い場合は濃い色に、、といったように調整してもらえればと思います。最後にサブカラーですが、記事一覧やインフォメーションの背景の色になります。テンプレートを細かく編集することなく簡単に色を変更できたと思います。電話番号や受付時間を変更する右上の電話番号と受付時間の部分は、デザイン>テンプレートのテンプレート・モジュールのheader-menuというモジュールで変更します。03-XXXX-XXXX</span></p></div>下の方にスマホ用があるので、両方変更してください。03-XXXX-XXXX</a></span></p></div>インフォメーション部分を変更する全てのページで表示されるモジュールであるインフォメーションの枠は、デザイン>テンプレートのテンプレート・モジュールのinformationというモジュールで変更します。お問い合わせフォームを作成したらそのリンクを設定する、電話番号を変更する、Facebookページを持っていればそのリンクを設定します。twitterモジュールも読み込んでいるのでそのモジュール内にTwitterで発行されたソースを貼り付けると表示できます。作成したウェブサイト毎に14日間無料で利用可能です。制作者向けポータルお問い合わせ・FAQ。