livedoor ナレッジ

TOPページからコメントする

「ひろぶろ」さん


のようにTOPページからコメントの
書き込み可能にしたいのですが
やり方を教えてください。

　トップページのテンプレートを修正します。

　ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。「スタイルシート（CSS）」右隣、「トップページ」を選びます。

修正前の例)
<div class="main"><$ArticleBody$><IfArticleBodyMore><a href="<$ArticlePermalink$>" class="continues">続きを読む</a></IfArticleBodyMore><br><br clear="all"></div>

修正後の例)
<div class="main"><$ArticleBody$><IfArticleBodyMore><a href="<$ArticlePermalink$>" class="continues">続きを読む</a></IfArticleBodyMore><br><br clear="all">
<div class="form"><form action="<$ArticleCommentUrl$>" method="post">
<input type="submit" value="↑へ書込"/><label for="author"> <font size="1">名前:</font></label><input class="author" name="author" input value="名無しの権兵衛" input maxlength="15" size="10" /> <b><font size="1" color="white">簡易コメント:</font></b><textarea class="text" name="body" rows="1" cols="31"></textarea>
</form>
</div>
</div>

　終わったら「この内容で保存する」を選んで保存します。

　仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。

この場合、テンプレートのカスタマイズが必要になります。
「カスタマイズ/管理」から、「デザインの変更」を選び、「カスタマイズ」を選びます。
そうすると、marinさんの現在使っているテンプレートのCSSが表示されます。
その上のところに、「トップページのHTML」と言うものがあるので、そこをクリックします。
そこの中をカスタマイズします。

<div class="posted">から始まるところを見つけたら、その一番最後の、
</div>
<div class="blogbodybottom"></div>
</div>
と言うところの、最初の</div>の後に、次のように足せばいいと思います。（これはあくまでもひろぶろさんがしておられるのと同じようになるやり方です。）
<div class="form"><form action="<$ArticlePermalink$>" method="post">
<input type="submit" value="↑へ書込/><label for="author"> <font size="1">名前:</font></label><input class="author" name="author" input value="名無しの権兵衛" input maxlength="15" size="10" /> <b><font size="1" color="white">簡易コメント:</font></b><textarea class="text" name="body" rows="1" cols="31"></textarea>
</form>
</div>
これを入れて、下の設定を押し、ブログの再構築で、「全てのページ」を選んで再構築すれば完了になると思います。

もう一度詳しく書くと、
</div>
<div class="form"><form action="<$ArticlePermalink$>" method="post">
<input type="submit" value="↑へ書込/><label for="author"> <font size="1">名前:</font></label><input class="author" name="author" input value="名無しの権兵衛" input maxlength="15" size="10" /> <b><font size="1" color="white">簡易コメント:</font></b><textarea class="text" name="body" rows="1" cols="31"></textarea>
</form>
</div>
<div class="blogbodybottom"></div>
</div>
となります。
試してみてください。