プロフィールのページを作る（3.2-ja～3.35-ja用）: 小粋空間

Top ＞ Movable Type ＞カスタマイズ＞その他＞プロフィールのページを作る（3.2-ja～3.35-ja用）

プロフィールのページを作る（3.2-ja～3.35-ja用）

Posted at December 11,2005 11:56 PM
Tag：[Customize, MovableType, Profile, Template]

「プロフィール」用テンプレートの作成方法です。以前書いたプロフィールのページを作るが3.1xまでしか対応していなかったので、3.2-ja～3.35-ja用に書き直しました。なおここでご紹介するのは公開テンプレート用ですので予めご了承ください（デフォルトテンプレートのものは別途エントリーします）。

同様の手法で「このサイトについて」や「注意事項」のページを色々と作ることができます。プロフィール自体をエントリーとして追加する方法もありますが、ここではインデックステンプレートとして追加し、その中に直接コンテンツを記述する方法を説明します。

１．プロフィール用テンプレートの作成

Movable Type 管理画面左メニューの「テンプレート」をクリックし、右側上に表示されている「テンプレートを新規作成」をクリックしてください。次に表示された画面で以下の項目を設定します。

テンプレートの名前：Profile
出力ファイル名：profile.html（とりあえずこの名称で）
「インデックス・テンプレートを再構築する時に～（中略）～」をチェック
このテンプレートにリンクするファイル：何も設定しない
テンプレートの中身：下記のリストを丸ごとコピー＆ペーストしてください。

<?xml version="1.0" encoding="<$MTPublishCharset$>"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" id="sixapart-standard">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />
<meta name="generator" content="Movable Type <$MTVersion$>" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />

<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTBlogURL$>atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$MTBlogURL$>index.xml" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$MTBlogURL$>rsd.xml" />
<link rel="index" href="<$MTBlogURL$>" />
<link rev="made" href="mailto:user@domain" />

<title>プロフィール</title>

<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>

<script type="text/javascript">
function OpenComments (c) {
    window.open(c, 'comments', 'width=480,height=520,scrollbars=yes,status=yes');
}
function OpenTrackback (c) {
    window.open(c, 'trackback', 'width=480,height=520,scrollbars=yes,status=yes');
}
</script>

</head>

<body class="layout-three-column">

<div id="box">

<!-- タイトル -->
<div id="banner">
<h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2 id="banner-description"><$MTBlogDescription$></h2>
</div>

<!-- 左カラム開始 -->
<div id="links-left-box">
<div id="links-left">

<!-- カレンダー開始 -->
<MTIfArchiveTypeEnabled archive_type="Daily">
<div class="side">
<div class="calendar">
<table summary="投稿した日にリンクする月別のカレンダー">
<caption class="calendarhead"><$MTDate format="%B %Y"$></caption>
<tr>
<th abbr="Sunday"><span class="calendar"><span class="red">Sun</span></span></th>
<th abbr="Monday"><span class="calendar">Mon</span></th>
<th abbr="Tuesday"><span class="calendar">Tue</span></th>
<th abbr="Wednesday"><span class="calendar">Wed</span></th>
<th abbr="Thursday"><span class="calendar">Thu</span></th>
<th abbr="Friday"><span class="calendar">Fri</span></th>
<th abbr="Saturday"><span class="calendar"><span class="blue">Sat</span></span></th>
</tr>

<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td><MTCalendarIfBlank><MTElse><MTCalendarIfToday><span class="today"><MTElse><span class="calendar"></MTElse></MTCalendarIfToday></MTElse></MTCalendarIfBlank>
<MTCalendarIfEntries>
<MTEntries lastn="1"><a href="<$MTEntryLink archive_type="Daily"$>"><$MTCalendarDay$></a></MTEntries>
</MTCalendarIfEntries><MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank> 
<MTElse></span></MTElse></MTCalendarIfBlank></td><MTCalendarWeekFooter></tr></MTCalendarWeekFooter></MTCalendar>
</table>
</div>
</div>
</MTIfArchiveTypeEnabled>
<!-- カレンダー終了 -->

<!-- エントリーリスト開始 -->
<div class="sidetitle">
Recent Entries
</div>

<div class="side">
<MTEntries lastn="10">
<a href="<$MTEntryPermalink$>" title="e<$MTEntryID$>"><$MTEntryTitle$></a><br />
</MTEntries>
</div>
<!-- エントリーリスト終了 -->

<!-- 最近のコメント開始 -->
<div class="sidetitle">
Recent Comments
</div>

<div class="side">
<MTEntries recently_commented_on="5">
<a href="<$MTEntryLink$>"><MTEntryTitle></a>
<br />
<MTComments lastn="5">
└ <a href="<$MTEntryLink$>#c<$MTCommentID$>" title="c<$MTCommentID$>">
<MTCommentAuthor></a> <$MTCommentDate format="%m/%d"$><br />
</MTComments>
</MTEntries>
</div>
<!-- 最近のコメント終了 -->

<!-- 最近のトラックバック開始 -->
<div class="sidetitle">
Recent Trackbacks
</div>

<div class="side">
<MTPings lastn="10">
<a href="<$MTPingURL$>" target="_blank" title="t<$MTPingID$>"><$MTPingTitle$></a><br />
from <$MTPingBlogName$> <$MTPingDate format="%m/%d %X"$><br />
</MTPings>
</div>
<!-- 最近のトラックバック終了 -->

</div><!-- /links-left -->
</div><!-- /links-left-box -->
<!-- 左カラム終了 -->

<!-- 中央カラム開始 -->
<div id="content">
<div class="blog">

<!-- タイトル開始 -->
<h2 class="date">プロフィール</h2>
<!-- タイトル終了 -->

<!-- タイトルの内容1開始 -->
<div class="entry">

   <!-- エントリータイトル -->
   <h3 class="entry-header">●名前</h3>

   <!-- エントリー -->
   <div class="entry-content">
      <div class="entry-body">
小粋太郎
      </div>
   </div><!-- /entry-content -->

</div><!-- /entry -->
<!-- タイトルの内容1終了 -->

<!-- タイトルの内容2開始 -->
<div class="entry">

   <!-- エントリータイトル -->
   <h3 class="entry-header">●性別</h3>

   <!-- エントリー -->
   <div class="entry-content">
      <div class="entry-body">
男
      </div>
   </div><!-- /entry-content -->

</div><!-- /entry -->
<!-- タイトルの内容2終了 -->

<!-- タイトルの内容3開始 -->
<div class="entry">

   <!-- エントリータイトル -->
   <h3 class="entry-header">●さらに詳しく</h3>

   <!-- エントリー -->
   <div class="entry-content">
      <div class="entry-body">
あいうえお
      </div>
   </div><!-- /entry-content -->

</div><!-- /entry -->
<!-- タイトルの内容3終了 -->

</div><!-- /blog -->

<!-- 1カラム用フッタ
<div id="footer">
<a href="https://www.koikikukan.com/"><img src="http://user-domain/images/koikikukan.gif" alt="小粋空間" width="128" height="22" /></a> 
<a href="http://www.movabletype.jp"><img src="<$MTBlogURL$>mt-static/images/powered.gif" alt="Movable Type <$MTVersion$>" width="128" height="22" /></a>
</div>
-->

</div><!-- /content -->
<!-- 中央カラム終了 -->

<!-- 右カラム開始 -->
<div id="links-right-box">
<div id="links-right">

<!-- 検索開始 -->
<div class="sidetitle">
Search this site
</div>
 
<div class="side">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<!--<label for="search" accesskey="4">サイト内の検索</label><br />-->
<input id="search" tabindex="5"  accesskey="t" name="search" size="20" value="" /><br />
<input type="submit" tabindex="6" accesskey="s" value="Search" />
</form>
</div>
<!-- 検索終了 -->

<!-- カテゴリーリスト開始 -->
<div class="sidetitle">
Categories
</div>

<!-- 全カテゴリー用 -->
<div class="side">
<MTCategories>
<a href="<$MTCategoryArchiveLink$>">
<$MTCategoryLabel$></a>  [<$MTCategoryCount$>]<br />
</MTCategories>
</div>
<!-- 全カテゴリー用 -->

<!-- サブカテゴリー用
<div class="side">
<div id="categories">
<MTSubCategories>
<MTSubCatIsFirst><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> [<$MTCategoryCount$>]
<MTElse>
<li><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>
</div>
</div>
     サブカテゴリー用 -->
<!-- カテゴリーリスト終了 -->

<!-- 月別アーカイブリスト開始 -->
<div class="sidetitle">
Monthly Archives
</div>

<div class="side">
<MTArchiveList archive_type="Monthly">
<a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a> [<$MTArchiveCount$>]<br />
</MTArchiveList>
</div>
<!-- 月別アーカイブリスト終了 -->

<!-- リンク開始 -->
<div class="sidetitle">
Links
</div>

<div class="side">
ここにリンクを記述
</div>
<!-- リンク終了 -->

<!-- カウンタ -->
<div class="sidetitle">
Counter
</div>
<div class="side-counter">
カウンタ
</div>

<!-- RSSフィード -->
<div class="syndicate">
<a href="<$MTBlogURL$>index.xml">Syndicate this site (XML)</a>
</div>

<!-- CCライセンス -->
<MTBlogIfCCLicense>
<div class="syndicate">
<a href="<$MTBlogCCLicenseURL$>"><img alt="Creative Commons License" border="0" src="<$MTBlogCCLicenseImage$>" /></a><br />
This weblog is licensed under a <a href="<$MTBlogCCLicenseURL$>">Creative Commons License</a>.
</div>
</MTBlogIfCCLicense>

<!-- クレジットバナー -->
<div class="powered">
Powered by<br /><a href="http://www.movabletype.jp">Movable Type <$MTVersion$></a><br />
<a href="https://www.koikikukan.com/"><img src="http://user-domain/images/koikikukan.gif" alt="小粋空間" width="128" height="22" /></a>
</div>

</div><!-- /links-right -->
</div><!-- /links-right-box -->
<!-- 右カラム終了 -->

<br class="clear" />

</div><!-- /box -->

</body>
</html>

リストは3カラム（固定）用の設定になってますので、カラムレイアウトはご自身の設定されているものに合わせて修正してください。

２．テンプレートにコンテンツ記述

タイトルや本文に該当する部分に、プロフィールの内容（コンテンツ）を直接書き込んでください。書き込む場所（=修正する場所）はテンプレートにある下記の青色で示す部分です。

<!-- タイトル開始 -->
<h2 class="date">プロフィール</h2>
<!-- タイトル終了 -->
 
<!-- タイトルの内容1開始 -->
<div class="entry">
 
   <!-- エントリータイトル -->
   <h3 class="entry-header">●名前</h3>
 
   <!-- エントリー -->
   <div class="entry-content">
      <div class="entry-body">
小粋太郎
      </div>
   </div><!-- /entry-content -->
 
</div><!-- /entry -->
<!-- タイトルの内容1終了 -->
 
<!-- タイトルの内容2開始 -->
<div class="entry">
 
   <!-- エントリータイトル -->
   <h3 class="entry-header">●性別</h3>
 
   <!-- エントリー -->
   <div class="entry-content">
      <div class="entry-body">
男
      </div>
   </div><!-- /entry-content -->
 
</div><!-- /entry -->
<!-- タイトルの内容2終了 -->
 
<!-- タイトルの内容3開始 -->
<div class="entry">
 
   <!-- エントリータイトル -->
   <h3 class="entry-header">●さらに詳しく</h3>
 
   <!-- エントリー -->
   <div class="entry-content">
      <div class="entry-body">
あいうえお
      </div>
   </div><!-- /entry-content -->
 
</div><!-- /entry -->
<!-- タイトルの内容3終了 -->

入力および編集後、テンプレートを保存して再構築し、ブラウザより index.html のURL+出力ファイル名でアクセスして表示を確認してください。

３．サイドバーメニューにプロフィールページのリンク設定

メインページ等のサイドメニューやナビゲーションバーにリンクを追加します。フォーマットは各自のメニューのフォーマットに合わせてください。

<div class="side">
<a href="<$MTLink template="Profile">">プロフィール</a>
</div>

リスト中にある MTLink は、template 属性で指定された Profile（これは１項で設定した「テンプレートの名前」です）に該当するファイルを読み込む機能をもっています。
リンク追加後、保存して再構築します。

４．コンテンツのサブタイトル数について

ここでは３つのサブタイトル（名前・性別・さらに詳しく）を入力できるフォーマットを公開していますが、

<!-- タイトルの内容x開始 -->
<div class="entry">
 
   <!-- エントリータイトル -->
   <h3 class="entry-header">●サブタイトル</h3>
 
   <!-- エントリー -->
   <div class="entry-content">
      <div class="entry-body">
サブタイトルの内容
      </div>
   </div><!-- /entry-content -->
 
</div><!-- /entry -->
<!-- タイトルの内容x終了 -->

がひとつのサブタイトル全体を表示する単位ですので、このタグを丸ごと追加すればサブタイトルをお好きなだけ増やすことができます（減らすこともできます）。

2005.12.21 追記
３項のリンク方法を変更しました。

Posted by yujiro このページの先頭に戻る

関連記事をもっと読む

トラックバックURL

このエントリーのトラックバックURL:

トラックバック

≫ プロフィールページ from PARADISE BLOG
ブログに、プロフィールがなかったので即席で？作って見ました。今回は、プロフィール... [続きを読む]

Tracked on February 23, 2006 10:22 PM

≫ プロフィール from vagillge's LINEGE? blog
テンプレートを配布されているサイトで、おもしろそうな、役に立ちそうなものを発見。... [続きを読む]

Tracked on May 16, 2006 7:02 PM

≫ プロフィールページを作ってみる。 from ::: oyazi_blog :::
TypePadではもともとプロフィールのページがあったんですが、Movable... [続きを読む]

Tracked on July 11, 2006 9:58 PM

≫ AboutとLinkを…… from ひねもす MT備忘録
小粋空間さまをふらふらしていたら、 [続きを読む]

Tracked on December 10, 2006 11:06 PM

おひさです。

リンク部分のURLの指定になる、

<$MTBlogURL$>profile.html

の部分は、

<$MTLink template="テンプレート名"$>

が便利なよーな気がします。うちはこの方法で注意書きのページとかをリンクしてたり……

[1] Posted by ちは : December 19, 2005 2:53 AM

＞ちはさん
こんばんは。
ご指摘ありがとうございました。
別途追記しておきますね。

[2] Posted by yujiro : December 20, 2005 1:29 AM

始めまして、ゴンタといいます。

プロフのページをを上記の通りに作ったのですが、何度やっても、

テンプレート「メインページ」の再構築に失敗しました: <MTLink>タグでエラーが発生しました: テンプレート「Profile」が見つかりません

というエラーが出てしまいます。
それと、フッターもなぜかサイドに表示されます。
超初心者で、どうすればいいかわかりません。
よろしくお願いします。

[3] Posted by ゴンタ : March 3, 2006 9:39 AM

＞ゴンタさん
こんにちは。
テンプレートご利用ありがとうございます。
1番目のご質問の件ですが、「テンプレートの名前」欄を「Profile」で保存されていますでしょうか（その名前で表示するテンプレートを探します）。また英文字は半角で設定ください。

2番目のフッターがサイドに表示される件は、フッタ表示の前に

を挿入すれば大丈夫と思われます（崩れている状態でサイトを拝見させて頂ければより適切な回答ができるかもしれません）。

あと勝手ながらBlogPeopleに登録させて頂きました。
以上です。
それではよろしくお願い致します。

[4] Posted by yujiro : March 4, 2006 2:41 PM

ヒャッホ?！山の爺にも出来ました！

事後報告ですが色々と試して勝手に遣っています。
今後も宜しくお願いします。

[5] Posted by yamanojii : March 15, 2006 11:18 PM

＞yamanojiiさん
こんばんは。
ご利用＆ご連絡ありがとうございます。
うまくできたようで良かったです。
ではでは！

[6] Posted by yujiro : March 16, 2006 1:03 AM

テンプレートやカスタマイズで勝手に利用させてもらっております。
MTでサイトを作るとエントリーを追加する度にTOPページの表示が変わりますが
このプロフィールページのようなページを
常にTOPページにアクセスした時に表示させる方法は無いのでしょうか？

[7] Posted by まー : March 19, 2006 3:38 AM

＞まーさん
こんばんは。
ご利用ありがとうございます。
ご質問の件ですが、

TOPページに直接プロフィールを書く
1カテゴリーにプロフィールを書き、TOPにそのカテゴリーだけを表示させる
テンプレートモジュールに書いてインクルードする

が考えられます。
2番目はTOPページのテンプレートに <MTEntries category="xxx"> で指定すれば、特定のカテゴリーをそこに表示させることができます。

3番目はテンプレートのテンプレートモジュールに新しいテンプレートモジュールを作成、必要な内容を記して、TOPページの任意の位置に <$MTInclude module="xxx"$> を記述します。

以上です。
雑駁な回答ですいません（ご不明な点は再度ご連絡ください）。
それではよろしくお願い致します。

[8] Posted by yujiro : March 21, 2006 1:42 AM

こんばんは。ここにコメントでいいのでしょうか？一応関連してると思うのでまた質問させてもらいます。
おととい再構築したときに
「エントリー・アーカイブ「からっぽ」の再構築に失敗しました: テンプレート「エントリー・アーカイブ」の再構築に失敗しました: <MTLink>タグでエラーが発生しました: テンプレート「Text」が見つかりません」　
というエラーメッセージがでました。（テンプレート「Text」っていうのは「プロフィールのページを作る」から引用したもののテンプレート名を変えたものです。「からっぽ」っていうのは記事のﾀｲﾄﾙです。）　エラーが起きたもののサイトは問題なく動作していてます(今のところ)それで、昨日また再構築したら今度は違う記事のﾀｲﾄﾙでエラーが起きました。エントリーアーカイブだけで再構築すると同じエラーが起きるみたいなので、一度エントリーアーカイブのテンプレートを書き直してみましたがそれでも解決できませんでした。何か解決策はありますでしょうか？

[9] Posted by cocoa : April 8, 2006 1:32 AM

＞cocoaさん
こんばんは。
ご質問の件ですが、とりあえずリンクの部分について、

<$MTLink template="Text">

の代わりに

<$MTBlogURL$>profile.php

に変更してみて頂けますでしょうか。

以上です。
それではよろしくお願い致します。

[10] Posted by yujiro : April 8, 2006 2:33 AM

こんばんは。　さっそくやってみましたがだめでした。エントリーアーカイブのところを変えて再構築したら500エラーが起きました。また変える前にもう一度再構築したらやはり違う記事で失敗しました。どうやら古い順にﾀｲﾄﾙが変わってるみたいです。

[11] Posted by cocoa : April 8, 2006 8:33 PM

報告
先ほど、問題を発見しました。再構築に失敗した記事の左右両方のカラムに表示されない箇所がありました。

[12] Posted by cocoa : April 8, 2006 9:32 PM

＞cocoaさん
こんばんは。
ご連絡ありがとうございます。
解決されたようでよかったです。
ではでは！

[13] Posted by yujiro : April 9, 2006 12:23 AM

あぁ、すいません！問題ってのは再構築失敗によって発生した問題のことで未だに解決はされたわけじゃないんです。申し訳ございません。

[14] Posted by cocoa : April 9, 2006 12:59 AM

＞cocoaさん
こんにちは。
早とちりしてしまってすいません。
再確認ですが、April 8, 2006 02:33 AM の回答で不具合が解消されていないということでしょうか。
現在の状況とエラーメッセージ等があれば添えて頂ければ幸いです。

それではよろしくお願い致します。

[15] Posted by yujiro : April 10, 2006 11:32 AM

こんばんは。
ホント申し訳ありません。現状を報告します。
April 8, 2006 02:33 AM の回答を試したところ500エラーが起きたので変更する前に今は戻しています。そして再構築する以下のような再構築失敗の通知がでます。

エントリー・アーカイブ「Ｔｉｔｌｅ」の再構築に失敗しました: テンプレート「エントリー・アーカイブ」の再構築に失敗しました: タグでエラーが発生しました: テンプレート「Text」が見つかりません
　　　　　　　　title:ｴﾝﾄﾘｰﾀｲﾄﾙ

「title」は再構築する度に変わります。だいたいは古いほうから順に変わっていってる感じがします。サイトを確認すると記事が見れないことはないのですが、左右のカラムに表示されるものが表示されません。

以上が今の現状です。特に特別なことをしたわけでも変なことしたわけでもないのにこのような事態に陥ってさっぱり解決の糸口が見つかりません＾＾；どうかお願いします。。

[16] Posted by cocoa : April 10, 2006 11:54 PM

＞cocoaさん
こんにちは。
エントリー・アーカイブにある「最近のコメント」のタグを一旦削除して再構築してみて頂けますでしょうか。
その際、プロフィールページのインクルードはあり（April 8, 2006 02:33 AM の回答あるいは MTLinkのどちら結構ですが両方試して頂けると有り難いです）・なしを試してみてください。

上記で再構築できた場合、500エラーの原因については「最近のコメント」のタグの再構築時のパフォーマンスが影響しているかもしれません。「最近のコメント」の問題についてはMT 3.2でrecently_commented_onとBerkeleyDBに嵌っている人が多い件についてが参考になります。
BerkeleyDB をお使いであれば、MySQL または SQLite への移行をお勧めします。

以上です。
それではよろしくお願い致します。

[17] Posted by yujiro : April 11, 2006 1:17 PM

こんばんは。
さっそく試してみましたが・・・すいません解決できませんでした。　「最近のコメント」のタグを消して　<$MTLink template="Text">　を　<$MTBlogURL$>profile.php　に変えた場合と変えない場合でやったところ。前者だと前回と同じで再構築に失敗しました。で、後者は500エラーになりました。
何度もホント申し訳ありません。自分でも間違ってるところがないか見てるんですが、この再構築失敗のメッセージがいまいちわからないってこともあって・・・。この意味についても説明お願いします。

[18] Posted by cocoa : April 11, 2006 11:44 PM

追加報告
エントリーアーカイブの再構築やすべての再構築といったすべてのエントリーに対する再構築を行うと失敗してしまうようです。管理メニューの「エントリー」というところからひとつずつもう一度「保存」をしたあと自動で再構築される時には何も問題なく通り、サイトで確認すると左右のカラムにもちゃんとﾘﾝｸが載ってました。　たぶんまとめて再構築することに問題があるのだと思うのですがこれができないとつらいです。解決策の参考になれば幸いです。
では、引き続き調査してみます。

[19] Posted by cocoa : April 12, 2006 12:13 AM

＞cocoaさん
こんばんは。
ご連絡ありがとうございます。
解消方法ですが、mt-config.cgi でエントリー・アーカイブの再構築単位を変更することができますので、下記の赤色の値を少なく（10とか5）してみてください。

EntriesPerRebuild 20

繰り返しになりますが、BerkeleyDB は再構築時のパフォーマンスに問題がありますので、可能であれば MySQL または SQLite に変更されることを推奨します。

以上です。
それではよろしくお願い致します。

[20] Posted by yujiro : April 12, 2006 12:25 AM

こんばんは。
cocoa　もとい　Chipmunk です。（ｻｲﾄにこのように書いてしまったので・・。）
yujiroさん！やっと解決できました！！！Ｑ＆Ａに載ってた500エラーの記事も読んでテンプレートをＰＨＰで軽量化したらちゃんとできました。これで悩みの種が消えました。ホント、何度も丁寧なお返事ありがとうございます。

[21] Posted by Chipmunk : April 13, 2006 12:32 AM

＞Chipmunkさん
こんばんは。
ご連絡ありがとうございます。
無事に解消されたようでよかったです。
お疲れ様でした。

再構築NGについてはよく頂く質問なので再度まとめたいと思います。
ではでは。

[22] Posted by yujiro : April 13, 2006 1:13 AM

yukiroさま、ご無沙汰です。以前２カラムのStyleCatcherを３カラムにする方法を教えていただきましたが、上手くいかず３カラムリキッドスタイルにして、エントリーを移行中の者です。
プロフィールを作成するために、「プロフィール」用テンプレートを使いたいのですが、このサイトの既存のスタイルシートへの影響はありませんでしょうか？
よろしくお願いします。

[23] Posted by curator : June 23, 2006 11:26 PM

＞curatorさん
こんばんは。
ご質問の件ですが、スタイルシートへの影響、つまりスタイルシートの変更は必要ありません。
とりあえずお試しになって、なにかありましたらご連絡ください。
それではよろしくお願い致します。

[24] Posted by yujiro : June 24, 2006 12:08 AM

はじめまして、
最近、ココログからMTに移行しまして、現在カスタマイズを研究中です。
早速、プロフィールのページを作りたいと思っていたところ、このページにたどり着きました。

ここを参考にプロフィールページを作ることができました。ありがとうございました。

[25] Posted by ClieistD : June 26, 2006 7:47 PM

＞ClieistDさん
こんばんは。
記事参照＆ご連絡ありがとうございます。
うまくできて良かったです。
ではでは！

[26] Posted by yujiro : June 26, 2006 8:00 PM

初めまして、ｼｵです。

とっても素敵なブログですね。
私もMT使ってるんですが、カスタマイズが上手くいきません（汗

サイドバーにフリースペースを作る場合はどのようにすれば良いのでしょうか？

そこに写真と簡単な自己紹介を貼りたいのですが、なかなか上手くいきません。

どうか、教えてください。
よろしくお願いします。

[27] Posted by s-sato : August 26, 2006 6:30 PM

＞s-satoさん
はじめまして。
ご質問の件につきまして、「上手くいきません」という部分の、具体的な内容をお知らせください（例えば「フリースペースの作成方法自体が分からない」「表示はできるがテキストや画像の位置調整が分からない」等）。
また「フリースペース」とはテンプレートに直接テキストや画像を設定し、それらを表示するエリア、という解釈でよろしいでしょうか。

サイトを拝見させて頂けるのでしたら、Typekeyを一旦サインアウトされて、URL欄を入力して頂ければ、さらに適切なアドバイスができると思います。
それではよろしくお願い致します。

[28] Posted by yujiro : August 27, 2006 12:44 AM

遅くなって本当にすみません！！

URL貼らせて貰いました。

このブログのサイドバーの一番上に、写真入りのプロフィールを表示させたいです。

どうかよろしくお願いします。

[29] Posted by s-sato : September 2, 2006 10:25 PM

＞s-satoさん
こんばんは。
下記の位置に青色部分を追加してみてください。

　　　　：
<!-- 左カラム -->
<div id="left-menu">
  <div  class="left-content">
 
    <div class="site-link">
    <h3>Profile</h3>
      <div>[画像のURL]</div>
      <ul><li>自己紹介内容</li></ul>
    </div>
 
    <!-- サイト内検索 -->
    <div class="search-form">
      <h3>Search</h3>
　　　　　　：

表示内容の詳細が不明ですので画像とテキストをそれぞれ表示するようにしています。

それではよろしくお願い致します。

[30] Posted by yujiro : September 4, 2006 8:45 PM

こんばんは、ｼｵです。

プロフィールに詳細というものを作りたいのですが、どのようにリンクさせればいいのでしょうか？

よろしくお願いします。

[31] Posted by s-sato : September 4, 2006 10:43 PM

＞s-satoさん
こんにちは。
ご質問の件ですが、プロフィールのページ内のひとつの項目として「詳細」を作成し、他のページから直接その項目へリンクを設定したい、という解釈でよろしいでしょうか。

その場合、前のコメントで設定した内容に青色の

　　　　：
<!-- 左カラム -->
<div id="left-menu">
  <div  class="left-content">
 
    <div class="site-link">
    <h3>Profile</h3>
      <div>[画像のURL]</div>
      <ul><li>自己紹介内容</li>
      <li><a href="<$MTLink template="Profile">#detail">詳細</a></li></ul>
    </div>
 
    <!-- サイト内検索 -->
    <div class="search-form">
      <h3>Search</h3>
　　　　　　：

を追加し、プロフィールのページには

<h3 id="detail" class="entry-header">●詳細</h3>

と書けばリンクができると思います。
それではよろしくお願い致します。

[32] Posted by yujiro : September 5, 2006 5:58 PM

返信ありがとうございます。

サイドバーのプロフィールの詳細から直接記事中にリンクしたいのですが、どのようにすれば良いのでしょうか？

記事にプロフィールの詳細を書きたいと考えています。

よろしくお願いします。

[33] Posted by s-sato : September 6, 2006 10:33 PM

＞s-satoさん
こんばんは。
ご質問の件については「MTLink によるページ作成」という記事の「特定のエントリーへのリンク」の説明が参考になると思います。
それではよろしくお願い致します。

[34] Posted by yujiro : September 7, 2006 1:13 AM

yujiro様、本当にありがとうございました。
サイドバーのカスタマイズが無事終了しました。

もう一つ疑問があるのですが、記事の改行についてですが、改行設定を「改行を変換する」にしているのですが、2行まで改行可能なのですが、3行以上の改行ができません。

この場合はどのようにすれば良いのでしょうか？

本当にすみませんが、よろしくお願いします。

[35] Posted by s-sato : September 8, 2006 11:39 PM

＞s-satoさん
こんばんは。
ご質問の件ですが、仕組み上「改行を変換する」を選択している場合、3行以上の空行は無視されてしまいます。
解決策のひとつとして、空行にしない、つまり空行に半角空白を1文字挿入しておけば強制的に改行されますのでお試しください。
それではよろしくお願い致します。

[36] Posted by yujiro : September 10, 2006 7:10 PM

返信遅くなってすみません！

本当にありがとうございました。
助かりました。

これを期に本でも買って勉強したいと思います＾＾；

[37] Posted by s-sato : September 13, 2006 9:00 PM

＞s-satoさん
こんにちは。
ご連絡ありがとうございました。
このサイトでも色々なテクニックを紹介しておりますので機会があれば検索してみてください。
ではでは！

[38] Posted by yujiro : September 14, 2006 10:14 AM

yujiro様、お世話になっております。

相談なのですが、MTブログの勉強をしようと思っているのですが、何か良い書籍はありませんでしょうか？

CSS記述は本当に必要最低限しか分かりません（汗

やりたいことは、
・記事の上にフリースペースを作ること
・アドセンス広告を自由に配置すること
・MTブログをポータルサイトのように綺麗に編集すること
・MTブログの全体的な仕組みを知ること

以上を加味して、何か良い本を紹介して頂けないでしょうか？

難しい注文ですみませんが、よろしくお願いします。

[39] Posted by s-sato : September 30, 2006 8:02 PM

＞s-satoさん
こんにちは。
ご質問の件ですが、「ポータルサイトを作成したい」という条件には「Movable Typeではじめるビジネスブログ・テンプレートブック」が近いのではないかと思われます（紹介記事）。おそらく「MTブログの全体的な仕組みを知ること」も可能と思われます。

「アドセンス広告を自由に配置すること」については「ブログ簡単パワーアップ　Movable Type スーパーカスタマイズテクニック」に簡単な説明文が掲載されていますが最小限の説明にとどめられています。他にも掲載されている書籍があるかもしれませんが、私が知る範囲ではこの1冊です。

「記事の上にフリースペースを作ること」というのは、いわゆる「掲示板」を設置されることを想定されてますでしょうか？いずれにしても Movable Type に掲示板の設置について掲載されている書籍は存じ上げません。

それではよろしくお願い致します。

[40] Posted by yujiro : October 3, 2006 1:02 AM

書籍の紹介ありがとうございました！
参考にさせてもらいます。

フリースペースは、サイトの大まかな紹介とRSSリーダーへの登録を促す文章を書きたいと考えています。
タイトルバーナーと記事の間にです。

よろしくお願いします。

[41] Posted by s-sato : October 3, 2006 10:33 PM

＞s-satoさん
こんばんは。
ご質問の件については申し訳ありませんが該当する書籍が思い当たりません（全てを所有している訳ではありませんのでお許しください）。
中央カラム上部に文章を記述する位置については、別途エントリーしたいと思います。
それではよろしくお願い致します。

[42] Posted by yujiro : October 5, 2006 1:27 AM

分かりました。

本当にありがとうございました。
これからの記事も楽しみにしています。

[43] Posted by s-sato : October 7, 2006 10:03 PM

＞s-satoさん
こんばんは。
ご連絡ありがとうございました。
また何かございましたらご質問ください。
ではでは！

[44] Posted by yujiro : October 9, 2006 2:36 AM

　yujiro　様
　profileを入れたいのですが、ここで紹介してくれている上記の方法でうまくいかないので、テンプレート→モジュールで　「profile」を作成し、その中に上記の　「２．テンプレートにコンテンツ記述」　をコピー記載し、
　テンプレート→index.htmlファイルの左カラム下端又は右カラム下端に
＜ｄｔ　ｃｌａｓｓ＝”ｓｉｄｅｔｉｔｌｅ”＞
ｐｒｏｆｉｌｅ
＜／ｄｔ＞
＜＄ＭＴＩｎｃｌｕｄｅ　ｍｏｄｕｌｅ＝”ｐｒｏｆｉｌｅ”＄＞
と書いて入れようとしました。

　うまくいくはずだと思うんだが駄目みたい。中央欄にお知らせを入れる方法で、
モジュールを使う方法をyujiroさんが教えてくれていますが、この方法の応用はだめなんでしょうか。モジュールで　「profile」を作っても駄目なのかしら。
今は、目下はprofileを全て削除してあります。
　お知恵があれば有り難いです。

[45] Posted by taiyoo : July 23, 2007 9:50 PM

＞taiyooさん
こんにちは。
ご質問の件ですが、「うまくいかない」「駄目」というのは、具体的にどのような事象になりますでしょうか？
記述されている方法で大丈夫な筈なので、なにか設定に誤りがあると思います。不具合の詳細をお知らせください。
それではよろしくお願い致します。

[46] Posted by yujiro : July 27, 2007 11:45 AM

　yujiro　様

　お世話になります。
　profileを表示してみました。左欄の下にあります。

　○、▼の記号は文字をいれる代わりで、敢えて表示してあります。文字化けではありません。○▼などを欄外に出したいのですが、それが出ません。

　なおトラックバックとプロファイル欄との間も窮屈で、１行程度の間合いがほしいところです。

　直りそうですか？

　これができると、profile以外の欄も沢山つくれそうです。

[47] Posted by taiyoo : July 27, 2007 2:41 PM

yujiro　様

おかげさまで、方法がだいたいわかりました。左欄の下に作りました。
　［47］は無視して下さい。やり方が分かりました。
　一つだけお知らせ下さい。文字をもっと小さくする方法と、行間を詰める方法がないでしょうか。をいれたのですが、小さくならないようです。

　それと、トラックバックとプロファイル欄との間が窮屈で、１行程度の間合いがほしいところです。

　直りそうですか？

[48] Posted by taiyoo : July 27, 2007 3:34 PM

［４８］
誤　を入れたのですが

正　＜ＦＯＮＴ　ｓｉｚｅ＝”?１”＞をいれたのですが

[49] Posted by taiyoo : July 27, 2007 6:05 PM

＞taiyooさん
こんばんは。
ご返事遅くなってすいません。
トラックバックとプロファイル欄との間を空けるのであれば

<dt class="sidetitle">
Recent Trackbacks
</dt>
 
<MTIfNonZero tag="BlogPingCount">
<dd class="side">
　　　：
</dd>
</MTIfNonZero>

を下記のように変更してください。

<dt class="sidetitle">
Recent Trackbacks
</dt>
 
<dd class="side">
<MTIfNonZero tag="BlogPingCount">
　　　：
</MTIfNonZero>
</dd>

文字をもっと小さくするのは

body {
    font-size: 100%;
}

の 100% を 80% 等にしてみてください。

行間を変更するのは、エントリーであれば、

.entry {
　　　：
    line-height:1.5;
　　　：
}

の1.5 を 1.2 等、お好きな値に変更してみてください。

[50] Posted by yujiro : August 13, 2007 9:51 PM

yujiro　様

　ありがとうございました。トラックバックとプロファイル欄との間は空きました。すっきりしました。
　文字の大きさの件は、当方で勘違いがあったようです。よくなりました。
　ありがとうございました。
　また何かありましたら、ご相談させて下さい。

[51] Posted by taiyoo : August 23, 2007 1:10 AM

＞taiyooさん
こんにちは。
ご連絡ありがとうございました。
無事直ったようでよかったです。
ではでは！

[52] Posted by yujiro : August 24, 2007 10:25 AM

お世話になっております。

私もプロフィールのページを作りたく検索しました。
すいませんが、質問させてください。

・ＭＴ４の場合　サンプルのテンプレートはどこまで使ったらいいんでしょうか？

やりたいレイアウトは、サイドバーに

・「プロフィール」と他のサイドメニュータイトルと同様に表示させ
・画像
・5行ほどの簡単なプロフィール
・「詳細はこちらへ」とブログ記事へのリンク

というようにしたいと思ってます。

こういう場合、テンプレートを作成すればいいんでしょうか？
デザイン→テンプレート　から、モジュールでしょうか？

わかりそうで、わからなく　モヤモヤしています…

ご指導ください。
よろしくお願いします。

[53] Posted by sato : November 26, 2007 11:04 PM

＞satoさん
こんにちは。
ご質問の件ですが、ご要望の内容をまとめると、

メインページや各アーカイブページのサイドバーに簡単なプロフィールを掲載
1. にプロフィールのページへのリンクあり
2. からリンクされたプロフィール専用のページもある

ということでよろしいでしょうか。

[54] Posted by yujiro

: November 27, 2007 3:47 PM

＞yujiroさん

はい！　その通りです！
一応、他のエントリーで参考になったものがありましたので、
現在、仮でサイドバーを下記の通りにしました。

～

<dt class="sidetitle">プロフィール</dt>
<dd class="side">
名前 
 
出身 
生年月日 
好きなもの 
血液 
趣味

</dd>

～

これで、見た目は　<dt>で囲えたため、他のメニューと同じようになりました。
プロフィール専用ページへのリンクは、<A href>ですね？

しかし、わからないのは、
プロフィール専用ページの作りと、
そのページを表示した場合、トップページ同様コラムも表示されるんでしょうか？

また、この簡単なプロフィール文の部分をモジュール化（呼び方が分かりません）
して、読み込むようにできますでしょうか？

めんどくさい案件で申し訳ありません。
よろしくお願いします。

[55] Posted by sato : November 28, 2007 7:45 PM

＞satoさん
こんにちは。
ご連絡ありがとうございました。
（コメントのタグは修正致しました）
すいませんが少々お時間ください。
それではよろしくお願い致します。

[56] Posted by yujiro

: November 29, 2007 10:47 AM

コメントする

greeting

名前（N）: *必須

メールアドレス（M）: *必須（非表示）

URL（U）:

情報を保存する？

ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

コメント（C）:

[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り（プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り）、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「<」、「>」は「>」と入力してください。例えば「<$MTBlogURL$>」は「<$MTBlogURL$>」となります（全て半角文字）