解決済
デザイン共有へ投稿について
オリジナルのブログデザインをみんなのデザインに投稿しました。そして試しに動作確認をしようとしたら、下記の注意書きが表示されました。
-----------------------------------------------------
ご注意
個別記事ページ
以下のJavaScriptソースが実行されます。
<!--
if(authorized_name) {
document.write('<div class="loginon">ようこそ' + authorized_name + 'さん <a href="<$CommentLogoutUrl$>">ログアウト</a></div>');
}
else {
document.write('<div class="loginoff">このBlogにコメントするには<a href="<$CommentLoginUrl$>">ログイン</a>が必要です。</div>');
}
-->
<!--
if(authorized_name)
document.write(authorized_name);
else
document.write('<input id="author" name="author" />');
-->
<!--
loadCommentAuthor(document.comment_form);
//-->
以上の注意事項を確認しました。
-----------------------------------------------------
この部分の注意書きを無くす、回避するにはどうしたらいいでしょうか？
なぜこのような表示が出るにでしょうか？
宜しくお願いします。
回答(1)
1.
このような警告がでる理由としては、悪意のあるScriptをデザインの中に設置し、そのデザインを利用した人のブログを利用して悪さをすることができるからです。
拝見したところ、コメントの認証機能部分の表示のようです。コメント投稿フォームの部分で下記のタグセットを使えば回避できます。
<$CommentForm$>
回答ありがとうございました！
コメント(15)
たぶん古めのデザインをベースにカスタマイズされてるのでしょう。
カスタマイズで、個別記事の中から、<$CommentForm$>で展開される内容部分をざっくり削り、削った部分に<$CommentForm$>を入れるといいです。
http://wiki.livedoor.jp/staff/d/DesignTemplate/Tag...
>>1.tani.masaruさん
回答ありがとうございます。CommentFormのHTMLタグセットを使用すれば
回避できるんですね。初心者で分からないのですが、タグセットをどこに
入れたらいいのか分かりませんでした。
個別記事の中に<$CommentForm$>の記述がないんです。
>>1 まじかる☆スフィーさん
古めのデザインだと出るのですね。確かに昔からあるデザインだったかも。。
新しいデザインでカスタマイズすればこのような事にならないんですね。
個別記事の中に、<$CommentForm$>と書かれた記述がありませんでした。
Comment と書かれたソース部分をコピペしたいのですが、たくさん
Comment の文字が出てくるのでどこを貼ったらいいのかも分かりませんでした。
元のデザインは フォトの中に 花の写真03 です。
どうしたらいいでしょうか？宜しくお願いします。
>>#3
説明不足だったかも知れません。
#1のリンク先に書いてある内容が個別記事の中にあるはずです。
それを全削除したあとに、代わりに、<$CommentForm$>を入れる、ということです。
#4. まじかる☆スフィーさん
ありがとうございます！！やってみました！！
古めのデザインだったせいか、記述が少し違ったのですが、
同じ内容と思われる部分を削除しました。
そしてこれも古いデザインのせいなのか、<IfArticleAllowComment>で綴られた
記述がもう一つあったんです。↓↓↓
<IfArticleAllowComment>│ <a href="#comments">Comments(<$ArticleCommentCount$>)</a></IfArticleAllowComment>
これも削除しました。良かったでしょうか？
結果、コメント表示の部分の文字が大きくなってしまったのですが、
直せるでしょうか？？たびたび、ごめんなさい。
コメント部分の文字が大きいんです↓↓↓
http://blog.livedoor.jp/buhiko17/archives/646554.h...
<font size-1><$CommentForm$></font>
とかやれば簡単なんだけどfontタグは推奨タグじゃないっぽいんで、今風の書き方で同じようなことすればいいんじゃないかと。。。
私はネスケ1.1いまだに使うような原始人なんでよくわからんです^^;
<SPAN><DIV>あたり使うのかなぁ。どなたか詳しい方いらしたらよろしくです。。。
<IfArticleAllowComment>の部分は残しておいた方がいいですよ。特にデザインの共有に出すのであれば。このIFを利用することでコメントを利用する、しないでタグの切り分けを行っています。
#6. まじかる☆スフィーさん
最大のヒント、ありがとうございました！
<SPAN>を使用すると良いとお聞きし、
スタイルシートに独自で下記部分を追加しました↓↓↓
.commentstyle{
font-size:x-small;color:#666666;}
そして個別記事ページのところで
<span class="commentstyle"><$CommentForm$></span>
という風に記述したら直ったんです！ありがとうございました！！
だけど“この記事にコメントする”のすぐ下に“コメントする”という
大きな文字の表示が消えないんです。個別記事ページのソースには
“コメントする”という言葉の記述はないのになぜ表示されてるのか、
分かりません。回避の方法はあるのでしょうか？？
#7. tani.masaru さん
IFでコメント利用のタグの切り分けを行ってるんですか！！
勉強になります！！！
<IfArticleAllowComment>│ <a href="#comments">Comments(<$ArticleCommentCount$>)</a></IfArticleAllowComment>
の部分を戻しました。今後もデザイン共有に出していきたいと考えてますので
そういったお話はとても有り難いです。ありがとうございます！！
上にも書きましたが、“コメントする”の文字の部分が解決できれば
修正版として改めてﾃﾞｻﾞｲﾝ共有にUPしたいと思います。
いろいろコメント頂けたら嬉しいです。宜しくお願いします。
そして今後は新しいデザインの物をカスタマイズしようと思います＾＾；
#10. BLUEPIXY さん
回答ありがとうございます！やってみました！
“コメントする”の文字が小さくなりました！
完全に削除希望なのですが、消すと不具合があるのでしょうか？
消す方法があれば、試したいです。
#10. BLUEPIXY さん＠続き
あれから自分なりに考えて、BLUEPIXYさんが記述した部分に
少し追加してみたんです。
#comment-form h3 {
font-size:xx-small;
color:#FEF0F0;
}
“コメントする”の文字の色を背景色と同じにしてみました。
ぱっと見、分からなくなりましたが、みんなのデザインで
UPしても差し支えないでしょうか？？
それから、先日のタイトル画像がアクセスのたびに変わるブログは
javascriptを使っている為、このように注意事項としてたくさん
表示されちゃいますよね(--;)
注意事項が表示されても問題ないようならそれでいいのですが、
ちょっと気になりました。
>>#11 完全に削除希望
ＣＳＳで非表示にするには、display:none を使います。
#comment-form h3 { display:none; }
とすれば良いです。ＣＳＳ上非表示になるだけなので、特に問題はないです。
>>#12
スクリプトを使うことの善し悪しはあると思いますけど、
あのスクリプトって単純なものなので、何をしているかはすぐわかるし
それほど問題じゃないような気がします。
スクリプトの中にコメントとして
//画像をアクセスの度に置き換えるとか処理の内容を書いておけば、内容を簡単に確認できるのでいいかもしれませんね。
>>#13-14 BLUEPIXY さん
非表示になりました！いつもありがとうございます(*_ _)ﾍﾟｺﾘ
ｽｸﾘﾌﾟﾄの件もありがとうございました！
ｽｸﾘﾌﾟﾄの中にｺﾒﾝﾄ入れておけば私のような初心者にも内容が
分かるので良いなぁと思いました＾＾
ｱｸｾｽのたびにﾀｲﾄﾙ画像が変わるﾌﾞﾛｸﾞは基本のｽﾀｲﾙ（ﾀｲﾄﾙ画像1枚の物）
に慣れた後にいずれUPしたいなぁと思ってます＾＾；
自分の理解度の様子を見ながらですけど（汗）
これからこの分の修正版をみんなのデザインにUPしたいと思います！
また何かあって質問することになるかもしれませんが、その際は宜しくお願いします。
