blogtop | | | カレンダー | 過去の記事 | カテゴリー | ブックマーク | 検索 | 
エントリー
■ 偽type3テンプレート公開
[ よくある質問 ]
とりあえずのでっちあげですので、自己責任でお使いください。
もっとスマートな解決方法募集中。
特にテーブルタグ使わないで既存のテンプレートを模倣する方法をです。
※でもね、スクロールバーとか使いたくないのですよ、マウスホイールが効かないし。
/* 偽type3テンプレ用css。ぶっちゃけ邪道。自己責任で宜しく */
body {color: #ffffff; background-color: #000000; font-size: 95%; }
a {color: #ff8c00; text-decoration: none; }
a:visited {color: #ffffff; text-decoration: none; }
a:hover {color: #ff0000; text-decoration: underline; }
h1, h2, h3 {font-size: 100%; background-color: #000000; }
.title {text-align: center; color: #ff8c00; font-weight: bold; }
span.sign {font-size: 80%; }
div.calendermonth {font-size: 90%; }
.calenderweek {font-size: 90%; }
.calenderday {font-size: 90%; }
.hidari {width: 19%; float: left; background-color:#222222 }
.main {float: left; margin: 0 1%; width: 60%; background-color:#222222}
.migi {float: left; width: 19%; background-color:#222222 }
--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>{$blogtitle}</title>
<meta http-equiv="content-type" content="text/html; charset=euc-jp">
<meta http-equiv="content-script-type" content="text/javascript">
<meta name="robots" content="INDEX,FOLLOW">
<link rel="stylesheet" href="{$css}" type="text/css" title="デフォルト">
<LINK title="RSS" href="{$rss_url}" type="application/rss+xml" rel="alternate">
</head>
<!-- マークアップの概念からするとくされ外道なんだけど、いいアイデアあったらレス希望、と。 -->
<body>
<div class="hidari">
<h3 class="title">calender</h3>
{$calender}
<br><br><br>
<h3 class="title">archive</h3>
{$archive_list}
<br><br><br>
</div>
<!-- この調子で独自タグを増やすといい感じ -->
<div class="main">
<h1 class="title"><a href="{$btblog}?bid={$blogid}">{$blogtitle}</a></h1>
{$entry}
<h2 class="title"><a href="{$entry_url[entry]}" title="permlink">● {$ename[entry]}</a></h2>
<p>{$etext[entry]}<br><br>
<span class="sign">[ {$category_link[entry]} ] comment [{$comment_link}] trackback[{$trackback_link}]
{$entrytime[entry]} posted by {$sign[entry]}.</span>
</p>
{$comment_module}
{$trackback_module}
{/$entry}
<h3 class="title">powerd by <a href="http://blog.nettribe.org">News Handler</a></h3>
</div>
<!-- 画像のパス分れば配置も……めんどくせーからパス -->
<div class="migi">
<h3 class="title">category</h3>
{$category_list}
<br><br><br>
<h3 class="title">bookmark</h3>
{$bookmark}
<br><br><br>
<h3 class="title">search</h3>
{$search_box}
<br><br><br>
</div>
<!-- マークアップアからすると外道だから、覚悟して使うがいいです -->
<!-- もっとスマートな解決方法ないですかねぇ？ -->
</body>
</html>
コメントする/見る( 16 ) トラックバックする/見る( 0 )
2003-12-31 、nhandlerfaq 記す。
■ 超シンプルなテンプレート公開
[ よくある質問 ]
テンプレいじりたい人向けに、超シンプルテンプレートを公開してみます。
もちろん解説付き、cssもつけちゃいます。
--
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">
<html lang=\"ja\">
<!-- ここからヘッド -->
<head>
<title>{$blogtitle}</title>
<meta http-equiv=\"content-type\" content=\"text/html; charset=euc-jp\">
<meta http-equiv=\"content-script-type\" content=\"text/javascript\">
<meta name=\"robots\" content=\"INDEX,FOLLOW\">
<link rel=\"stylesheet\" href=\"{$css}\" type=\"text/css\" title=\"デフォルト\">
<LINK title=\"RSS\" href=\"{$rss_url}\" type=\"application/rss+xml\" rel=\"alternate\">
</head>
<!-- ↑はお約束↓から本題 -->
<body>
<!-- タイトルを独自タグで表記している -->
<h1><a href=\"{$btblog}?bid={$blogid}\">{$blogtitle}</a></h1>
<!-- blogの説明文は「設定」にあるので埋めるか、でなければこの行は削除する方向で -->
<p>{$bdescirption}</p>
<!-- 「前へ」「次へ」部分 -->
<p>{$pre_page} | {$next_page}<br>
<!-- 記事タイトルと本文等のかたまり -->
{$entry}
<a href=\"{$entry_url[entry]}\">＊</a> {$ename[entry]} [ {$category_link[entry]} ]<br>
{$etext[entry]}<br>
<!-- ＜span＞でいじってるのでcss側で見栄えの処理をする。
左から「署名」「時間」「コメント」「トラバ」「友達に紹介」必要に応じて削除すればいい。
トラバ受け付けたくないとか、コメントは別にBBSを用意するとか、そーいった人向け情報 -->
<span class=\"sign\">posted by {$sign[entry]}. {$entrytime[entry]}
comment( {$comment_link} ) trackback( {$trackback_link} ) {include file=$m2flink}</span>
</p>
{/$entry}
<!-- モジュールも必要なければ削れます -->
{$comment_module}
{$trackback_module}
<!-- 以下見栄えはcssで変更できるものはする -->
calender<br>
{$calender}
archive<br>
{$archive_list}
category<br>
{$category_list}
bookmark<br>
{$bookmark}
search<br>
{$search_box}
</body>
</html>
<!-- ここまでがhtml部分。ログイン後「テンプレートの編集」画面へコピペすると即使えます。 -->
--
/* ここからがcss部分。ログイン後「CSSファイルの編集」画面へコピペすると即使えます。 */
/* リンク色の部分。カーソルを持っていくとアンダーラインが出るスタイルにしてある */
a {color: #0000ff; text-decoration: none; }
a:visited {color: #000000; text-decoration: none; }
a:hover {color: #ff0000; text-decoration: underline; }
/* リンク青 訪問済みが黒 選択中は赤 */
.sign {font-size: 85%; }
/* シグネチャ部分はフォントサイズを小さくしている */
.headline_body a {color: #0000ff; }
.headline_body a:visited {color: #000000; }
.headline_body a:hover {color: #ff0000; }
/* ヘッドラインも同じく リンク青 訪問済みが黒 選択中は赤 */
body { background-color: #c0c0c0; color: #000000; font-size: 100%; line-height: 150%; }
/* 基本がフォントサイズ100％ 背景色silver 文字色黒 行間は1.5倍 */
h1, h2, h3, h4, h5, h6, td {font-size: 100%; line-height: 150%;}
/* 本文中に＜hx＞タグ使ったり、テーブル使っても違和感ないようにしてあるが、好みの問題 */
blockquote {color: #ffffff; background-color: #000000; }
/* 引用タグは黒地に白文字 */
/* と、この程度で十分かな？後で試してみるか。 */
コメントする/見る( 12 ) トラックバックする/見る( 0 )
2003-12-31 、nhandlerfaq 記す。
■ アフィリエイト広告の取扱
[ よくある質問 ]
2003/12/17 一部記載に誤りがありました。訂正します。現時点でのAmazon アソシエイトの利用は利用規約上許可されていますが、まるで「利用するのは悪いことだ」と読みとれるような記載になってました。
ここではNews Handler内でのアフィリエイト広告に関してを簡単に纏めます。
有料版公開前(2003/12/12現在)であるという事もあり、News Handlerでのアフィリエイト広告の取扱いは流動的です(多分)。
▼アフィリエイト広告って何？
紹介広告をサイトに設置する事によって、設置者が紹介料を得るシステムです。簡単に言うと、あなたのサイトにCDや本やパソコン等の画像を設置して、あなたのサイトを訪れた人がもしもその画像をクリックして商品を購入した場合、あなたが紹介料(お金やポイント)を貰える、というシステムが一般的です。
有名なアフィリエイト広告としては、Amazon.co.jpなどがあります。
blogは、性格上CDや本などを紹介する用途に向いているという事もあり、このアフィリエイト広告を設置する人が多いのも事実です(ここ言う設置とは、News Handler以外の話です)。実際に、相当稼いでいる有名blogオーナーも存在するようです。
▼News Handlerでアフィリエイト広告を設置して良いの？
無料版ユーザーの場合、ストレートに言えば、Amazon以外の利用は禁止されています
ただし、可能であれば個々人収入を得る形でアフィリエイト広告を設置するのではなく、Amazon Web Service利用機能を使い、紹介料がNews Handlerへ支払われる仕組みを利用したほうが良いという意見もあり、どちらかをユーザーが選択する事ができます。
これは強制ではなく、『無料サービスでお金儲けするというのは如何なものか？』という考え方に基づいています。詳しくは、掲示板のこのスレッドを参照して下さい。
▼結局、どうすればよいの
・基本的に、News Handlerを使ってアフィリエイト広告で儲けようと考えるのはやめましょう
・Amazonについては、専用機能を使うなどすれば、CD等の商品の画像などをページに貼り付ける事ができるので、これを利用しましょう。(具体的には、News Handler用の共有アカウントを利用する形になります)
なお他のアフィリエイト広告に関しての状況(2003/12/16現在)
・楽天アフィリエイトに関して → 掲示板で議題提案中
コメントする/見る( 12 ) トラックバックする/見る( 0 )
2003-12-16 、nhandlerfaq 記す。
■ 初心者でよくわかりません
[ よくある質問 ]
News-Handlerは無料のサービスなので、有料のプロバイダさんと違って親切なサポートはありません。ホームページの作り方は、市販の本を読むか、詳しい友達に聞いてみましょう。
元ネタ : http://isweb.www.infoseek.co.jp/Icont?pg=iw_faq3.html&sv=IW#3-01
※とはいうものの、管理人さんの掲示板レスは即レス・実装は分単位（ウソ）という凄まじさがあります。
他のサービスなら放置されて当然な駄スレにも丁寧に答える姿には、仕事とは思えない程の魅力さえ感じてしまいます。
・・・だから、こんなblogを作りたくなったのですけどね（ぉ
コメントする/見る( 0 ) トラックバックする/見る( 0 )
2003-08-20 、nhandlerfaq 記す。
■ 独自タグの設置に困ったらレスするトピック
[ よくある質問 ]
一応用意してみます。
気が向いたらレスします。
※一応書いておきますが、テンプレートのカスタマイズはアナタの個人的な欲求に過ぎません。
News-Handler全体に寄与するアイデアでない限り（トラブル解消であるとか、新機能の実装であるとか）それは掲示板違いの質問ではないか？とのツッコミは回避できないと思ってください。
これらを踏まえた上でレスどうぞ。
※つまり、オフィシャル掲示板へはこれ以上テンプレ関係のスレは増やさないで欲しいとの強いお願い。
※※で、このトピックやblog交流室で受け持つ事になると思います。
コメントする/見る( 0 ) トラックバックする/見る( 0 )
2003-08-20 、nhandlerfaq 記す。
■ テンプレートのカスタマイズについて
[ よくある質問 ]
自己責任が基本です。
↑ことばがわからない人は、テンプレートをカスタマイズしないほうがいいですよ。
News-Handlerのテンプレートの特長として「よく出来てはいるかもしれないが、もう一歩踏み込んで欲しい」とユーザに思わせるものが多かったりします。
特に独自タグなどの実装をする場合、そう感じる事が多いようです。
とはいえ、人の欲望は尽きないもの。
参考になるであろうサイトをいくつか紹介してみます。
html : http://www.hajimeteno.ne.jp/index.html
css : http://www.hajimeteno.ne.jp/stylesheet/index.html
html : http://tohoho.wakusei.ne.jp/www.htm
css : http://tohoho.wakusei.ne.jp/css/index.htm
※参考に過ぎません、回答が出ている訳では無い事に留意してください。
※※tableタグの入れ子（テンプレによっては使っている手法）に関しては、実はフロントページのようなアプリで構造を理解した方が早いのかも知れません、余談ですが。
非常にためになる話をみつけました。下記参照。
http://artifact-jp.com/mt/archives/200209/stylesheetfontsize.html
コメントする/見る( 0 ) トラックバックする/見る( 0 )
2003-08-16 、nhandlerfaq 記す。
■ テンプレートの文字サイズの変更
[ よくある質問 ]
menu→テンプレートの編集→CSSファイルの編集を選択する。
cssは各テンプレートによって若干の違いがあるものの、一定のルールに則っている。
font-size: 11px;等となっている箇所を下記を参考に弄るといい。
http://www.hajimeteno.ne.jp/stylesheet/css1/p-font.html#font-size
コメントする/見る( 0 ) トラックバックする/見る( 0 )
2003-08-15 、nhandlerfaq 記す。
blogtop ──── |