人気ブログランキング | 話題のタグを見る

サイト部品として《eXcite》ブログを使う

サイト部品として《eXcite》ブログを使う_a0024690_0393831.jpg
 《Yahoo!》知恵袋で、こんな質問をみかけた。
「知り合いのレストランのwebサイトを作った」
「今週のメニューページの画像とその下にある文字(紹介文や値段など)を自分で入れ替えたい、との要望がきました。」
 私の回答は、
「ブログを使ってはどうか、例:《eXcite》」
 ものすごく単純化したスキンをあてて、サイトにインラインフレームで表示させたら、「そこそこ」使えそうな気がする。
 ……写真があまり美味しそうでないのは、まぁカンベンってことで。



「スキン変更」→「新しいスキン作成」→1列レイアウト

■外枠
<div id="wrap">
<$adminmenu type=1$>
<$post$>

<div class="hide">
<dl>
<$menuright$> <$menuleft$>
</dl>
</div>
<div class="foot">
<a href="./">ここに住所/店名/電話番号と、「枠が出ていなければクリックしてください」というリンク。</a>
<$prepage type=1$>|<$nextpage type=1$>
<$banner type=1$>
<$xml$>
</div>
</div>


■上メニュー
<dt><$mntitle$></dt>
<dd>
<$mnbody$>
</dd>


■本文枠
<h2>
<$postsubject$>
</h2>
<div class="post">
<$postcont$>
</div>
<div class="hide">
<div class="foot">
<$posttail$><$postadmin type=1$>
</div>
<$cmtjs$>
</div>


■下メニュー
<dt><$mntitle$></dt>
<dd>
<$mnbody$>
</dd>


■CSS
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt{margin:0;padding:0;word-break:all;}
#wrap{margin:0 30px;text-align:center;color:#000;}
h2{font-size:96%;margin:30px 0 8px 0 ;text-align:left;}
.post{font-size:84%;line-height:1.6em;margin:0 20px;text-align:left;}
.foot{font-size:78%;border-top:1px solid #aaa;}
.hide{display:none}
a{text-decoration:none}
a:link{color:#555;}
a:visited{color:#555;}
a:hover{color:#f00;}
.myphoto{background:url(http://pds.exblog.jp/pds/1/201001/28/90/a0024690_0392288.gif);
height:418px;width:418px;float:left;}
.myphoto img{margin:6px 12px 12px 6px;}


■75x75アイコン
サイト部品として《eXcite》ブログを使う_a0024690_105755.gif