オリジナルロゴを追加 - 新テーマ「ニュースペーパー」「フォトウォール」をさらにカスタマイズ

標準テーマを維持したままオリジナリティを演出

 昨日（2011年2月22日）ベータ版として公開した新デザインテーマ「ニュースペーパー」と「フォトウォール」に、標準テーマのまま（上級者テンプレートに変換せず）さらにカスタマイズして利用するためのTIPSとして、サイト上段の共通ヘッダーにオリジナルのロゴを追加する方法をご紹介します。

概要（記事の要約）を記事ページのMeta Descriptionに反映

今回の TBB では、TypePad ビジネス の 上級テンプレート を使って構築しているブログの中で、記事の概要（要約）として入力したテキストを、記事ごとに固有（ユニーク）な Meta Description（メタタグ）として反映させるための TIPS をご紹介します。

SEO（検索エンジン最適化）施策の一つとしてぜひ取り組んでみてください。

• TypePad ビジネスの仕様
• head-common をコピー
• head-individual にペースト
• Meta Description の定義を編集
• 概要テキストが Meta Description に反映された様子
• Google の検索結果に Meta Description が反映された様子
• 補足：キーワードを Meta Keywords に反映する方法

タイプリストの便利な使い方

TypePad ビジネスには、タイプリスト という機能があるのをご存知でしょうか？
タイプリストとは、サイドバーに以下のような項目を簡単に追加できる機能です。

• 友達のブログやサイトへのリンク
• お気に入りや欲しい本、音楽のリスト
• アフィリエイトやソースコードを貼り付けるだけで動作するタイプのブログパーツ

トライアルから本契約への移行

テストで作成したブログを引き続き本番運用へ

TypePad ビジネスでは、ご希望のプランの全機能を 10 日間無料で利用できる TypePad ビジネス 無料トライアル をご用意しています。

そして無料トライアルをご利用いただいた後、正式導入をする際には無料トライアル期間に作成したアカウントを、そのまま本契約に移行することも可能です。

無料トライアルで利用していた TypePad ビジネスのアカウントを本契約に移行すると、トライアル中に作成した記事やデザインなどすべて引き継ぐことが可能です。

無料トライアル期間に作成したアカウントを本契約後も同じように利用したい場合には、以下の手順で本契約へ移行してください。

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

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

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

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

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

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

オーナー（アカウント管理者）と招待ユーザーの違い

運用体制にあわせ適切にユーザーを管理

TypePad ビジネス では、アカウントの登録をおこない、契約の更新などを実施する「オーナー（アカウント管理者）」とは別に、「招待ユーザー」というアカウントを設定することができます。

TypePad ビジネスの機能紹介やプランご・料金ページなどで「ユーザー数：x人」などと表示されている人数は、この「招待ユーザー」として設定することができるアカウントの数字を示しています。

招待ユーザーの人数によって利用料金が異なるけれど、招待ユーザーって何ができるの？

そんな疑問を解消するため、今回は、具体的にオーナーと招待ユーザーの違いをご紹介します。

ブログの使い方に迷ったらスタートアップガイドをチェック

初心者向けブログの使い方マニュアル

会社でビジネスブログをはじめようと TypePad ビジネス  を購入し、構築やデザインも完了し、いざブログを使いはじめようと思ったとき。

どうやって記事を書いたらいいの？

もしくは、ブログの構築を担当された方が、ブログの執筆を担当される方に。

どうやってブログの使い方を説明したらいいの？

という質問をよくお受けします。

そんなときは、TypePad ビジネス初心者のためのマニュアルサイト、スタートアップガイド閲覧がオススメです

• TypePad スタートアップガイド

印刷用 PDF 版も新登場

そして今回あらたに、このスタートアップガイドを。

プリントアウトし、手元に置いておきたい！

という要望にお応えし、印刷用の PDF 版も公開しました。

こちら、ウェブに掲載されている TypePad ビジネスのマニュアルを90ページにわたって文書化し、印刷するための PDF として編集しなおしたものです。

招待ユーザーに配るなど、使い方マニュアルとしても活用できますので、ぜひチェックしてみてください

• TypePad スタートアップガイド PDF（ZIP形式圧縮 - 5.5MB）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ツールバーとは？

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

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

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

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

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