Twitter へのシェアボタンを設置する（ソーシャル連携機能活用術 - その1）
TypePad ビジネスではたくさんのソーシャル連携機能を実装し、このTypePad ビジネスブログではその利用方法などを紹介してきました。
便利な機能の数々ですが、最近使いはじめたばかりでまだ TypePad ビジネスの機能をよく知らない、という方のために、過去に紹介したソーシャル連携機能をあらためてご紹介したいと思います。
まずはこちら…
Loading
TypePad ビジネスではたくさんのソーシャル連携機能を実装し、このTypePad ビジネスブログではその利用方法などを紹介してきました。
便利な機能の数々ですが、最近使いはじめたばかりでまだ TypePad ビジネスの機能をよく知らない、という方のために、過去に紹介したソーシャル連携機能をあらためてご紹介したいと思います。
まずはこちら…
こんにちは、TypePad ビジネスチームです。
今回は、TypePad ビジネスのブログで自動的に出力しているフィードを利用して「まとめページ」を作成する方法をご案内します。
今回の TBB では 2011年6月度の月例リリース で搭載された「zenback BIZ 連携機能」を使って、実際に標準テンプレートで構築されているブログの記事フッターに zenback BIZ ウィジェットを設置するまでの手順をご紹介します。
シックス・アパート製品同士シームレスに連携された利点を活かすことで、現在ご利用いただいている TypePad ビジネスへのソーシャルメディア最適化（SMO）施策をさらに一歩おしすすめてください。
今回は「TypePad ビジネス活用術紹介レクチャー」でいただいたご質問の中から、カスタム CSS を活用した「カスタムテーマで記事やサイドバーの横幅を変更する方法」をピックアップしてご紹介します。
2011年5月の月例リリースで追加された新機能「カスタム HTML」を利用すると、ブログのサイドバーへ自由に HTML を設置することができます。
HTML を挿入することで、企業のロゴ画像を表示したり、リンク集、自己紹介、サードパーティから提供されているブログパーツやウィジェットなどを表示することができます。
そこで今回の TBB では、カスタムHTMLの具体的な利用方法についてご紹介していきます。
今回利用する Google カスタム検索（beta）は、サイトに合わせてデザインを変更したり、上級者テンプレートを利用することで検索結果ページを自分のブログ内に設置できるなど、柔軟なカスタマイズが可能な無料のサイト内検索サービスです。
まずはこの TypePad ビジネスブログ の右上をご覧ください。
このように、「ブログの右上に検索ボックス」を設置し、「記事の上段に検索結果」を表示するまでの手順をご紹介します。
昨日（2011年2月22日）ベータ版として公開した新デザインテーマ「ニュースペーパー」と「フォトウォール」に、標準テーマのまま（上級者テンプレートに変換せず）さらにカスタマイズして利用するためのTIPSとして、サイト上段の共通ヘッダーにオリジナルのロゴを追加する方法をご紹介します。
今回の TBB では、無料のWebフォント（Webfonts）サービスである「Google Font API（Beta）」を使って、ウェブコンテンツ（ブログやホームページ）に表示させるフォントの種類を変更する方法をご紹介します。
通常、特殊なフォントを使ってデザインする場合、適用させるコンテンツのテキスト部分のみを画像に変換してアップロードする必要がありますが、Webフォントを使えば、手軽に、簡単にフォントの種類を変更することができます。
しかもWebフォントを使うことで、表示するクライアント側にインストールされていない種類のフォントも指定することができるうえに、たとえ Webフォントに対応していないブラウザであっても標準フォントに自動代替されて表示されます。
もちろん文字装飾後もテキスト情報が維持されるので、検索エンジンのクローラーからも文字列として認識されます。実装ステップも少ないので、ご興味ある方はぜひトライしてみてください。
※ この記事は実際にWebフォントを利用して執筆しています
※ 一部Webフォントに対応していないブラウザでは表示されません
※ 現在 Google Font API では英字フォントのみが提供されており日本語には適用されません
※ 今回紹介するサービスの利用規約ならびにサポート条件、登録商標などについては各サービス開発元が掲示する内容に依拠します
今回の TBB では、TypePad ビジネス の 上級テンプレート を使って構築しているブログの中で、記事の概要（要約）として入力したテキストを、記事ごとに固有（ユニーク）な Meta Description（メタタグ）として反映させるための TIPS をご紹介します。
SEO（検索エンジン最適化）施策の一つとしてぜひ取り組んでみてください。
TypePad ビジネスには、タイプリスト という機能があるのをご存知でしょうか？
タイプリストとは、サイドバーに以下のような項目を簡単に追加できる機能です。
TypePad ビジネス の標準テンプレートとして提供している Mosaic、手軽にオリジナリティが出せるテーマとしてすでにたくさんのサイトでご利用いただいています。
利用方法や、無料で配布しているサンプル・バナーなどは以下のチュートリアル記事をチェックしていただくとして。
今回の TBB では、実際にこの Mosaic テーマを使って運用している TypePad ビジネス の導入事例をピックアップしてご紹介します。
みなさんブログやホームページのファビコン（Favicon）をオリジナルな画像に変更していますか？
ファビコンとは、ブラウザのタブやブックマークのアイコンとして表示される 16 x 16 ピクセルの小さな画像です。TypePad ビジネス を利用している場合、デフォルト（何も変更しない状態）では TypePad のロゴマーク（通称：青いハスの葉っぱ）が表示されています。
これをせっかくなので自社ブランドにあった画像に変更してみませんか？
手順は以下のとおりです。
先日 10 月 19 日の月例リリース にて、上級者テンプレートの編集画面がより編集しやすく、さらに使いやすくなりました。
具体的には、上級者テンプレートの編集画面を、タグごとに色分けして表示することが可能になります。
色分け表示を有効にするための設定は、以下になります。
今回 10 月 19 日の月例リリースから TypePad ビジネス で上級者テンプレートを利用しているブログにも、ブログのフッターに mixi の「mixi チェック」ボタンが設置できるようになりました。
※ mixi チェックボタンを設置できるのは、個別ページのみです。（ブログ全体には設置できません。）
※ 標準ドメイン「---.typepad.jp」、「---.weblogs.jp」いずれかを利用中のサイトのみで設置できます。
独自ドメインを設定しているサイトではこのページで紹介している手順は利用できません。以下の手順にて設置を行ってください。
今回の TBB では、ブログ記事本文の見出し要素（Headline）にデザイン（スタイル）を施したい場合に使える、ちょっとクールな カスタム CSS テクニック をご紹介します。
具体的には、文中の HTML で定義する <h4> と <h5> に、それぞれ個別の見出し用デザインを設定していきます。
※ TBB 記事本文中の <h4>、<h5> で施している見出しデザイン例
※ TBB で利用している Mosaic テーマ内のパーツではすでに <h1> 〜 <h3> 要素が使われているため <h4> と <h5> を本文の見出し要素として利用
今回は、前回紹介した「TypePad ビジネスが mixi チェックに対応」に引き続き、記事フッターに設置できるシェアボタンに追加された新機能のご紹介です。
すでに多数ご利用いただいている Twitter のシェアボタンが、今週おこなわれた月例リリースで Twitter 公式のボタンデザインに変更され、より高機能になりました。
本日のリリースで TypePad ビジネス にも mixi チェックボタンを設置できるようになりました！
今回のリリースではまず（上級者テンプレートではない）標準テンプレートのブログをご利用のお客様のみに、先行してご利用いただけるようになっています。
後述する設置方法をご確認の上、ぜひご利用ください。
※ mixi チェックボタンを設置できるのは、個別ページのみです。（ブログ全体には設置できません。）
※ 現在は標準ドメイン「---.typepad.jp」、「---.weblogs.jp」いずれかを利用中のサイトのみで設置できます。（独自ドメインを設定しているサイトには設置できません。）
※ 上級者テンプレートへの実装方法については「上級者テンプレートを利用したブログでも「mixi チェック」が利用可能に」をご覧ください。（2010/10/21 追記）
今回は Twitter が公式に配布しているブログパーツ「プロフィールウィジェット」を TypePad ビジネス で運営するブログのサイドバーに設置する方法をご紹介します。
このブログパーツを設置すれば、自社の Twitter アカウントでつぶやいた最新の情報を、ブログ訪問者にもリアルタイムに伝えていくことができます。
もしも TypePad ビジネスでブログを運営していて、かつ Twitter も使われている方はぜひ今回紹介する手順を参考にして、設置にチャレンジしてみてください。
※ 今回紹介するサービスやソフトウェアの利用規約ならびにサポート条件、登録商標などについては各開発元が掲示する内容をご参照ください
今回は多くの TypePad ビジネス ユーザーから「設置したい！」というご要望の多い、ツールバーの設置方法についてご紹介します。
ツールバーとは、よく利用するメニューを抜粋したものになります。ページのヘッダやフッタによく用いられます。
今回ご紹介する設定を施していただければ、以下スクリーンショットのようなイメージのツールバーを各ページの最上段に設置することができます。
※ 画像がみにくい場合は画像をクリックしてください。
今週からこの TBB でも最上段にツールバーを設置開始したのでご覧いただけることでしょう。
とてもカスタマイズしやすいソースコードなので、設置するページに合わせてメニューの内容を書き換えてご利用ください 
好きなバナーをアップするだけで簡単にデザインをカスタマイズできるデザインテーマ「Mosaic」、すでにいくつもの TypePad ビジネス を使ったサイトでご利用いただいています。
※ 右のサムネールの赤線でかこんだ箇所の画像がバナーです
われらが TBB も、今週からこの Mosaic テーマに切り替えてみたのでお気づきになったことでしょう。
このテーマをさらに使ってみていただくために、今回は特別に以下11の業種別にイメージしたバナー画像を準備し、無料でダウンロードいただけるようにしました。
こちら、わたしたち TypePad ビジネスチームからの（ちょっと遅めの）ささやかな夏のお中元です。ぜひ試してみてください 
7月の新機能として追加された ツイッターの1日のつぶやきを「まとめ記事」にする機能 が、8月17日の月例リリースでさらに強化されました！
早速いくつかのサイトで使われており、Google で「今日のつぶやき typepad」と検索するとその様子の一部がご覧いただけるかと思います。
今回はバージョンアップによって強化されたポイントを中心に、この「ツイッターまとめ記事機能」をより柔軟に運用していくための「カスタマイズの肝」をご紹介していきます
続きを読む "ツイッター「まとめ記事」機能がバージョンアップ 〜 タイトルに日付けを付けたりCSSでデザイン変更できるようになるなど設定がより柔軟に" »
デザインは TypePad ビジネス のベーシックデザインのまま（= 上級者テンプレートに変更せず）、記事の行間だけを広げて『ブログの文章をもっと読みやすくしたい！』ということはありませんか？
そんな時は、ぜひ 前回の記事 でも紹介した カスタム CSS を使って「記事本文の文字の行間を調整する」ことをオススメします。
たった１つの CSS を指定し変更するだけで、ブログの記事が格段に読みやすくなりますよ 
今回は TypePad ビジネス がブログごとに出力する RSS フィードを、さらにカテゴリーごとに分割して出力するための TIPS をご紹介します。お楽しみに 
※ 今回の TIPS を利用するためには事前に 上級者テンプレートを作成 しておく必要があります
今回は TypePad ビジネス のデザイン（CSS）編集を、もっと簡単に変更するためのツールをご紹介します。
CSS の編集を試すには、ウェブブラウザ Firefox のプラグイン Firebug の利用をお勧めします。Firebug を利用すると、CSS の編集を試す、ということと、どのような編集を行うとページがどのように見えるか、という確認作業（プレビュー）を同時に、リアルタイムにブラウザ上で確認することができます。
さらに、バナーサイズやサイドバーの横幅、記事本文表示幅のサイズも簡単に調べられるので、「バナー画像を変更したいけどサイズがわからない…」「サイドバーに画像を表示したいけど、どのサイズならぴったりはまるの？」など、そんな悩みもすぐに解決することができます。
※ 各ソフトウェアの利用規約ならびにサポート条件、登録商標などについては各ソフトウェアの開発元が掲示する内容をご参照ください
先日2010年6月15日にリリースされた新機能で、上級者テンプレートの編集が断然便利になったことは 前回ご紹介 させていただきました。
さっそくお試しいただいた方も多いかと思いますが、カスタマイズ中の TypePad ビジネス で運営するブログに、さらにもう "一手間" 加える TIPS をご紹介します。
2010年6月15日のリリース にて、テンプレートモジュールを使った上級者テンプレート編集が格段にしやすくなりました。
今までのテンプレートモジュールは、TypePad ビジネス のシステムに保存されている共通テンプレートを読み込んでいたため、編集を行うまでに以下の手順が必要でした。
自分で書いていて言うのもなんですが、これがとても煩雑なのです… 
今まで TypePad ビジネス で上級者テンプレートの編集をされたことがある方ならきっと、「フッター項目をちょっと編集したいだけなのに、編集するまでの道のりが遠い！」なんて思いをされたことがあるでしょう。
今回のリリースでは、そんな悩みを改善しました。
なんと、既存テンプレートを上級者テンプレートに変換するだけで、テンプレートモジュールが自動的に展開されるようになったのです。
この追加機能により、たとえば「全部の記事のフッターに、共通する定型文を表示したい」と思った時に、既存のテンプレートから上級者テンプレートに変換するだけで、修正が必要となるテンプレートモジュール「entry-list」や「entry-list-sticky」の編集がすぐに開始できるようになりました。
既存のテンプレートから上級者テンプレートに変換する具体的な手順と、テンプレートモジュールが展開される場所は以下の通りです。
以上で、既存テンプレートを上級者テンプレートに変換する作業は完了です。
テンプレートを適用すると、そのデザインに含まれている上級者テンプレートが一覧表示されたデザイン編集画面に移動します。
すでにテンプレートモジュールが展開されているので、すぐに編集が開始できます 
前回のリリースに続いて、さらに強化された上級者テンプレートの編集機能はいかがでしたでしょうか？
次回は、展開されたテンプレートモジュールを利用して、さらに便利に使う方法をご紹介します。お楽しみに
5月19日のリリースより TypePad ビジネス で使える <MTEntries> タグがパワーアップし、今までよりも簡単に「まとめブログ」が作れるようになりました 
具体的には、 <MTEntries> タグに blog_ids という属性を追加し、記事を表示したいブログの ID を複数指定するだけで、指定したブログの記事を時系列順に並べて表示することができます。
ちなみに、ブログの ID は [ホーム] - [ブログ] - [（ブログ名）] をクリックした時 URL の最後に表示されている数字になります。
それではさっそく、まとめブログを作成するための具体的な手順を確認していきましょう。
※ この手順は、上級者テンプレートを利用しているブログでしか実行できません。上級者テンプレートを利用する手順は、以下ページをご確認ください。
以上の編集作業をおこなったあと、ブログ全体の再構築をおこなううと、以下のように表示させることができます。
このブログに投稿されている記事は [最近の記事] に表示されているものだけですが、メインには複数ブログの記事をまとめて、時系列順に表示するようにしています。
簡単すぎてごめんなさい！
でも、たったこれだけの作業で「まとめブログ」を作成できる機能（ MTタグ → MTEntries ）、これは活用しない手はないです 
以下に参考ページへの URL も記載しましたので、この機会に皆さんも「まとめブログ」を作成してみるのはいかがでしょう？
※注意※ パスワード保護設定されているブログの扱いについて
include_blogs で表示するブログの中にパスワード保護されているブログが含まれている場合は、そのブログの記事は出力されますか？
出力されます。これが記述されているテンプレートの含まれるブログをパスワード保護しない限り、内容が出ていきます。
MTEntries：
ブログ全体の再構築：
上級者テンプレートでブログのデザインを管理している方や、これから上級者テンプレートを利用しようとしている方に朗報です。
先日 5 月 19 日のリリースで TypePad ビジネス の上級者テンプレート編集に役立つ機能が 3 つも追加されました。
これらは、上級者テンプレートの編集がぐんと楽になる便利な機能です
具体的にどのように便利か、どのように利用するのか、詳しくご紹介いたします。
この機能は、たとえば <MTEntries> タグを利用する場合、今までは <MTEntries> の MTE の部分を小文字で記入すると <MTEntries> タグとして正常に動作しませんでした。
けれど今後は
<mtentries> と記入してもエラーにならず、正常に動作します。
これにより、「大文字と小文字を間違えた！」というような、後から探し出すのには苦労するような記入ミスがあっても大丈夫。大文字か小文字か、という細かい部分にとらわれず、存分にテンプレートの編集をおこなうことができます。
上級者テンプレートの記述内容に誤りがあった場合、 [保存] ボタンをクリックした後、または [公開] ボタンをクリックした後（再構築後）のいずれかのタイミングで、どのような誤りがあるかをエラーの内容として表示するようになりました。
たとえば <MTEntries> というブロックタグ内に記入しなければならない MT タグを <MTEntries>～</MTEntries> の外に記入してしまった、など、MT タグの記述形式に沿っていない書き方をしてしまった場合、今 までは、どのような記述が問題になっているか、ブログを管理しているお客様には見えませんでした。
今後はどのようなミスがあるかをテンプレートの [保存] 時や [公開] （再構築）時にすぐ確認できるので、素早く対応が可能です。
いかがでしょうか？ 今回は 3 つの新しい機能のうち、2 つの機能をご紹介しました。これだけでも上級者テンプレートの編集がとてもやりやすくなりますよね。
次回は、3 つのうちの残り 1 つ、「テンプレートの編集画面にインクルードしているモジュールの一覧とそのモジュールへのリンクを表示」機能についてご紹介します。
次にご紹介する機能は、さらに上級者テンプレートを使いこなすために重要な機能となるので、記事を読んで、ぜひマスターしてくださいね。それでは、次回をお楽しみに 
皆さん TypePad ビジネス でサイトを運営していたり、これから構築をしようとしているときに、デザインや細かい設定、SEO への取り組みについて悩んだり、相談したくなったことはないでしょうか 
そんなときこそ Six Apart のパートナー制度 ProNet に所属していて、Movable Type（MT）は勿論のこと、TypePad を使ったサイト構築についても知見や経験が豊富で、とてもたよりになる専業のプロに相談してみてはいかがでしょう。
まずは TypePad ビジネス のサイトでもパートナー企業としてリストアップしている以下 5 社のなかから選んでいただくのをオススメします、これらの企業であれば TypePad ビジネス のカスタマイズや構築をサービスメニューの1つとして提供していますし、実績としても申し分ありません。
そしてどのパートナー企業からも TypePad ビジネス のライセンスを購入することができますので、もしもこれから新規導入される際にはあわせて相談してみてください。
もしもどの企業に相談したらいいのか判断つかなくて、『案件にあった制作会社を Six Apart から紹介してほしい』という場合は、以下のお問い合わせフォームから質問を送信してください。案件を判断し、1営業日以内にご返信いたします。
せっかくサイトを運営するのであれば、効果を最大化するためにもデザインやサイト構造にはこだわりたいですよね。これらのパートナー企業であればそんな要望に的確にお応えできますので、お気軽に相談してみてください
今回は 4 月 13 日に実装された新機能の１つ、
サイドバーの「アーカイブ」項目に「もっと読む」リンクを表示するための設定手順をご紹介します。
TypePad ビジネス のブログでは過去の記事を蓄積し、まとめて閲覧するために「アーカイブ」機能を利用します。
この「アーカイブ」機能を使うことで、月ごとなど特定の期間（条件）で記事を分類・集約し、指定された期間（条件）に属する記事を一覧表示できます。
TypePad ビジネスサポート担当の野原です。
お待たせしました。前回 に引き続き今回は、携帯閲覧ページカスタマイズ方法後編… CSS で携帯閲覧ページをカスタマイズする方法をご紹介します。
TypePad ビジネス サポート担当の野原です、
いつもご利用いただきありがとうございます。
今回は、TypePad ビジネス をご利用の方向けに、
2回に分けて携帯閲覧ページのカスタマイズ方法をご案内します。
前編の「TypePadホームページもっとおまかせパックを提供するアロマネット中村社長インタビュー（前編）」に引き続き、アロマネット中村社長へのインタビュー記事の（後編）をお伝えします。
続きを読む "TypePad ビジネスの新たな活用法など今後の展開について - アロマネット中村社長インタビュー（後編）" »
今回紹介する TIPS は「プロフィール背景へのスタイル適用」です。これも TypePad ビジネス で運用されている既存ブログサイトを見ていると、想像していた以上に「プロフィール背景にスタイルが適用されていない」サイトを多く見かけるため、ふたつめの「落とし穴」として取りあげてみることにしました。
昨年末におつたえしたとおり、今月の TBB のテーマは「TypePad ビジネス つい見逃しがちな落とし穴...」ということで、すでに運用開始されているブログサイトを見回したときに散見されるある種の「失敗例」からヒントをえて、よりビジネスに貢献させていくためにはどの企業でも必須となるであろう設定項目、そしてその効能などをご紹介していきます。
そして今回とりあげるのは、「サイドバーからの自社サイトへのリンク設置」です。「そんなまさか？」っと思われるかもしれませんが、せっかく運営しているブログサイトから自社サイトへリンクされていないケースをとても多く見かけるので、まず１つめのトピックとしてとりあげてみることにします。
今回は12月8日におこなった TypePad ビジネス 月例アプリケーション・リリースで実装された新機能のうち、記事フッターに追加できる Digg This、Save to del.icio.us、Twitter など、ソーシャルメディアへ「シェア」するためのリンクを「ボタン化」する手順とメリットについてご紹介します。
ひとまず TypePad ビジネスを使いはじめたら「標準デザインテーマ（テンプレート）を活用しよう！」ということで今回は数ある導入事例の中から、標準デザインテーマ が的確にアレンジされている秀逸な活用例をご紹介していきます。（順不同）
Copyright 2003- Six Apart, Ltd. All rights reserved.