マニュアル

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

オウンドメディアがすぐに始められるテーマ「Rimo」

テーマ「Rimo」は弊社のオウンドメディア「Six Apart ブログ」の運用ノウハウを活かして作られた、オウンドメディアやブログ向けのテーマとなっています。SNSボタンの配置や、関連記事への導線などに配慮されており、簡単なカスタマイズですぐに運用を開始できます。

Rimo

■特長

  • オススメとしてピックアップしたい記事はチェックボックスで指定できます。
  • 記事のog:image(SNSなどでシェアしたときに表示される画像)を、指定のフィールドに挿入するだけで簡単に設定できます。
  • 記事のカテゴリを作成すると、テンプレートを編集する必要なく、ヘッダーメニューにカテゴリが追加されます。

「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.jpg

Rimoでは運用しやすいように標準で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

フッターに表示されている、運営会社についてやコピーライトは[デザイン]>[テンプレート]>テンプレート・モジュールフッターから編集・変更が可能です。

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

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