Mosaic テーマをつかった秀逸な事例

 TypePad ビジネス の標準テンプレートとして提供している Mosaic、手軽にオリジナリティが出せるテーマとしてすでにたくさんのサイトでご利用いただいています。

利用方法や、無料で配布しているサンプル・バナーなどは以下のチュートリアル記事をチェックしていただくとして。

• 新テーマ「Mosaic」で手軽にオリジナリティを
• デザインテーマ「Mosaic」専用バナーを無料プレゼント

今回の TBB では、実際にこの Mosaic テーマを使って運用している TypePad ビジネス の導入事例をピックアップしてご紹介します。

• 株式会社アイタス
• Avid Japan Music Blog
• 『hibiki1973』五感に響く家づくり。第一建設本社Blog
• splash

自社ブランドにあわせオリジナルなファビコン（Favicon）設置

ブラウザのタブやブックマークにもブランディングを徹底

みなさんブログやホームページのファビコン（Favicon）をオリジナルな画像に変更していますか？

ファビコンとは、ブラウザのタブやブックマークのアイコンとして表示される 16 x 16 ピクセルの小さな画像です。TypePad ビジネス を利用している場合、デフォルト（何も変更しない状態）では TypePad のロゴマーク（通称：青いハスの葉っぱ）が表示されています。

これをせっかくなので自社ブランドにあった画像に変更してみませんか？

手順は以下のとおりです。

上級者テンプレートの編集画面をタグごとに色分けする

より直感的に、より効率的にテンプレートを編集

先日 10 月 19 日の月例リリース にて、上級者テンプレートの編集画面がより編集しやすく、さらに使いやすくなりました。

具体的には、上級者テンプレートの編集画面を、タグごとに色分けして表示することが可能になります。
色分け表示を有効にするための設定は、以下になります。

上級者テンプレートを利用したブログでも「mixi チェック」が利用可能に

今回 10 月 19 日の月例リリースから TypePad ビジネス で上級者テンプレートを利用しているブログにも、ブログのフッターに mixi の「mixi チェック」ボタンが設置できるようになりました。

※ mixi チェックボタンを設置できるのは、個別ページのみです。（ブログ全体には設置できません。）

※ 標準ドメイン「---.typepad.jp」、「---.weblogs.jp」いずれかを利用中のサイトのみで設置できます。
独自ドメインを設定しているサイトではこのページで紹介している手順は利用できません。以下の手順にて設置を行ってください。

1. mixi にてコーポレートアカウントを取得する
2. mixi チェック利用の申請を行い、チェックキーを取得する
3. mixi チェック表示用のスクリプトを手順 9 で紹介しているテンプレート内にある <$MTMixiCheck$> の代わりに [テンプレートの内容] に挿入する

見出し要素（h4、h5）のカスタムCSSテクニック

文章の段落分けをちょっとクールに

今回の TBB では、ブログ記事本文の見出し要素（Headline）にデザイン（スタイル）を施したい場合に使える、ちょっとクールな カスタム CSS テクニック をご紹介します。

具体的には、文中の HTML で定義する <h4> と <h5> に、それぞれ個別の見出し用デザインを設定していきます。

※ TBB 記事本文中の <h4>、<h5> で施している見出しデザイン例
※ TBB で利用している Mosaic テーマ内のパーツではすでに <h1> 〜 <h3> 要素が使われているため <h4> と <h5> を本文の見出し要素として利用

記事フッターに表示できる Twitter ボタンが多機能な公式 Twitter ボタンになりました

今回は、前回紹介した「TypePad ビジネスが mixi チェックに対応」に引き続き、記事フッターに設置できるシェアボタンに追加された新機能のご紹介です。

すでに多数ご利用いただいている Twitter のシェアボタンが、今週おこなわれた月例リリースで Twitter 公式のボタンデザインに変更され、より高機能になりました。

TypePad ビジネスが mixi チェックに対応

フッターに設置するシェアボタンの１つとして mixi チェックを追加

本日のリリースで TypePad ビジネス にも mixi チェックボタンを設置できるようになりました！

今回のリリースではまず（上級者テンプレートではない）標準テンプレートのブログをご利用のお客様のみに、先行してご利用いただけるようになっています。

後述する設置方法をご確認の上、ぜひご利用ください。

※ mixi チェックボタンを設置できるのは、個別ページのみです。（ブログ全体には設置できません。）

※ 現在は標準ドメイン「---.typepad.jp」、「---.weblogs.jp」いずれかを利用中のサイトのみで設置できます。（独自ドメインを設定しているサイトには設置できません。）

※ 上級者テンプレートへの実装方法については「上級者テンプレートを利用したブログでも「mixi チェック」が利用可能に」をご覧ください。（2010/10/21 追記）

Twitter公式「プロフィールウィジェット」をサイドバーに設置する方法

自社アカウントの最新タイムラインをサイドバーに表示

今回は Twitter が公式に配布しているブログパーツ「プロフィールウィジェット」を TypePad ビジネス で運営するブログのサイドバーに設置する方法をご紹介します。

このブログパーツを設置すれば、自社の Twitter アカウントでつぶやいた最新の情報を、ブログ訪問者にもリアルタイムに伝えていくことができます。

もしも TypePad ビジネスでブログを運営していて、かつ Twitter も使われている方はぜひ今回紹介する手順を参考にして、設置にチャレンジしてみてください。

※ 今回紹介するサービスやソフトウェアの利用規約ならびにサポート条件、登録商標などについては各開発元が掲示する内容をご参照ください

• 自社アカウントのプロフィールウィジェットを作成
• 作成したソースコードをタイプリストのメモとして保存
• 保存したタイプリストをサイドバーに設置
• 補足：サイドバーにあわせてデザインを調整

ブログのヘッダーにツールバーを設置する

今回は多くの TypePad ビジネス ユーザーから「設置したい！」というご要望の多い、ツールバーの設置方法についてご紹介します。

ツールバーとは？

ツールバーとは、よく利用するメニューを抜粋したものになります。ページのヘッダやフッタによく用いられます。

今回ご紹介する設定を施していただければ、以下スクリーンショットのようなイメージのツールバーを各ページの最上段に設置することができます。

※ 画像がみにくい場合は画像をクリックしてください。

今週からこの TBB でも最上段にツールバーを設置開始したのでご覧いただけることでしょう。

とてもカスタマイズしやすいソースコードなので、設置するページに合わせてメニューの内容を書き換えてご利用ください

デザインテーマ「Mosaic」専用バナーを無料プレゼント

好きなバナーをアップするだけで簡単にデザインをカスタマイズできるデザインテーマ「Mosaic」、すでにいくつもの TypePad ビジネス を使ったサイトでご利用いただいています。

※ 右のサムネールの赤線でかこんだ箇所の画像がバナーです

われらが TBB も、今週からこの Mosaic テーマに切り替えてみたのでお気づきになったことでしょう。

このテーマをさらに使ってみていただくために、今回は特別に以下11の業種別にイメージしたバナー画像を準備し、無料でダウンロードいただけるようにしました。

こちら、わたしたち TypePad ビジネスチームからの（ちょっと遅めの）ささやかな夏のお中元です。ぜひ試してみてください

• 一般企業系
• コンピュータ・IT系
• 士業（弁護士・税理士・会計士・コンサルティング）
• 飲食業（レストラン・カフェ）
• 雑貨・物販
• 医療系
• 鍼灸・マッサージ
• ファッション・アパレル系
• 美容・理容・ネイルサロン
• ライター
• 写真家