« ブログ記事に同一カテゴリーの前後リンクを表示する | Movable Type | 「AdSense」と「Analytics」統合用の「AdSense-Analytics コード」追加 »

MT4「ウィジェット」の作成

MT4では、自分で「ウィジェット」を作成して、標準で組み込まれている「ウィジェット」と同じ様にドラッグ&ドロップでサイドバーに追加する事が簡単にできます。このブログ用に、以下の様な「ウィジェット」を作成して組み込んでいます。
・QRコード
・アクセスカウンタ
・テクノラティプロフィール
・リンク集
・サイト内検索(Googleカスタマイズ検索)
・Adsense広告

【「QRコード」ウィジェットの表示】
qr_widget.jpg

(1)「ウィジェット」の作成
「デザイン/ウィジェット」メニューを選択し、「ウィジェットテンプレート」画面を開きます。「ウィジェットテンプレートを作成」をクリックして、新しいテンプレートを作成します。「QRコード」ウィジェットの場合は、以下の様なコードを入力して、保存すれば完成です。1行目のヘッダは必要時表示したい名称を入れます。3行目以降のコード部分は、各ウィジェットに応じて変更します。

<h3 class="widget-header">QRコード</h3>  <−−必要時、名称を入れる

<div class="widget-content">

<a href="https://nakamura-hiroshi.com/mt/mt4i.cgi?id=11"><img alt="ubuntu_QR_Code.jpg" src="https://nakamura-hiroshi.com/ubuntu/image/ubuntu_QR_Code.jpg" width="159" height="159" class="mt-image-none" style="" /></a>

</div>

(2)ウィジェットヘッダーの背景色追加
上記の1行目で記述したヘッダーの表示にアクセントを付けるため、グレイの背景色にしました。スタイルシートの関係部分に「background:#C0C0C0;」を追加しました。

(3)サイト内検索(Googleカスタマイズ検索)用の検索結果ページ作成
Googleを使ったサイト内の検索で、検索結果のスタイルとして「自分のサイトに結果を表示する」を選択したので、そのためのページ(searchresult.php)用のテンプレート「検索結果インデックス」を作成しました。「アーカイブインデックス」を複製し、不要部分を削除した後、Googleから指定されたコードをコピーしました。

アーカイブ

Powered by Movable Type 7.9.6

2022年11月

    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30      

作者のサイト

作者プロフィール