FC2ブログの追記について質問です。実は2年くらい悩んでます。

無料新規登録

会員の方はログイン

トピック

コミュニティ

お知らせ

テンプレート・プラグイン

FC2ブログの追記について質問です。実は2年くらい悩んでます。

いつも皆様にはお世話になっております。IPOキムです。

今回は、記事作成時の追記についてお伺いいたします。
どうしても解りませんでした。

FC2ログイン後に記事作成をしますと、長くなるので追記を行い
「続きはこちら」みたいな記事を作りたいのですが、
追記に書いた記事がなぜがすべてセンター表示になります。

これをHTMLやCSSに不具合があるのでしょうか。
もしくは私が過去に何かやらかしている可能性もあるかもしれません。
参考画像あります。

よろしくお願い致します。

by キムさん 2015年08月01日 11:28

by キムさん
2015年08月01日 11:28

コメント一覧新しい順に表示▽ / 古い順に表示△

コメント一覧
新しい順 | 古い順

このコミュニティにご参加頂くと、コメントの書き込みができます

標野ゆき様

ご回答ありがとうございます。
色々と解ってきましたので、チャレンジしてみます。
お時間を頂きまして感謝しきれません　

改善できるかは解りませんが、時間が取れた時に頑張ってみます。
今後ともどうぞよろしくお願い致します！

by キムさん 2015年08月10日 09:36

by キムさん
2015年08月10日 09:36
具体的な修正方法なのですが
理想を言うと、<div class="entry_state"> を正しい位置に戻すのが一番
・・・ということになります。

さりながら
この位置から単純に
タグだけ抜いて移動させてしまうと
またタグの対応がおかしくなってしまうかもしれません。

閉じタグ</div>には
どの開きタグと対応しているかの但し書きがないので
（テンプレートメーカーさんによっては目印をつけてくれる方もあります）
遠く隔たった場所にある片割れを見失ってしまうと、見つけ出すのは困難です＾＾；

開きタグがこんなにおかしな場所に来ているのに、タグの数だけは揃っている…
その対応具合をサーバがどう読み取ってどう解釈しているのか、推し量るのも難しいです。

ですから、対症療法的に
.entry_state {
font-size: 12px;
color: #666666;
font-family: "Verdana", "ＭＳゴシック", "Osaka";
text-align: center;

このcenterを leftに書き換えてしまう
というのが無難なように思います。

投稿日付とコメントトラックバック数の表示が左寄りになるのは困るようなら
その部分だけを<div style="text-align:center">と</div>で挟んでみたらどうでしょうか。

by 標野ゆき 2015年08月06日 22:26

by 標野ゆき
2015年08月06日 22:26
標野ゆき様

＞エントリ5857のページを閉じ忘れチェッカーにかけてみると

こちらのお返事は、たったいま試してみましたが改善は無いようですが、
次に頂きました内容が怪しいですね。

＞entry_stateのスタイル指定

どうすればいいのか解りませんが、なんとなく原因が解りました。
ありがとうございます。
毎回思いますが、標野様凄いです　＾＾

今後ともどうぞよろしくお願い致します。

by キムさん 2015年08月06日 19:14

by キムさん
2015年08月06日 19:14
また、このページを構造解析にかけてみると

<div class="entry_state">
<br>
----------------------------------------------------------------------------------------------------
<br>
<div align=left>　　　<img src="http://blog-imgs-68.fc2.com/d/e/s/deskpower/20140702201930b40.png" alt="チェック" border="0" width="16" height="16" />　IPOの新着記事はIPOブロガーが集まる下記サイトでチェックできま～す！</div>
　　　<FONT size="2"><a href="http://stock.blogmura.com/ipo/ranking.html" target="_blank" >⇒　ブログ村 IPO・新規公開株</a></FONT>　　　　　
（中略）
<br>
----------------------------------------------------------------------------------------------------
<br><br>
<hr size="1"><a name="more" id="more"></a>仮条件が1920円～2040円に決定しており、不人気具合が感じ取れます。<br />

エントリ下の
日付やトラックバック・コメント数の表示を囲うはずの太字タグが
おかしな位置にあり、追記の内容を囲んでいます。

このクラス名に text-align: center; のスタイル指定があるために
追記のコンテンツがセンタリングされているのでしょう。

追記よりも下にあるはずのタグが
どうしてこんな場所に来ているのか仔細は不明ですが
このタグ、またはentry_stateのスタイル指定をなんとかすることで改善が見込まれます。

by 標野ゆき 2015年08月06日 16:30

by 標野ゆき
2015年08月06日 16:30
エントリ5857のページを閉じ忘れチェッカーにかけてみると

555 <TR>
556 <TD style="HEIGHT: 20px" colSpan=2>
557 <a href="http://h.accesstrade.net/sp/cc?rk=010038kj002cob" target="_blank">マネースクウェア・ジャパン<img src="http://h.accesstrade.net/sp/rr?rk=010038kj002cob" width="1" height="1" border="0" alt="" /></a>　
558 </TD></TR>
559
560
561
562
563 <TR>
564 </TBODY></TABLE>

上記の<TR>タグが閉じていないと出ますね。

この直後に
582 <center>
583 <TABLE border=1 borderColor=#808080>
584 <TBODY>
585 <TR>
586 <TD style="WIDTH: 150px; HEIGHT: 140px" bgColor=#ffd5bf colSpan=3>
587
588 <center>
589
590 <A href="http://ad2.trafficgate.net/t/r/5/5759/151135_159779/" target="_blank"><IMG src="http://srv2.trafficgate.net/t/b/5/5759/151135_159779/" border="0"></A>
591
592 </center>
593
594 </TD></TR></TBODY></TABLE>
595
596 </center>
上のように<center>タグが入り乱れている箇所があるので
この閉じ忘れが差し障っている可能性もあると思います。

by 標野ゆき 2015年08月06日 16:17

by 標野ゆき
2015年08月06日 16:17
標野ゆきさん

お伺いです。
下記の文章を読み返して思ったのですが、
ページを用意したら何か解るのか？
と思ってまだ見ておられましたら、お願い致します。
何度もすみません。

>質問者さんのブログで
>追記ページを探してHTMLソースを参照しようとしたけど
>検索しても追記自体を見つけられませんでした。
>不具合のあるページでHTMLソースを確認されることをお勧めします。

過去記事ですが、半分追記に入れてみました。
http://deskpower.blog80.fc2.com/blog-entry-5857.html

記事の半分にテンプレートに入れ込んでいる、ブログランキング
などがありますが、これを取り除いても状況は変わりません
でした。
なので、現在のテンプレート適用です。
見にくくて申し訳ございません（汗）
テンプレートにタグの閉じ忘れは無さそうなのです。

by キムさん 2015年08月06日 10:14

by キムさん
2015年08月06日 10:14
標野ゆきさん

いつもありがとうございます。

HTMLを見ても無いようですが、一度デフォルトに
戻してから考えます。
どこかにあるのかな・・・

時間が取れたらやり直してみます。
もしくはテンプレート移行などでしょうか（汗）
いつも感謝しきれませんが、今後ともどうぞよろしくお願い致します！

by キムさん 2015年08月04日 21:24

by キムさん
2015年08月04日 21:24
<%topentry_more>がテンプレートのHTMLにはあるのに
実際のブログページのHTMLソースには見当たらない。
＜＜＜これは普通というか当然です。

実際のウェブページでは
<%topentry_more>（エントリーの追記が表示される）や
<%topentry_body>（エントリーの本文が表示される）
といった「変数」に
記事として入力した内容が代入されるので
HTMLソースに「変数」が表示されることはありません。

青文字の箇所は
<div class="fc2_footer" style=" 以下が
記事下のフッターに対するスタイル指定です。
「文字を右寄せで、縦位置は真ん中に、高さは自動で」とあります。

<div class="fc2button-twitter" style=" 以下は
ツイッターボタンとあるので、おそらくそれらに対するスタイルでは？

<script type="text/javascript">は
JavaScriptでボタンを表示するための文字列が続く際の最初の一行です。

緑の文字列は
hrとあるのが罫線を表示するタグで
a nameはリンクでジャンプするための目印でしょうか。

いずれにせよ
これらが差し障っているわけではなさそうです＾＾；

指定されていない内容が
勝手にセンタリングされてしまう場合には
センタリング指定のある要素のタグが閉じていない可能性を疑うのが定石のように思います。

質問者さんのブログの追記のある個別ページで
タグの閉じ忘れをチェックしてみると原因がわかるかもしれません。

by 標野ゆき 2015年08月04日 09:35

by 標野ゆき
2015年08月04日 09:35
標野ゆき様

いつもサポートして頂き感謝しております。
一度デフォルトで試してみます。

>text-align:center
>text-align: center;

こちらですが、「コントロール＋Ｆ」で探していたので
拾えなかったようです。
大変恐縮で御座いました。。。

またソースを自分でみましたが、<%topentry_more>が無いですね（汗）
しかしＦＣ２の管理画面ではしっかりあるのです！！！
そうなってしまうと私には手におえないのです。

記事文末に
<div class="fc2_footer" style="text-align:right;vertical-align:middle;height:auto;">

<div class="fc2button-twitter" style="vertical-align:top;border:none;margin-right:2px;display:inline-block;*display:inline;">
<script type="text/javascript">

がありますので、それが何かしら支持をしているのか（汗）

ログイン後のテンプレートには
<br>

----------------------------------------------------------------------------------------------------
<br><br>

<hr size="1"><a name="more" id="more"></a><%topentry_more>

<br>

としっかり入っているのですが、記事ソースでは出てきません。
とりあえずデフォルト設定で試すしかなさそうですね。
ありがとうございます。

解決すれば良いですが（汗）

by キムさん 2015年08月03日 22:50

by キムさん
2015年08月03日 22:50
webdb3_n_blueテンプレートを適用してみても
デフォルトでは追記本文は左寄せになっていますので
やはりカスタマイズの際に何らかのミスがあって、差し障っているのだと思います。

質問者さんのブログで
追記ページを探してHTMLソースを参照しようとしたけど
検索しても追記自体を見つけられませんでした。

不具合のあるページで
HTMLソースを確認されることをお勧めします。

by 標野ゆき 2015年08月03日 14:07

by 標野ゆき
2015年08月03日 14:07