CEOブログ

横浜で活躍するホームページ作成・開発会社アットライズの代表取締役社長(CEO)が綴る、日々の奮闘記!!

業界・技術情報

[SNS]TwitterのウィジェットをMovableTypeのサイドバーに追加する方法

投稿日:2009年11月4日 更新日:

Twitterのウィジェットをサイドバーに

MovableType3.36での方法です。(MT4での手順はいくつかあったが、MT3ベースの手順はあまり見あたらずMT4を参考にトライ)
※あくまでもワタシがやった手順であり、これが必ずしもベストな方法とは限りません。また、変更等を行う場合は個人の責任において実施してください。当方はこの手順による不具合等の責任は一切負いかねますのでご了承下さい。

1.ウィジェットコードの作成(Twitterの機能)

  • http://twitter.com/widgets にアクセスし「自分のサイト」→「プロフィールウィジェット」をクリック。
  • ユーザー名に「attrise_hat」(表示させたいアカウント)を設定。
  • 左メニューの「Preferences」をクリックし、表示の設定を行う。(今回は、とりあえずデフォルトのまま。。)
  • 左メニューの「デザイン」「サイズ」で、表示形式をカスタマイズ。
  • ページ下の「完了&コード取得」をクリックすると スクリプトが表示されるので、これをテキストエディタにコピペし保存。

2.MovableType側の設定

(1) Widgetの追加

  • MTの管理画面にログイン
  • 左メニューの「テンプレート」→「モジュール」から「モジュールを新規作成」をクリック。
  • テンプレート編集画面にて「テンプレート名」に「Widget: Twitter」を、「モジュールの内容」に、上記■1で作成したウィジェットコードを貼り付け「保存」。

  • MT管理画面の「テンプレート」メニューから、ページ下部の「Widgetの管理」→「Widget Managerを作成」をクリック。
  • 「Widget Managerの名前:」に適当な名前を設定(今回は「Widget Manager」)し、「利用可能なWidget」欄にある「TWITTER」を「インストールされているWidget」欄にドラッグ&ドロップし、「変更を保存」。

※ここまでやると、テンプレートに「」を追記するだけで、再構築後Blogに表示されるようになる。
参考までに「メインページ」テンプレートに設置する方法を以下に記載します。

(2) テンプレートへの設定

  • MT管理画面の「テンプレート」メニューから、「メインページ」をクリックすると、既存のテンプレート内容が表示されるので、自分が設置したい場所に以下の1行を追記し保存(保存と再構築)する。

 

※今回は左記の「”Widget Managerの名前”」=「”Widget Manager”」
あとは、各自のBlogテンプレートデザインに応じて、設置する場所や表示デザインをカスタマイズすべし。

 

参考サイト

http://kowloonet.org/blog/2009/10/twittermovable-type.php

-業界・技術情報
-, , , ,


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Gmailが日本語アドレスに対応!日本語メルアドによるシステムへの影響を考える

ご存じGoogleの提供するメールサービス「Gmail」。ちょうど一ヶ月くらい前、Googleが「Gmailが日本語などアルファベット以外文字を含むメールアドレスとの送受信に対応する」と発表した。 わ …

またまた来た、、架空請求詐欺メール、今度は「債権回収の委任弁護士」だって。。

あわてず冷静に対処を このブログでも何度も書いているが、、 またまた来ました、架空請求詐欺メール。。 今度は、「登録情報サイトで、未退会のまま月額料金が発生し滞納してる」という脅し文句。 注)下記●● …

no image

朝礼スピーチ 9/18(木):ブロードバンド回線事情

総務省から6月末時点でのブロードバンド回線契約者数が発表された。 それによると ブロードバンド契約者は2,934万回線。 そして、初めて光の契約者数がADSLを抜いた! 記事抜粋 総務省が17日発表し …

Windows7サポート終了の足音。。

あと2年。 WindowsXPがサポート終了し、Windowsアップグレード対応で世の中を賑わせたのが2014年4月。 あれから3年半、、大きな山を越えた安堵感に 平穏なPCライフを送っている人も多い …

クーポン特典付きアンケートによるメルマガ配信の仕組み

メルアドはCSVファイルに保存 ブログ「メルマガによるリピーター集客効果」に、サイトや店舗等への集客・リピーターを増やす方法としてメルマガが有効であることを述べたが、ここでは実際の流れ(仕組み)を紹介 …