2003/07/24

新聞社サイト風テンプレート

　MovableTypeで新聞社のサイトみたいなテンプレートは作れるだろうかと思って実験。asahi.comが簡単そうだったので参考にしながら作ってみました。見出しの文章を「～を○○した」にして、新聞社サイトの雰囲気を強調。
ARTIFACT －人工事実－ News Site Ver.
　このページへのアクセスが多いのでちょっと追記。現在は通常の更新をしても、このNews Site Ver.には反映しない設定にしています。生成するHTMLが多いと遅くなってしまうので。

　せっかくなのでテンプレートとスタイルシートを公開します。そうそう、使用条件を忘れてましたが、他の人が使いたいと思った時に誘導できるよう、このページへのリンクをトップページに入れておいてください。テンプレートの中に既に入ってますが、場所は自由です。

　あと、最近質問が多いですが、HTMLやCSSを理解していればわかるような質問、このテンプレート以外のMovable Typeの機能に関するご質問はご遠慮ください。

■Newsテンプレートの解説
・「charset」で文字コードを設定する。
・「概要（excerpt）」にはトップ表示用の見出しを入力する。
・「カテゴリーの説明」には日本語名でのカテゴリ名を入力する。
　参考：BLOG質問箱: カテゴリを日本語名で表示する
■注目記事の解説
・「PICKUP」カテゴリを作る。※大文字で。小文字にしたい場合はテンプレートをいじる
・注目記事に表示させたい記事のサブカテゴリに「PICKUP」を追加する。

■トップの画像表示の解説
・「PHOTO」カテゴリを作る。※大文字で。小文字にしたい場合はテンプレートをいじる
・トップで画像を表示させたい記事のサブカテゴリに「PHOTO」を追加する。
・記事の「概要（excerpt）」にサムネイル画像のIMGタグを入力する。トップで表示させたい文章もここに入力する。

■動かない時は?
・「PHOTO」「PICKUP」カテゴリ（大文字で）を作らないとBuildに失敗する。

■styles-news.cssの解説
・「@charset」で文字コードを設定する。
#menu　上のカテゴリーのメニュー
.headline　カテゴリーの表示レイヤー。IEなら横グラデーションになる
.headbody　ヘッドラインの表示レイヤー。borderで枠を作ったりしてもよし
.titlelogo　タイトルロゴ用。背景としてタイトルロゴをいれている
.titleimg　真ん中の画像のあるレイヤー
.imgtext 画像左側の文字レイヤー。右側に点線を表示
.sidetitle1　内部リンクの見出し
.sidetitle2　外部リンクの見出し

　なるべくCSSでデザインしようと思ったんですが、カラムの中のカラムを再現するのにCSSでは不都合が多いのでTABLEを使ってしまいました。

Newsテンプレート

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

function OpenTrackback (c) {
    window.open(c,
                    'trackback',
                    'width=480,height=480,scrollbars=yes,status=yes');
}
function ChangeArchive (sel) {
    if (sel.options[sel.selectedIndex].value != "") {
        location.href = sel.options[sel.selectedIndex].value;
    }
}
</script>

</head>

<body>

</div>

</MTEntries>
</div>

</td>

</tr></table>

</div>

</div>

<div class="side">
	<MTEntries category="PICKUP" lastn="5">
	<a href="<$MTEntryPermalink$>" title="注目記事"><$MTEntryTitle$></a><br />
	</MTEntries>
</div>

<div class="sidetitle1">
読者の方からのメッセージ
</div>

<div class="sidetitle1">
過去の記事
</div>

<MTArchiveList archive_type="Monthly">
<a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a>
</MTArchiveList>
<a href="archives.html">All Entries</a>
</div>

<div class="sidetitle2">
他サイトからの反応
</div>

<div class="side">
<MTPings lastn="10" sort_order="descend">
<a href="<$MTPingURL$>" target="blank"><$MTPingTitle$></a> from:<$MTPingBlogName$><br />
</MTPings>
</div>

<div class="side">
外部へのリンク
</div>

<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
		<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
		<label for="search" accesskey="4">MovableType部分の検索</label><br />
		<input id="search" name="search" size="20" /><br />
		<input type="submit" value="検索" />
	</form>

</div>

<div class="syndicate">
<a href="index.rdf">Syndicate this site (XML)</a><br />
</div>

<div class="powered">
Powered by<br /><a href="http://www.movabletype.org">Movable Type <$MTVersion$></a><br />
</div>

<div class="sidetitle1">
このサイトについて
</div>

<div class="side">
	○管理人：???<br />
	[E-Mail]???<br />
	○サイト名：???<br />
	○サイトの簡単な説明：???<br />
	○このサイトは<a href="http://artifact-jp.com/">ARTIFACT</a>の<a href="http://artifact-jp.com/mt/archives/200307/newstemplate.html">新聞社サイト風テンプレート</a>を利用しています。（リンクさえあれば変更可能です）
</div>

</div>

</body>
</html>

styles-news.css

@charset "euc-jp";

body {
		font-family: Verdana, Helvetica, sans-serif;
		padding:0px;
		word-break:normal;
		margin:0px;
		background:#FFF;
		color:#000;
		}

a {text-decoration : none ;
		}
	A:link,
	A:visited { color:#0020FF }
	A:active,
	A:hover { color: #FF2000 ;
		text-decoration : none ;
		}

h1, h2, h3 {
		margin: 0px;
		padding: 0px;
	}

table {
		font-size:100%;
		line-height:1.4;
		padding:3px;
		}

.kyocho {
		font-size:120%;
		font-weight: bold ; 
		}

.reduce {
		font-size: 80% ;
		line-height: 1.5 ;
		}

.icon {
		color:#909090;
		font-size: 60% ;
		}

.hide {
		color:#90A0D0;
		background:#90A0D0;
		}

.indent {
		margin-left:30px ;
		}

.line {
		border-bottom: dashed 2px #333;
		}

#global {
		padding:0px;
		margin:0px;
		width:100%;
		}

#banner {
		color:#300;
		background:#FEA402;
		}

#banner a,
	#banner a:link,
	#banner a:visited,
	#banner a:active,
	#banner a:hover {
		font-size:110%;
		font-weight: bold;
		line-height:130%;
		color: #300;
		text-decoration: none;
		}
		
	.description {
		color:#300;
		font-size:100%;
		font-weight:bold;
		text-transform:none;	
		}

#topmenu {
		font-family: "Century Gothic",Vendana,Helvetica,sans-serif; 
		font-weight:bold;
		background:#000;
		color:#FFFFFF;
		font-size:80%;
		line-height:1.4;
		padding:5px;
		padding-left:20%;
		letter-spacing: .2em;
		}

.nonspace {
		font-family: "Century Gothic",Vendana,Helvetica,sans-serif; 
		font-weight:bold;
		font-weight:normal;
		font-size:120%;
		letter-spacing: 0em;
		}

#menu {
		filter: alpha(
			startX=0, startY=0, finishX=0, finishY=40 ,
			opacity=50,finishopacity=100,style=1);
		width:100%;
		font-family: "Century Gothic",Vendana,Helvetica,  sans-serif; 
		background:#000;
		color:#FFF;
		font-size:80%;
		line-height:1.4;
		text-align: center;
		word-break:keep-all;
		}

#menu a {text-decoration : none; }
	#menu a:link ,
	#menu a:visited {color:#FFF; }
	#menu a:active,
	#menu a:hover {
		color:#FF9060;
		text-decoration:none;
		}

#menuleft {
		z-index:2;
		background:#FEA402;
		font-size:80%;
		padding:0px;
		margin:0px;
		margin-bottom:10px;
		}

.titlelogo {
		background-image: url(ロゴ画像のURI) ;
		background-position: left top;
		background-repeat: no-repeat;
		height : 100px;
		}

.topic {
		color:#000000;
		background:#EAEAFF;
		font-weight:normal;
		line-height:1.4;
		padding:10px;
		margin: 10px;
		border: solid 2px #002040;
		}

.topic a {text-decoration : underline; }
	.topic a:link {color:#F05020; }
	.topic a:visited {color:#D03000; }
	.topic a:active,
	.topic a:hover {
		color:#FFAA40;
		text-decoration:underline;
		}

#menucenter {
		z-index: 0;
		padding:0px;
		margin:0px;
		background:#DFD;
		width: 33%;
		float : left;
		inset;
		}

#menuright {
		z-index:1;
		background:#000;
		padding:0px;
		margin:0px;
		}

.titleimg {
		padding:10px;
		font-size:90%;
		line-height:1.4;
		}

.imgtext {
		padding:10px;
		border-right: dashed 2px #999;
		}

.webmaster {
		font-family: "Century Gothic", Vendana,Helvetica, sans-serif;
		color:#000;
		font-size:80%;
		line-height:1.4;
		padding:0px;
		margin:5px 5px 5px;
		}

.news {
		font-family:"Century Gothic",Vendana,Helvetica,  sans-serif; 
		font-weight:bold;
		text-align: center;
		color:#FFF;
		font-size:100%;
		line-height:1.4;
		margin : 3px 20px ;
		padding:3px ;
		background:#405070;
		}

.glay {
		color:#FFF;
		background:#222;
		font-size:80%;
		font-weight:normal;
		line-height:1.4;
		margin:5px;
		padding:5px;
		}

#content {
		z-index:2;
		background:#FFF;
		width: 70%;
		right:0px;
		float :left;
		inset;
		}

#container {
		background:#666;
		}

#links {
		z-index:1;
		width: 30%;
		float :right;
		inset;
		}

.menu {
		font-family:"Century Gothic",Vendana,Helvetica,  sans-serif; 
		font-weight: bold;
		color:#FFFFFF;
		background:#505050;
		font-size:80%;
		line-height:1.4;
		padding:5px;
		margin-bottom:10px;
		letter-spacing: .1em;
		border: solid 2px #000;
		}

.blog {
		padding:15px;
		}

.headbody {
		margin-bottom:10px;
		}

.headline {
		filter: alpha(
			startX=0, startY=0, finishX=500, finishY=0 ,
			opacity=100,finishopacity=0,style=1);
		width:95%;
		margin-top:10px;
		margin-bottom:5px;
		padding:5px 10px;
		font-weight: bold;
		color:#000;
		background:#C0C0C0;
		border-top: solid 2px #FF4010;
		}

.blogbody {
		color:#300000;
		background:#FFFFED;
		font-size:95%;
		font-weight:normal;
		line-height:1.5;
		padding:10px;
		margin-bottom: 5px;
		border: solid 2px #003366;
		}

.blogbody a {text-decoration : underline; }
	.blogbody a:link {color:#F05020; }
	.blogbody a:visited {color:#005DD0; }
	.blogbody a:active,
	.blogbody a:hover {
		color:#FFAA40;
		text-decoration:underline;
			}

.blogbody blockquote {
		font-size:95%;
		color:#300000;
		background:#FFF;
		margin : 5px 2em;
		padding : 5px;
		border: dashed 2px #001037;
		width: auto;
		}

.blogbody quotedtitle {
		margin-bottom: 4px;
		font-size:100%;
		border-bottom: 2px dashed #B9B9B9;
		position: relative;
		width: auto;
		}

.title	{ 
		font-weight: bold  ;
		font-size: 120%; 
		margin-top:15px;
		margin-bottom:5px;
		color: #000; 	
		border-bottom:1px solid #001037;
		}

.date	{ 
		font-family: "Times New Roman", Times , serif; 
		font-size: 110%;
		color: #FF7B00; 
		border-bottom:1px solid #FF7B00;
		margin-top: 1.5em;
		margin-bottom:0.8em;
		}			
		
	.posted	{ 
		font-size: x-small; 
		color: #003366; 
		text-align: right;
		margin-top: 20px;
		margin-bottom:10px;
		}
		
		
	.calendar {
		color:#FFF;
		font-size:x-small;
		font-weight:normal;
		line-height:1.4;
		padding:2px;
		text-align:center;	
		}
	
	.calendarhead {	
		color:#FFF;
		font-size:x-small;
		font-weight:bold;
		line-height:1.4;
		padding:2px;
		}	
	
	.side {
		color:#000;
		background:#FFF;
		font-size:90%;
		font-weight:normal;
		line-height:1.4;
		padding: 0.5em;
		}

.sidetitle {
		font-family:"Century Gothic",Vendana, Arial,Helvetica,  sans-serif; 
		font-weight: bold;
		text-align: center;
		color:#000030;
		font-size:80%;
		line-height:1.4;
		letter-spacing: .2em;
		background:#0080FF;
		border-top: solid 2px #70D0FF;
		border-bottom: solid 2px #0040A0;
		}

.sidetitle1 {
		font-family:"Century Gothic",Vendana, Arial,Helvetica,  sans-serif; 
		font-weight: bold;
		text-align: center;
		margin-top:10px;
		color:#000;
		font-size:100%;
		line-height:1.4;
		letter-spacing: .2em;
		background:#70D0FF;
		border-top: solid 2px #0080FF;
		}

.sidetitle2 {
		font-family:"Century Gothic",Vendana, Arial,Helvetica,  sans-serif; 
		font-weight: bold;
		text-align: center;
		margin-top:10px;
		color:#000;
		font-size:100%;
		line-height:1.4;
		letter-spacing: .2em;
		background:#FFD060;
		border-top: solid 2px #FEA000;
		}		
	
	.syndicate {
		font-size:x-small;
		font-weight:bold;		
		line-height:1.4;
		padding:2px;
		margin-top:10px;
		text-align:center;
 		}

.powered {
		color:#000;
		font-size:x-small;
		font-weight:bold;
		border:3px solid #999;
		line-height:1.4;
		text-transform:uppercase; 
		padding:2px;
		margin:5px;
		text-align:center;
		letter-spacing: .1em;
		background:#6060D9;
		}

.comments-head	{ 
		font-family:"Century Gothic",Vendana, Arial,Helvetica,  sans-serif; 
		font-size: x-small ; 
		color: #000030; 
		letter-spacing: .1em;
		padding : 10px;
		padding-top:0px;
		padding-bottom:0px;
		border: solid 2px #003090;
		background:#90D0FF;		
		}

.comments-body {
		background:#CFF;		
		color:#000030;
		font-size:85%;
		font-weight:normal;
		line-height:1.5;
 		padding:10px;
		border-bottom: solid 2px #003090;
		border-right: solid 2px #003090;
		border-left: solid 2px #003090;
		}

.comments-post {
		color:#000030;
		font-size:90%;
		font-weight:normal;
		}

.trackback-title {
		font-family:"Century Gothic",Vendana,Arial, Helvetica,  sans-serif; 
		font-size: 90% ; 
		color:#300000;
		letter-spacing: .1em;
		background:#FF7050;
		padding : 10px;
		padding-top:0px;
		padding-bottom:0px;
		border:2px solid #300; 	
		}

.trackback-head {
		font-family:"Century Gothic",Vendana, Arial,Helvetica,  sans-serif; 
		font-size: 90% ; 
		color:#300000;
		background:#CCC;
		padding : 10px;
		padding-top:0px;
		padding-bottom:0px;
		border-right:2px solid #300000; 	
		border-left:2px solid #300000; 	
		border-bottom:2px solid #300000; 	
		}

.trackback-body {
		color:#FFF;
		background:#303030;
		font-size:85%;
		font-weight:normal;
		line-height:1.4;
		padding:10px;
		border-right:2px solid #300000; 	
		border-left:2px solid #300000; 	
		border-bottom:2px solid #300000; 	
		}

.trackback-url {
		color:#FFF;
		background:#300000;
		font-size:100%;
		font-weight:normal;
		line-height:1.4;
 		padding:5px;	
		}

.hzldiv {
		width:180px;
		padding-right:15px;
		margin-right:15px;
		float:left;
		text-align:left;
		border-right:1px dotted #444;
		}

.trackback-post {
		color:#FFF;
		font-size:100%;
		font-weight:normal;
		}

#banner-commentspop {
		color:#FFF;
		font-size:120%;
		font-weight:bold;
		border-left:1px solid #FFF;	
		border-right:1px solid #FFF;
		border-top:1px solid #FFF;
		background:#993300;
		padding-left:15px;
		padding-right:15px;
		padding-top:5px;
		padding-bottom:5px;
		}

textarea {
		font-family : "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3" , Osaka , sans-serif;
		line-height:1.3;
		font-size:110%;
		}

input {
		font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3" , Osaka , sans-serif;
		}

投稿者 : 加野瀬　投稿日 : 2003/07/24 14:02 　|　TrackBack (42) 　|　［MovableType］ , ［注目記事］
はてなブックマークでこの記事に関する言及を見る
blogmapでこの記事に関する言及を見る

Amazon Search
－この記事に関連しているかもしれない書籍－

Comments

投稿者 : 余丁町散人　投稿日 : 2003/07/27 11:49

一覧性があってすごーく良いですね。iBlog でもこういうスタイルシートが欲しいです。

投稿者 : nati　投稿日 : 2003/09/08 21:54

ニュースのテンプレを使用してみたのですが、
「テンプレート 'Main Index' の作成に失敗しました: 」と表示されて再構築できません。テンプレをコピペするだけではだめなのでしょうか？

投稿者 : 加野瀬　投稿日 : 2003/09/08 22:09

テンプレートのコピー&ペーストでも動くはずですが、Rebuildエラーにメッセージは出てませんか?　それがないと原因は究明しにくいです。
問題なく使っている方もいらっしゃいますし、最初の注意通りにEntryを作成すれば、問題はないはずです。

投稿者 : nati　投稿日 : 2003/09/09 03:37

もういっかいやってみます。

投稿者 : 半ライス大盛り　投稿日 : 2003/09/16 12:02

私もnatiさんと同じ症状が出ます。
テンプレートをコピー&ペーストし、SAVEした後REBUILDすると「index ページを Rebuild 中..」までは順調にくるのですが、
そこで「An error occurred:Template 'Main Index' の作成に失敗しました: 」と表示されストップしてしまいます・・・

投稿者 : 加野瀬　投稿日 : 2003/09/16 13:21

念のため、このソースで新規にページを作ってみましたけど、問題なかったです。
テンプレートを使用した方で何か修正が必要だったという方がいるのなら、ぜひ情報をー。

メッセージを見る限り、タグの閉じ忘れなどの構文エラーはないみたいなんで、カテゴリー関係が怪しそうです。カテゴリーに日本語名を使うための方法として、BLOG質問箱で紹介された下記の方法を使っています。
http://www.mylog.jp/blogs/q-box/archives/000494.html
「カテゴリーの説明」という項目にデータがないとエラーを出すのかも?

投稿者 : ひが　投稿日 : 2003/09/16 14:06

同じ症状だったのですが、

> トップの画像表示の解説
> ・「PHOTO」カテゴリを作る。※大文字で。小文字にしたい場合はテンプレートをいじる

「PHOTO」カテゴリを作ったら、うまく行きました。

投稿者 : 加野瀬　投稿日 : 2003/09/16 14:13

ひがさん、ありがとうございますー。
エラーメッセージももうちょっと親切に言ってくれればいいのに…。

投稿者 : 由良　投稿日 : 2003/09/23 20:15

FANページに使わせていただきました。すっきりと簡潔で，おまけにかっこいいという素晴らしいテンプレートを公開してくださってありがとうございます。

投稿者 : HouRaiDou　投稿日 : 2003/11/05 23:58

参考までに……。
私も最初、テンプレートをコピー&ペーストし、SAVEした後REBUILDすると「index ページを Rebuild 中..」までは順調にくるのですが、
そこで「An error occurred:Template 'Main Index' の作成に失敗しました: 」と表示されストップしてしまう現象が出ましたが、ソースを少し手直ししました。
自分のサイトでは、月間表示を行わず週間表示だったので、MonthlyをWeeklyに変えたらすんなりリビルドできました。

投稿者 : show　投稿日 : 2003/12/04 02:00

私も模倣犯ですが、今日はじめて試しています。ところが注目記事への書き込み方法がわかりません。どこかを触るのかなと思っていろいろしましたが、判りません。教えてもらえるでしょうか？

投稿者 : 加野瀬　投稿日 : 2003/12/13 14:32

「注目記事」はMTの機能を使ってはいません。単純にテンプレートファイルの中に書き込むだけです。

投稿者 : show　投稿日 : 2003/12/25 06:52

暫く忙しくて見ていませんでした。ご返事ありがとうございます。もう一度教えてもらいたいのですが、注目記事のところに、例えばカテゴリーに注目記事を作って、そのカテゴリーを表示させたいのですが、どうしたら良いのでしょうか？

投稿者 : 加野瀬　投稿日 : 2003/12/25 13:01

注目カテゴリを表示させたいのでしたら、これもテンプレートファイルに注目させたいカテゴリのURIを書き込めばokです。もしかして注目カテゴリの記事タイトルも表示させたいということでしょうか？

投稿者 : show　投稿日 : 2003/12/26 07:57

そうです。まんなかのPHOTO　カテゴリーのように表示させたいのです。そのためにスタイルシートをはじめて勉強したのですが、独学にも限りがあってうまくいきません。
勝手なお願いだとは思うのですが、教えてもらえませんでしょうか？

投稿者 : 加野瀬　投稿日 : 2003/12/26 17:30

それにはMovableTypeの独自タグを使うことになります。

XXXに表示させたいカテゴリ名を入れます。カテゴリ名が英数字でないと多分ダメだと思います。
タグを書いて思いついたんですが、既存のカテゴリとは別に注目記事のカテゴリを作り、それをサブカテゴリにすると作業が楽になってよさそうです。

投稿者 : show　投稿日 : 2003/12/27 06:04

ありがとうございました。出来ました。これでほかの所もいろいろとチャレンジできます。ところで既存のカテゴリとは別に注目記事のカテゴリを作り、それをサブカテゴリにすると作業が楽になってよさそうです。と教えてくれたのですが、これの仕方も教えてもらえるでしょうか？この正月の間に私のページをのんびりと完成させる予定ですが、ひょっとしたら年内に出来るかもしれません。本当にありがとうございました。

投稿者 : 加野瀬　投稿日 : 2003/12/27 14:53

Movable Typeのエントリー編集画面のカテゴリーの横に「複数のカテゴリを設定する」というリンクがあります。こちらに、別のカテゴリを設定します。
詳しくはマニュアルをご覧ください。
http://kompeito.org/~takayama/mtdoc-jp/mtmanual.html
http://www.cyberoz.net/city/as/translation/MT/

投稿者 : show　投稿日 : 2003/12/30 05:42

今までのデーターで一応作成を開始してみます。
うまく出来るかどうか判りませんが、何とかなるでしょう。
また何かあれば質問しても良いでしょうか？
あまりにも勉強不足で基礎的な質問ばかりしましたが、それにもかかわらず丁寧な回答をありがとうございました。

投稿者 : hazu　投稿日 : 2003/12/30 23:06

すいません、教えてください。「テンプレート 'News Index' の作成に失敗しました:」と
メッセージが構築の際にどうしても出ます。
初歩的質問ですが、Newsテンプレートは新規でテンプレートを作ってファイル名は
ｉｎｄｅｘ．htmlにするのですか、news.htmlにするのですか。
また、styles-news.cssを新規でつくってファイル名をstyles-news.cssで保存するのですか。
styles-site.cssはそのまま残しておくのですか。教えてください。

投稿者 : 加野瀬　投稿日 : 2003/12/31 02:20

＞showさん
テンプレートが動かないという問題に関してはお答えしますが、それ以上はMovable Typeに関する質問ですので、Blog Users MLやBLOG質問箱でお願いします。
http://www.dropcontrol.com/~salvageship/blog_ml/
http://www.mylog.jp/blogs/q-box/

＞hazuさん
PHOTOカテゴリは作りましたでしょうか。作ってないと作成に失敗すると上のほうで報告があります。
news.htmlだと、Homeに戻る時に問題が起こりますので、index.htmlのほうがいいでしょう。
スタイルシートは、メインのテンプレートをみるとわかりますが、style-news.cssで指定しています。他のファイルネームがいい場合はテンプレートを書き換えてください。

投稿者 : alex　投稿日 : 2004/06/15 14:28

はじめまして、このテンプレートを使ってみたのですが、文字ばけしてしまいました・・・どうしてなんでしょう？すごい初歩的な質問でごめんなさい・・・。

投稿者 : 加野瀬　投稿日 : 2004/06/16 13:57

「@charset」で文字コードを正しく設定してないと思われます。
そういえば、文字コードのタグがあったような…と思って、調べたんですが、ちょっと不明でした。知っている方がいましたら情報お願いします。

投稿者 : uchy　投稿日 : 2004/07/07 21:39

突然のご質問で失礼します。文字中心の良いテンプレートを探しており、こちらにたどりつきました。試しに導入させていただき試行錯誤させていただいております。そこでご質問なのですが、副カテゴリとして「PHOTO」を指定したテントリーは、同時にメイン記事としても表示されるのですが、「PHOTO」を指定したテントリーを、その時のメイン記事に表示しないことは可能でしょうか？また、副カテゴリのみ指定したい「PICKUP、PHOTO」のカテゴリ表示が最新記事の下に、他のメインカテゴリと一緒に一覧で表示されているのですが、「PICKUP、PHOTO」の表示のみ省くにはどのような手順が必要でしょうか？最後になりましたが、すばらしいテンプレートのご提供に感謝します！！！

投稿者 : 加野瀬　投稿日 : 2004/07/10 01:30

確かにそれは気になる点なのですが、それを解決するためには「特定のカテゴリを表示しない」プラグインが必要なため、あえて使いませんでした。
http://artifact-jp.com/mt/archives/200308/catcategory.html
こちらで紹介している特定のカテゴリを表示させないプラグインを使って、テンプレートを改造していたければと思います。ただ、この記事でリンクしている先の記事は消えてしまっております。
「CatEntries」と「FilterCategories」では複数のカテゴリの指定方法が違うという話だったので、マニュアルをよく読んだ方がいいと思います。

投稿者 : uchy　投稿日 : 2004/07/11 22:18

なるほど～、「特定のカテゴリを表示させないプラグイン」があるのですね！！なるほど～。ご紹介していただいた記事を参考に、テンプレートを改造してみます。ご助言ありがとうございました。

投稿者 : nonno　投稿日 : 2004/07/16 23:05

はじめまして、リンクをいろいろ辿ってココに辿り着きました。
かっこいいテンプレートなので、ぜひ使いたいと思い、導入してみましたが表示できないでいます。

MTは2.661で文字コードはUTF-8、PHOTOカテゴリもPICKUPカテゴリも作成済です。

このページのコードをコピー＆ペーストでMain IndexとStyleSheetに移植して、文字コードをUTF-8にし、styles-site.cssをstyles-news.cssとして書き出す様にしたのですが、リビルドしてみると、トップページはプレーンテキストを素のままブラウザで開いた時の様な表示しかしません。
リンク部分も色は変わりますが、リンクになっていないし…。

この場合、どこが悪いのでしょうか。スタイルシートの置き場所も間違っていないようですし、もう八方ふさがりになってしまいました。

ちなみに、サイトはそのまんまにしてあります。
こんな感じです。
http://green.s53.xrea.com/

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

投稿者 : kawai　投稿日 : 2004/09/22 01:10

サイトを構築するにあたって、このテンプレートを利用させていただきました。ワタシのサイトのように、MT 2.X への需要はまだあるのでしょうが、テンプレートは次々に 3.X 対応へと移っていってしまい、2.X 用が削除されているようです。さびしい限りです。ともあれ、ありがとうございました。

投稿者 : hidepo　投稿日 : 2004/10/16 02:14

movabletype3.0でもテンプレート使用できましたー！
ココを見つけてはや一年近く。。。。。
ようやく導入できました！

すばらしいテンプレート、ありがとうございます。

http://mog.cc/mt/

投稿者 : From Korea　投稿日 : 2004/11/11 00:46

　はじめまして。
　よいテンプレートをありがとうございます。

　このテンプレートの一番上の部分にタイトルロゴを画像で入れるにはどうしたらよいですか。

　ここのサンプルサイトの画像は「artifact_logo.png」となっていますが、indexファイルを見ても、指定されていないようですので、どこに入れたらよいのかわからず迷っています。

　韓国からです。よろしくお願いします。

投稿者 : From Korea　投稿日 : 2004/11/11 00:46

　はじめまして。
　よいテンプレートをありがとうございます。

　このテンプレートの一番上の部分にタイトルロゴを画像で入れるにはどうしたらよいですか。

　韓国からです。よろしくお願いします。

投稿者 : 加野瀬　投稿日 : 2004/11/21 22:41

コメント書いたのにアップし忘れてました…。

スタイルシートのCLASS「.titlelogo」の「background-image」でロゴ画像のURLを指定してます。
画像の高さを考慮して「height」を決めてください。
また、index.htmlにロゴ画像を組み込んでも問題ありません。スタイルシートでやっているのは変更する時に楽かなと思ったもので。

投稿者 : From Korea　投稿日 : 2004/11/23 22:50

　加野瀬さま

　返事ありがとうございます。
　早速やってみます！

投稿者 : kenta　投稿日 : 2005/02/06 11:38

こんにちわこのサイトのﾃﾝﾌﾟﾚｰﾄを使ってみたのですが
文字だけの変なページになってしまいました。
http://www.search.sakura.ne.jp/mt/
ここなのですがどうすればよいでしょうか？

投稿者 : 加野瀬　投稿日 : 2005/02/06 11:50

ページを見ると、スタイルシートが適用されてないので、
・style-news.cssのファイルがアップされてない
・CSSのファイルネームを変えているのなら、indexページのCSSのファイルネームの指定が間違っている
だと思います。

投稿者 : なべ　投稿日 : 2005/02/11 16:36

質問です、

どうしても最新記事の欄がなにも表示されません。
この欄はどうしたら表示されるのでしょうか？？

投稿者 : 加野瀬　投稿日 : 2005/02/12 03:27

普通に記事があれば、表示されるはずです。
何も記事がなかったら当然表示はされません。

投稿者 : akky　投稿日 : 2005/02/12 22:51

このテンプレートを導入しようと思っているのですが、乱れるところがあるようです。
★Newsテンプレート
「◆最新記事」の前に＜／ｄｉｖ＞が必要では？（大文字です。すみません）

また、＜ｈ１＞の直下に＜ｈ３＞があるので、HTML文法上、正しくないようですが？

いかがでしょうか？

投稿者 : Jefferson Watkins　投稿日 : 2006/11/12 19:53

TV host Oprah Winfrey gives audience members $1,000 (�526) each to donate to a charitable cause...

投稿者 : Trent Mcreynolds　投稿日 : 2006/11/13 01:32

TV host Oprah Winfrey gives audience members $1,000 (�526) each to donate to a charitable cause...

投稿者 : Trent Mcreynolds　投稿日 : 2006/11/13 01:33

TV host Oprah Winfrey gives audience members $1,000 (�526) each to donate to a charitable cause...

投稿者 : Keon　投稿日 : 2006/11/20 11:23

medusa cerro maggiore offerta lavoro amandola http://lazzero.info/contatto/24.html
quando volveras mp3 fornitore prodotto cosmetico professionale http://girolamo.info/hobby/46.html
video decapitazione acquistare libri online http://girolamo.info/mondo/80.html
volo roccabascerana lenti transition http://cenni.info/guestbook/68.html
fbi protezione testimonio tante storia giocare http://girolamo.info/sogni/23.html
voli aerei online on line giochi bimbi online http://salvadore.info/immagini/61.html
fermo amministrativo opposizione scheda madre socket a http://girolamo.info/blog/9.html
regole per avere successo hit mania dance champion 97 http://lazzero.info/sogni/62.html
formazione corsi romana auto http://girolamo.info/blog/79.html
ossigenoterapia iperbarica agriturismo albinia http://miniato.info/diploma/67.html
architetto moderni 12 fatiche ercole http://salvadore.info/agenda/17.html
questura poliziadistato agriturismo erba http://salvadore.info/contatto/98.html

投稿者 : Infant　投稿日 : 2006/11/20 12:26

TrackBack　－この記事に言及したサイト－

<>しんぶーん

Weblog: ■ヒビノアワ■　Tracked: 2003/07/24 14:31
Excerpt: ARTIFACT †人工事実† | 新聞社サイト風テンプレート新聞社のサイトみたいなテンプレートは作れるだろうかと思って実験。見出しは新聞みたいな感じにして、雰囲気を出してみました。このテンプレート面白いです。ほんとニュースサイト風。 MT使ってるサイトはどれもデ...

<>コンパニオンバード新聞

Weblog: eblog　Tracked: 2003/07/25 03:30
Excerpt: 実はずっとやってみたくて、結局頓挫していたことがあったのですが、MovableTypeと、今日公開された「ARTIFACT」さんのテンプレートのおかげで、なんとか形にすることができました。 http://www.c-plusc.com/bird/ 多分私のサイトに訪れる方の大半は、ガジェット好きとか�...

<>新blog「J.V.N.C.」

Weblog: talk to oneself 2　Tracked: 2003/07/27 00:38
Excerpt: 　勢い余ってこんなものを作ってしまいました。・J.V.N.C.(Japan Volleyball News Clip) 　サイト名の通り、日本のバレーボールに関するニュースを出来る限り拾い集めてみようと思ってます。　テンプレートは、「ARTIFACT －人工事実－」で公開されている新聞社サイト風...

<>こんなデザイン

Weblog: DriveCafe　Tracked: 2003/08/12 10:46
Excerpt: ARTIFACT 〓人工事実〓 | 新聞社サイト風テンプレートちょっと驚き。 CMSだとありがちですけど、BLOGでこんな風にされると新鮮です。私はまだそこまでたどり着けません。 XOOPSなどのCMS系ばかりを追いかけてましたが、WEBの住人からの認知度やコンテンツの充実はBLOGの�...

<>テンプレートを変更する

Weblog: but, blog　Tracked: 2003/09/08 01:35
Excerpt: ARTIFACT －人工事実－ | 新聞社サイト風テンプレートを参考にちろっといじって見ようと思います。でも今日はちょっとお休み。...

<>模様替えしました

Weblog: I Think So 思う。　Tracked: 2003/09/12 12:54
Excerpt: Indexページのみ、模様替えしました。模様替えにあたってはARTIFACT 〓人工事実〓 | 新聞社サイト風テンプレートで公開してくださってるテンプレートを参考に、といいますか、ほぼそのままベースで使わせていただいております。

<>MTお手入れ色々

Weblog: ホンの愉しみ　Tracked: 2003/09/23 22:41
Excerpt: 恐がり　模倣犯さんを見て，MT Tips - mt.cfgでサーバーのタイムアウトを防ぐを実施。 MYBLOG　JAPANと，MLにURL変更のお願いを出す。上橋菜穂子FANサイトのURL変更届けをyahooに出す。 FANサイトの方を，ARTIFACTさんの新聞社風テンプレートを利用。すっきりしました。 ...

<>MTのテンプレ作成

Weblog: α万屋　Tracked: 2003/10/07 22:27
Excerpt: ARTIFACT 〓人工事実〓 | 新聞社サイト風テンプレート↑お気に入りでし。http://www.ablog.info/mt/archives/000032.htmテンプレリンク http://gibson.lolipop.jp/g/archives/cat_weblog.html同上 http://2xup.boo.jp/archives/stylesheet/3_column_css.php2xup テンプレ�...

<>新聞社サイト風テンプレート

Weblog: MT Memo　Tracked: 2003/10/25 14:19
Excerpt: ARTIFACT 〓人工事実〓 | 新聞社サイト風テンプレートMovableTypeで新聞社のサイトみたいなテンプレートは作れるだろうかと思って実験。asahi.comが簡単そうだったので参考にしながら作ってみました。見出しの文章を「〓を○○した」にして、新聞社サイトの雰囲気を強調。...

<>改装してBLOGに

Weblog: TIPS BLOG　Tracked: 2003/11/29 16:15
Excerpt: これまでHTMLを使用してサイトを構築してきたが、BLOGでサイトを作ってみることにした。

<>デザイン変更

Weblog: IGALOG　Tracked: 2003/11/29 17:51
Excerpt: 私の目指すデザインが既に公開されていました(笑) 新聞社サイト風デザイン　by ARTIFACT...

<>ここを参考にしてます

Weblog: MyNews　Tracked: 2004/01/06 14:11
Excerpt: 私もパクリですが、とりあえずオープンしましたよん。

<>レイアウト変更

Weblog: gogooglegoo　Tracked: 2004/01/19 06:37
Excerpt: ARTIFACT －人工事実－ | 新聞社サイト風テンプレートや bird.dip.jp: Collect Plugin を参考に、レイアウトを変更。最近のエントリーの表示位置に、若干不満はあるものの、とりあえず完了。 MovableTypeのプラグインってかなり普及しているのかな？なんなら、なにか適...

<>かっちょえー

Weblog: はぢめ雑記張　Tracked: 2004/02/20 21:26
Excerpt: ARTIFACT 〓人工事実〓 | 新聞社サイト風テンプレート新聞社サイト風テンプレートこれいいねぇ。子ども会ニュース。こういうのにしようかなぁ。...

<>新聞社サイト風テンプレート

Weblog: 出会い系情報攻略法/編集記　Tracked: 2004/02/28 22:44
Excerpt: Newsテンプレートです。これはすごく参考になります。 http://artifact-jp.com/mt/archives/200307/newstemplate.html...

<>新聞社風テンプレート

Weblog: KUMALOG　Tracked: 2004/03/19 16:35
Excerpt: MovableTypeを初めたばかりで、味気ないデフォルトのページを見て、いろいろ探していたら、ここを偶然見つけて、この新聞社風テンプレートを試行錯誤で挑戦してみました。説明が書いてあるとおりに作業を行っても、Main Indexの構築に失敗してしまい、SQLやらカテゴリ作成...

<>ちょこっと、文の内容をトップに表示

Weblog: X *ole.net　Tracked: 2004/04/04 00:34
Excerpt: 私のページのような、トップページにちょっとだけ文の内容を書いて、残りはアーカイブに飛んでもらうようにするには＜$MTEntryBody words="1"> ＜a href="＜$MTEntryPermalink$>">>> 続きを読む＜/a> このようにMTEntryBodyの中身に　words="x"　を追...

<>ブログツールでアフィリエイト

Weblog: ＳａｄａｎｏＷｅｂｌｏｇｂｙＭｏｖａｂｌｅＴｙｐｅ　Tracked: 2004/04/30 10:47
Excerpt: ブログツールであるＭｏｖａｂｌｅＴｙｐｅを改造し金融ジャンルのアフィリエイトサイトをつくる。ＭｏｖａｂｌｅＴｙｐｅはテンプレート、プラグインなどによる豊富な拡張性がある。このツールを使ってアフィリエイト専用のサイトをつくりあげるとどうなるか、実際にサ...

<>ARTIFACT-人工事実-のCSS導入

Weblog: Alphawave News Archives　Tracked: 2004/05/06 15:52
Excerpt: 見易い感じのサイトを目指すためにARTIFACT-人工事実-さんのテンプレート並びにCSSを採用。

<>新型のデザイン詳細

Weblog: マガジーンズ・技術フォーラム　Tracked: 2004/05/12 15:34
Excerpt: 新型マガジーンズ　バージョン３．０はできるだけ、ブログらしくない感じのデザインを心がけました。複数のライターで書いてますので、ニュースサイトっぽくしたかったんですね。参考にしたのは CNETJAPAN　ARTIFACT新聞社風サイトです。そして、堅苦しく�...

<>CSS変更

Weblog: たくみの日記帳：へたれ起業家奔走記　Tracked: 2004/05/26 21:37
Excerpt: このページの design を少し変更しました。 ARTIFACT-人工事実-のstyles-news.cssを利用 @charset "euc-jp"; body { font-family: Verdana, Helvetica, sans-serif; padding:0px; word-break:normal; margin:0px; background:#FFF; color:#000; } a {text-decoration : no...

<>新聞社サイト風テンプレートＮＥＯ

Weblog: グレート・マーケティング・マスターへの道　Tracked: 2004/05/30 14:51
Excerpt: またしても、マーケティングとは関係のない記事ばかり書いてしまう・・・。どうもブログでは関係のない話に走りがちなので、そのうちメールマガジンでも発行して、そっちでまじめな話は書くかな・・？さて、脱線したついでに、また別の話。少し前、VentureNOW！風のブロ...

<>実はカテゴリー毎の画面を

Weblog: OH！MYふぇ〓ばりっと　Tracked: 2004/06/25 10:36
Excerpt: 修正中なんだけど、旨くいかない… イメージ的には表紙のような感じで、本文が映らなくてもいいような感じにしたいのだけど、ここをみていじったり、カテゴリーのアーカイブのテンプレートにインデックスのテンプレートの本文の部分をコピーペーストしたり、｢それだけじ�...

<>メイン表示方法一部変えてみる

Weblog: Magic White　Tracked: 2004/09/05 15:07
Excerpt: 軽量化を一応目指しており（汗。最新記事以外は、記事全文表示やめてみました。カテゴ...

<>新聞社風テンプレート導入完了。

Weblog: 織姫blog　Tracked: 2004/09/08 21:37
Excerpt: ARTIFACTの加野瀬さんが公開された新聞社風テンプレートを導入しました。...

<>ブログのテンプレートを探す

Weblog: blog　Tracked: 2004/09/15 03:50
Excerpt: サーバー移転をきっかけにブログを始めることになったんですが、デフォルトのテンプレートに満足できずにテンプレート探しの旅へ。現在使っているテンプレートにたどり着くまでの顛末と私のテンプレート選びのポイントを書いてみました。

<>†††††††††††

Weblog: †††††Ģ　Tracked: 2004/09/22 04:55
Excerpt: ††††撬t†††††††††††††††††ä††鹹†††††††††††С†

<>ＣＯＯＬなテンプレート

Weblog: 高原のお店屋さん　Tracked: 2004/10/05 10:27
Excerpt: ARTIFACT ―人工事実― | 新聞社サイト風テンプレートここまで、出来る...

<>テンプレートの配布先一覧　ｂｙ　MT3.0

Weblog: Tori's Web-log　Tracked: 2004/10/07 10:35
Excerpt: テンプレートの配布先一覧。どうもありがとうございます！本当はトラックバックすれ...

<>テンプレート導入

Weblog: ユリーカ！??仏陀の悟りに到る道??　Tracked: 2004/10/31 18:38
Excerpt: デフォルトのテンプレートが、今まで使っていたライブドアと比べても、あまりにも寂...

<>新聞社サイト風テンプレートをやっと導入

Weblog: 百足館の雑考　Tracked: 2004/12/03 17:33
Excerpt: 今まで使っていたテンプレートはどうにも「書く気」が失せがちで、しばらくこのブログ自体放置状態になっていたのだが、「書く気」が湧きそうなテンプレートをやっとこさ導入した。...

<> MT3.0テンプレート

Weblog: UNITY REC-site　Tracked: 2004/12/28 08:27
Excerpt: Macromedia風テンプレート for MT3.0：風のまにまに号 ARTI...

<>更新完了！！

Weblog: Drivin' B4　Tracked: 2005/02/20 01:29
Excerpt: 更新がブログしか出来ないので、思い切ってトップページまでブログで書き出すようにし...

<>テンプレートを変えてみる。

Weblog: 仕事しながらネタを考える（仮）　Tracked: 2005/03/02 20:07
Excerpt: シーサーで用意されているテンプレートって、センスはあるんですけど全体的に文字が小さいですよね。そこで、テンプレートを公開されているブログを探してみました！今はSeesaa デザインテンプレートさんのテンプレートを使わせてもらってます。シンプルなテンプレー�...

<>MTデザイン

Weblog: すかんぴん雑記帳　Tracked: 2005/03/14 23:34
Excerpt: メインページのデザインの大体の形が出来たので、今度はスタイルシート(文字のスタイ...

<>ブログ関連リンク集

Weblog: 秋田の窓口【管理者日記】　Tracked: 2005/03/22 17:10
Excerpt: 　※ブログの改造やアクセスを上げるためのリンク集です。　...

<>http://gam.boo.jp/memo/archives/2005/05/artifact.html

Weblog: Galliano's Memo　Tracked: 2005/05/27 14:19
Excerpt: ARTIFACT ―人工事実― | 新聞社サイト風テンプレート新聞社サイト風テ...

<>デザイン換え

Weblog: 今日も朝寝坊　Tracked: 2005/06/25 16:39
Excerpt: ARTIFACTさんの新聞社サイト風テンプレートを参考に、カテゴリアーカイブをすっきりさせるレイアウトにしてみました。

<>新聞社サイト風テンプレート

Weblog: マイコラム　Tracked: 2005/07/14 23:06
Excerpt: これよ。これがほしかったの。ASAHI.COMみたいに見出しがトップページに来て...

<>■テンプレートに凝ってみる。

Weblog: Liar's web　Tracked: 2005/07/16 23:55
Excerpt: ちょいとみつけたページ「人工事実」さんのところのテンプレした僕のページ→http...

<>サイト改修（Movable Type2.66から3.2）

Weblog: 122号線の横　Tracked: 2005/10/21 00:04
Excerpt: 本日から10月23日にかけて、サイトの改修を行います。
目的は、本サイトのブログエンジン「Movable Type」を3.2へバージョンアップすることです。
昼間は作業をあまり進めることは出来ないと思うし、ちょっとダラダラと作業を進行させることになると思います。

<>ブログサイト構築でのレイアウト失敗談

Weblog: ブログで稼ぐアフィリエイトサイト構築マニュアル　Tracked: 2005/11/05 21:17
Excerpt: 記事の数が多くなるにつれ、多くの記事を目に付く場所においておきたいという貧乏人根性のため、多くの場合３カラムを選ぶんですが、ここに大きな罠がひそんでいたんです。