Movable Type.net

MovableType.net 活用ブログ

MovableType.net の新機能の使い方や、ウェブサイトの構築・運用に役立つTIPSを紹介しています。

オウンドメディア向け新テーマ Rimo のご紹介

本日スマートフォンにも対応したオウンドメディアやブログをすぐ始められる新テーマ Rimo をリリースしました。

Rimo は弊社のオウンドメディア Six Aprt ブログ で実際に利用しているテーマを MovableType.net 用に汎用的に利用できるようにしたものです。

rimo.jpg

デモサイトは以下になります。    

今回はRimoの詳細の使い方をご紹介します!

ヘッダー部分の仕様

header.jpg
ヘッダー部分は以下で構成されています。

  • ロゴ画像:ファイルマネージャの common>images>logo.pngを上書きして差し替えると変更可能
  • 副題:ブログ設定の説明に入力した内容が表示されます。
  • メニュー:カテゴリを設定すると、カテゴリ別記事一覧ページへのリンクが表示されます。また、ウェブページを作成するとカテゴリ一覧の右側に表示されます。

デザインに利用している画像

テーマのデザインに利用している画像はファイルマネージャの common>imagesの中にあります。以下主な画像の説明になりますので、必要に応じて上書きし差し替えてください。

  • default-userpic-90.jpg:記事を書いた人のプロフィール画像のデフォルト画像になります。プロフィール画像を設定していない場合にはこの画像が表示されます。
  • default_ogimage.jpg:facebookなどで表示される共通のogimageになります。1200x630以上推奨。
  • favicon.ico:ブラウザのタブやブックマーク時に表示されるアイコン。
  • noimage-1200.png、noimage-300.png、noimage-448.png、noimage-90.png:記事一覧や記事のogimageなどで記事内に画像が1枚もない場合に表示される共通の画像になります。

記事で利用されているカスタムフィールド

rimocf.jpgRimoでは運用しやすいように標準で2つのカスタムフィールドを作成しています。

  • OGP イメージ:記事一覧やfacebookなどでシェアされる際に利用される画像を明示的に指定できます。なお、利用される画像の優先順位はOGPイメージ>記事内の1枚目の画像>共通画像となっています。
  • オススメ記事:チェックを入れるとサイドバーに編集部イチオシ記事として表示されます。
    recom.jpg

デザイン全体の設定が可能な共通編集モジュール

common.jpg

共通のメタ情報やメインカラーの変更など設定できるモジュールが、
デザイン>テンプレート>テンプレート・モジュール共通変数にあります。

  • 共通の meta キーワード:全ページ共通のmetaキーワードを指定します。
  • メインカラーサブカラーの設定:テーマで利用しているメインカラーとサブカラーを設定可能です。サイトの印象をガラリと変えることができます。
  • Google カスタム検索 ID:サイドバーのGoogleカスタム検索のIDを指定します。詳しくは「Googleカスタム検索を使ってサイト内検索を設置する」をご参照ください。
  • 記事の一覧に表示する件数:記事一覧ページで何件毎にページ送りを表示するかを設定できます。
  • Facebook の AppIDとTwitterアカウント:OGPで利用するfacebookのAppIDと、ツイートに含めるTwitter のアカウントを記述します。
  • ソーシャルボタンの表示非表示:表示する場合は 1 を、表示しない場合は 0 を指定してください。

サイドバーモジュール

sidebar-e4d88877.jpgサイドバーに表示されるコンテンツは以下になります。必要に応じてデザイン>テンプレート>テンプレート・モジュールサイドバーを編集し変更・追加してください。

  • Googleカスタム検索:共通変数でしたIDでサイト内カスタム検索ができます。
  • このサイトについて:サイトについての説明を記述します。
  • メンバー:このサイトで記事を投稿している投稿者一覧と、その投稿者別の記事一覧ページへのリンクになります。
  • 編集部イチオシ記事:カスタムフィールのオススメ記事を指定した記事が表示されます。
  • カテゴリ:記事で利用しているカテゴリ一覧とその記事の件数が表示されます。
  • 月別アーカイブ:月別の記事一覧が表示されます。
  • Facebook の Page Plugin:Facebookのページプラグインを表示させる場合はここにコードを貼り付けます。

フッターモジュール

rimofooter.jpgフッターに表示されている、運営会社についてやコピーライトを変更できます。

デザイン>テンプレート>テンプレート・モジュールフッターを編集し変更・追加などしてください。

是非新しいテーマRimoをお試しください!!!

アカウント作成は無料! 同じアカウントでウェブサイトをいくつでも作成でき、作成したウェブサイト毎に14日間無料で利用可能です。

アカウント作成

Movable Type.net は無料トライアルが可能です。
Web制作者の方で、デモや評価利用をご希望の場合は、制作者向け評価ライセンスをご利用ください。

無料トライアル 資料ダウンロード 制作者向け評価ライセンス