D Iさんへの返答(コメントNo.151~163の内で計10個:8/20~8/22分)

更新
2012年08月26日(日)

valid-seo-3c (ver1.1.2)をご利用いただいているD Iさんへの返答です。この3日間で10個もコメントをいただきました。コメント欄で返答するよりも記事にしたほうが読みやすいと思いました。

事実経過

  • 頂いたコメントをそのまま掲載しています。ただし、伏字にしている部分があり、その部分はこんな感じでグレイアウトしています。
  • コメントが長いので、引用前に要点を箇条書きしています。各要点には通し番号を振っています。
  • 要点が青文字の場合、ページ内リンクでその解決方法の部分へ飛べます。ただし、最後に矢印(⇗)がある青文字は別のページへ飛びます。
  • 見出しの()カッコ内は作者による補足です。

色変更など (カスタム方法の質問)

  1. 要点:

    1. ブログタイトルとサブタイトル(FC2では「ブログの説明」)に同じ背景画像を使いたい。
    2. ブログタイトルとサブタイトルの文字のサイズを大きくして色を変更したり、太字にしたいです。
    3. ブログタイトルの下に配置した写真とグローバルナビゲーションの間を離したい。
    4. プラグインのタイトルのバックグランドの色(帯の色)を変える方法。
    5. グローバルナビゲーションに「コメント」とか「最新記事」などのプラグイン項目を表示したい。
    6. 記事を書いた日付が今右側になってますが、これを左側に変えたい。
    7. 記事の枠線をもうちょっと濃くするか、細い線(直線)にして仕切りをはっきりさせたい。
  2. 2012年08月20日(月) 12:08 (27/151)
    
    お返事ありがとうございます。 
    教えていただいたようにやってみたところできました!! 
    
    ブログタイトルに背景を入れることもできました。 
    でもそれから同じ背景の中にブログタイトルと一緒にと下にあるサブタイトル(FC2では「ブログの説明」)合わせて入れたいです。 
    それから、ブログタイトルとサブタイトルの文字のサイズを大きくして色を変更したり、太字にしたいです。どうすればいいでしょうか。 
    
    ブログタイトルの下に写真を入れることもできました! 
    でもこの写真と、下にあるナビゲーションバーがくっついてしまってナビゲーションバーが見づらくなっています。一行でも離したいのですが…。 
    
    真ん中のカラムの幅を広げることもできました。 
    はみだしていた動画なども全部枠内に入りました。 
    ただ広げたことで読者のPCや画面設定によってはカラム落ちとかになることはないのかちょっと心配なのですが大丈夫でしょうか。もし大丈夫ならこのままいきたいと思います。 
    
    他にも分からないことがあるので質問させてください。 
    
    プラグインのタイトルのバックグランドの色(帯の色)を変える方法を前に教えていただいたので、やってみましたができませんでした。もう少し詳しく教えていただけないでしょうか。 
    
    それからナビゲーションバーのリンクですが、リンク先を各プラグインのところにすることはできるでしょうか。 
    たとえば、「コメント」とか「最新記事」などのプラグインにリンクして飛ぶ方法があれば教えてください。 
    
    記事を書いた日付が今右側になってますが、これを左側に変えたいです。 
    
    まんなかのカラムと左右のカラムの間にある線ですが、もうちょっと濃くするか、細い線(直線)にして仕切りをはっきりさせたいのでやり方を教えてください。 
    
    またいろいろ質問してすみません。 
    
    今まで使っていたテンプレートがもう古くてSEOとして障害が出てたので、こちらのテンプレートに変更することにしました。 
    ブログの見た目(読者からの)をあまり前のと変えたくたなかったので作業がめんどくさくなってますが、いろいろアドバイスいただきながらがんばってつくりますね。 
    ほんとにありがとうございます。
    

追伸 (カスタム方法の質問)

  1. 要点:

    1. 真ん中のカラムを若干縮めて、左右のカラムをちょっとだけ広くしたいです。
    2. 記事のタイトルの文字を少し小さくしたい。
    3. 記事の本文やプラグインの本文の文字をもっと濃くしたいです。(黒など)
    4. 記事の下にある、「カテゴリー」の文字も濃くしたい
    5. アクセス解析に関する不具合。
  2. 2012年08月20日(月) 13:11 (28/152)
    
    ブログ速攻で書き換えて、もうこのテンプレートに変更してネットにUPしちゃいました。 
    前に質問してたところはお返事いただきしだい変更したいと思います。 
    新しく変わったブログを見ていてさらに変えたいところがでてきたので、追伸で質問します。 
    
    真ん中のカラムの幅を広げましたが、真ん中のカラムを若干縮めて、左右のカラムをちょっとだけ広くしたいです。左右のカラムのプラグインの中のリストが2行にわたってしまってるので。 
    
    それにあわせて、記事のタイトルの文字を少し小さくしたいです。 
    
    記事の本文やプラグインの本文の文字が今ちょっと色が薄いのですが、もっと濃くしたいです。 
    (黒でもいいです) 
    あと記事の下にある、「カテゴリー」の文字も濃くしたいです。 
    
    アクセス解析のタグをCSSの最初の「body」が入ってる行のあとに入れました。 
    そしたら前のテンプレートのときは、ブログの左上の端に一瞬でてきて消えてたのが、今はナビゲーションバーの「HOME」の上の常にある状態です。設置した場所が悪かったんでしょうか。 
    
    すみませんが、よろしくお願いします
    

デザインが崩れて使用中止 (カラム落ち発生)

  1. 要点:

    1. (解決済)カラム落ちの改善方法を知りたい。
  2. 2012年08月20日(月) 17:19 (29/153)
    
    上記のようにブログをこちらのテンプレートに変更しました。 
    
    ところが、「カテゴリー」からそのカテゴリーのページを開いて、「次のページへ」をクリックしてでてきた次のページの表示がおかしくなっています。 
    中央カラムの左30%くらいがざっくりなくて(白い状態)、そして右カラムが落ちて下にあります。 
    長いバナー広告をはずしてみたりいろいろやってみましたが、なおりません。 
    you tube画像はUPされてますが、まんなかのカラムは幅を広くしたのでおさまっているし余白があるくらいです。 
    
    どうしたらいいのかわからないのですが、ブログが読めないので、古いテンプレートに戻しました。
    

できれば (ブログの状況確認依頼)

  1. 要点:

    1. (解決済)実際にブログの状態を見てほしい。
  2. 2012年08月20日(月) 21:16 (30/154)
    
    さらに追伸: 
    ブログの一部が欠けるトラブルが対処できずに困っています。実際にブログの状態を見ていただきたいのですが、何度もこのコメント欄で質問するのは気がひけるため、メールでブログのリンクを送ることは可能でしょうか。メールフォームなどあればメッセージお送りしたいのですが。。。
    

Re: できれば (対応の仕方についての意向確認)

  1. 上記4つのコメントに対して当方は次のとおり返答しました。

  2. 要点:

    • 対応の仕方についての意向確認。
  3. 2012年08月21日(火) 02:13 (31/155)
    
    D Iさんへ 
    
    お世話になります。 
    複数のコメントありがとうございます。 
    
    いただきました多数のご質問について、 
    次の2通りの対応を考えています。 
    
    1.ひとつひとつ返答する 
    2.貴サイトを拝見し、当方が貴サイト用のコードを提案する 
    
    上記2.の方がすみやかに対応できると思います。 
    こちらでよろしければ、当サイトのコメント欄に貴サイトのURLを投稿してみてください。 
    そのコメントに関しましては「未承認」のままにしておきますので、 
    通常は当方以外見れません。 
    
    上記1.を希望される場合、当方の時間がある時に順次返答していきます。 
    
    他にもなにかありましたらお気軽にコメントください。 
    可能な限り対応いたします。 
    よろしくお願いします。
    

すみません… (カラム落ち状況確認依頼)[承認待ちコメント]

  1. 要点:

    1. (解決済)カラム落ちの状況を確認してほしい。
  2. 2012年8月21日 10:50 (32/156)
    
    何回も質問してしまってすみません。。。
    では、自分のブログは、
    *****(伏せています)
    です。
    このコメント欄は表示しないということなので、メールアドレスも載せます。
    *****
     
    今は古いテンプレートに戻しています。このテンプレートはかなり古くてSEO対策がされてないというか、左カラムがまんなかのカラムより優先されてしまう作りになってるので、googleなどの検索エンジンに左カラムのほうが表示されてしまって、検索する人が困ったりいろいろ問題が多くて早急にSEO対策してるテンプレートに引っ越ししなければなりません。
     
    そこでテンプレートをこちらに引っ越ししました。
     
    今表示されてるブログで、カテゴリーでたとえば*****をクリックしてみてください。いまのテンプレートではちゃんと表示されるのですが、valid-seoのテンプレートだと2ページめから表示がおかしくなります。まんなかのカラムの左から3分の1くらいが縦に欠けてなくなっています。you tubeの画像は欠けてません。
    そして、右カラムが落ちて下にあります。
     
    これでは読者が読めないのでいまは古いテンプレートに戻していますが、もし新しいテンプレートでの状態を見たいということであれば時間を閲覧される時間をおっしゃっていただければその時間に新しいテンプレートのほうにしておきます。
     
    今表示されてる古いテンプレートに出ているブログのデザインは自分でカスタマイズしたもので気にいってるし読者もなじんでるので、valid-seoのテンプレートに引っ越したときにこのデザインになるべく似たような感じにしたいです。(ただ真ん中にある大きい写真とかは無理やりねじこんだので、新しいテンプレートではタイトル下に入れました。)
     
    お忙しいところすみませんが、よろしくお願いします。
    

再確認してみたところ (カラム落ちの状況説明)[承認待ちコメント]

  1. 要点:

    1. (解決済)カラム落ちの状況説明。
  2. 2012年8月21日 12:18:02 (33/157)
    
    (これも非承認(非表示)でお願いします。)
     
    不具合に関する件の続きです。
     
    こちらのテンプレートに一度変えてみて、表示を再確認してみました。
     
    「*****」のカテゴリーで、2ページめにページが欠けてカラムが落ちると書きましたが、
    右のカラムが下に落ちてるのではなくて、右カラムが左にいってます。で、左はなにもないです。
    そして真ん中のカラムが左から3分の1くらい縦に欠けています。
     
    他のカテゴリーはどうか、全記事表示からとか、ブログ内検索で出てくるページはどうかも
    見てみました。
    ページによっては、同じ症状が出ています。
     
    「*****」のカテゴリーで欠けてるページにある記事を1記事ずつ表示して見てみました。
    記事は1ページに5つ表示されますが、そのうちの1つが上記の症状を出していることがわかりました。
    他の4つは1ページごと表示してみると、大丈夫です。
    その問題の記事は、 *****blog-entry-746.html
    です。
    見た目にはどこが問題なのかわかりません。
    長文でもないし、私の記事の中ではシンプルだし、動画も幅は普通です。
     
    他の記事でも同じ症状が出てる記事がありますが、それも見た感じ問題点が分かりません。
     
    最初の問題のページ(*****blog-entry-746.html)は、
    FC2の記入方法が新しくなってからの今年の記事なので、タグとか自分で入力することはなく、
    ブログで指摘されてるようなタグの閉じ忘れ、じゃないように思います。
     
    前のタグで記入する時代の古い記事にも問題が起きているものもありました。
     
    最初は、幅が広いバナー広告のせいかと思ったんですが、すごく幅が長くて枠からはみ出してる
    記事は、広告がはみ出してカラム3に入ってますが、記事は普通に表示されています。
     
    長くブログ書いてるので過去記事数が多いしカテゴリーも多いので、まだ全部確認してませんがとりいそぎ。
    

Re: すみません… (カラム落ちの原因と修正方法の提案)

  1. 上記2つのコメントに対して次のとおり返答しました。

  2. 要点:

    • カラム落ちの原因と修正方法の提案。
  3. 2012年08月21日(火) 18:26 (34/158)
    
    D Iさんへ 
    
    お世話になります。 
    複数のコメントありがとうございます。 
    
    貴サイトblog-entry-746.htmlを拝見しました。 
    サイドバー右側のレイアウトが崩れているのを確認しました。 
    
    原因は、記事内のdivタグの閉じ忘れです。 
    記事本文の最後に</div>を1つ追加すれば、 
    レイアウト崩れが解消されます。 
    
    その他のご質問に関しましては、 
    当方の時間のある時に順次対応します。 
    希望されるカスタム用のCSSを作成し、 
    それをそのままコピペで利用できるようにしたいと考えています。 
    
    他にもなにかありましたらお気軽にコメントください。 
    可能な限り対応いたします。 
    よろしくお願いします。
    

No title (カラム落ち修正進捗状況説明)

  1. 要点:

    1. (解決済)カラム落ち修正進捗状況説明。
  2. 2012年08月21日(火) 23:15 (35/159)
    
    ありがとうございます。 
    お返事早くいただけると思ってなかったんで、 
    今日、すべての記事をチェックして(600以上あるんですが)、30の記事に問題が出ました。 
    そこで、30の記事をすべて入力しなおしています。文字もうちなおして、ビデオもリンクをyou tubeからとりなおして、amazonとかのリンクもとりなおして、すべて入れ直してみました。そしたら8割なおりました。 
    いま残りの記事を修正しているところです。 
    私は、windows7, vista, xp とパソコン持ってるのでxpでも見てみましたが、症状は同じでした。
    

No title (カラム落ち修正進捗状況説明のつづき)

  1. 要点:

    1. (解決済)カラム落ち修正進捗状況説明のつづき。
    2. アクセス解析タグはどこに入れるべきか。
  2. 2012年08月21日(火) 23:41 (36/160)
    
    問題があった30の記事の大半をもう修正し終わったときに、こちらのコメントを見て</div>を追加してみました。もうあと5記事しか残ってなかったんですが。そしたら3つはそれで解消されましたが、2つはダメだったので全部直しました。どうやら動画リンクかアマゾンのリンクが原因だったみたいです。 
    
    今困ってるのはテンプレートを変更してから、アクセス解析がおかしくなったことです。前に書いたように入れる場所を失敗したみたいで、変な場所にアクセス解析のロゴが常駐しています。そしてアクセス解析がうまくされていません。読んではいるようですが、IDが0(ゼロ)になっていたり、何回も訪問してる人の訪問回数が1になっていたり。アクセス解析を入れる場所が間違ってるんじゃないかと思います。どこに入れたらよいでしょうか。それだけとりいそぎお返事いただけないでしょうか?
    

No title (googleなどの検索結果更新方法)

  1. 要点:

    1. どうしたら、googleなどの検索結果(キャッシュ??)を更新できるでしょうか。
    2. ブログタイトルを大きくする方法も急ぎで教えていただけるとうれしいです。
  2. 2012年08月22日(水) 00:05 (37/161)
    
    すみません。もうひとつ書くの忘れてました。 
    
    今回テンプレートを変えたのは、前のテンプレートのSEO対策がなくて、検索エンジンで左カラムの文が出てしまったりしてたからなのですが、テンプレートを変えた今も検索エンジンの表示結果はまだ前のままで変わっていません。 
    
    新しく日記を書いてみましたが、更新されませんでした。 
    googleのウェブマスターには登録していて、googleには更新したらpinも送信されています。 
    
    どうしたら、googleなどの検索結果(キャッシュ??)を更新できるでしょうか。 
    
    あとブログタイトルを大きくする方法も急ぎで教えていただけるとうれしいです。 
    よろしくお願いします。
    

さらに不具合 (ブログ内検索結果について)

  1. 要点:

    1. (返答済)ブログ内検索で検索すると、その結果がおかしい。
    2. アクセス解析タグはどこに入れるべきか。
  2. 2012年08月22日(水) 21:13 (38/163)
    
    昨日からこちらのテンプレートに変更しました。 
    
    ところが、さらに不具合が発生してるのを発見しました。 
    ブログ内検索で検索すると、記事が5つずつ表になってでてきますよね。普通は記事のタイトルだけ並んでるんですが、私のはところどころがタイトルではなくて、本文の一部(たぶん普通はタイトルにカーソルを近付けるとでてくる部分)が表示されています。 
    その本文の部分にカーソルを近づけると、リンクがあるときのように赤くなります。 
    しかし、そこをクリックしても何もおきません。 
    そして、タイトルがでてないので、その記事に飛ぶことはできず、その記事はその検索結果の表からは閲覧できないのです。一ページに1個ずつくらいはそれが発生してます。 
    
    なお、アクセス解析については、昨日深夜までかかって自分でなおしてみた結果、改善したようです。でもアクセス解析のタグを入れるとしたら、ほんとうはどこがいいのでしょうか。
    

作者の返答

はじめに:D Iさんへ

  1. 質問を複数していただくこと自体は歓迎しますが、当サイト内で既に記載している内容を試しもせずに質問するのは勘弁してください。

    どかーん!
     (⌒⌒⌒)
      ||
    
     / ̄ ̄ ̄ ̄ ̄\
     | ・ U      |
     | |ι        |つ
     U||  ̄ ̄ ||
        ̄      ̄
  2. 当サイト作者が作成したテンプレートのカスタム以外のことは、googleなどで検索して下さい。作者はなんでも知っているわけではありません。

  3. 質問は正確にしてください。質問を投稿される前にかならず何度か読み返して下さい。

  4. 当方は時間のある時に順次返答します。急かさないで下さい。

ブログタイトルとサブタイトルに同じ背景画像

  1. とりあえず、CSS編集だけでできる方法をのべます。この方法だと、ブログタイトルとサブタイトルのみならずヘッダー全体に背景画像が適用されます。

  2. 次の部分を探します。

    /*ヘッダー*/
    #header{font-size:85%;}
    #site-title{font-size:150%;padding-top:5px;background-image:url(http://blog-imgs-**-origin.fc2.com/**/canvas.gif);}
    
  3. 次のコードに書き換えます。

    /*ヘッダー*/
    #header{font-size:85%;background-image:url(http://blog-imgs-**-origin.fc2.com/**/canvas.gif);}
    #site-title{font-size:150%;padding-top:5px;}

ブログタイトルとサブタイトルの文字装飾

  1. CSS編集で、#site-title#site-description の部分で調整できます。

  2. 8/26日現在、D IさんのサイトのCSSでは#site-descriptionの部分が削除されています。/*ヘッダー*/の下あたりに次のコードを追加してみてください。font-sizeの値を適宜調整できます。

    #site-description{font-size:200%;padding:5px 0;}

グローバルナビゲーションの上に空間を設ける

  1. HTML編集で、現在のimgタグを下記コードに書き換えます。赤文字が追加した部分です。画像のURLは伏字にしましたので、その部分は適宜調整してください。

    <img src="*****.jpg" width="620" height="250" style="margin-bottom:14px;">

プラグインのタイトルの背景色

  1. CSS編集で、#sidebar dt, #sidebar2 dt background:blue; などを追加します。

  2. D Iさんは上記説明では不可能だったようなので、次のコードをCSSの一番下に追加してください。pinkの部分を適宜調整すれば色を変えられます。

    /*プラグインのタイトルの背景色*/
    #sidebar dt, #sidebar2 dt{background:pink;}
  3. 2012年11月29日追記:次の記事を作成しました。

グローバルナビゲーションに「コメント」とか「最新記事」

  1. 後日、別途記事を作成する予定です。

  2. 2012年9月3日追記:次の記事を作成しました。

記事を書いた日付を右側へ

  1. すでに左側へ移動しているので割愛します。右側へ移動させるの間違いだったようです。

  2. CSS編集で一番下に次のコードを追加します。D Iさん以外の人は、CSSで該当箇所を特定してCSS編集してください。この方が今後のメンテナンス時に混乱しにくいです。

    /*公開日を右側へ*/
    .entry-date{float:right;}
    .entry-content{clear:right;}

記事の枠線装飾

  1. CSS編集で、次のコードを見つけます。

    /*記事 > 各記事を囲っている枠線*/
    .entry,#sticky,#single .entry:hover{
    border:1px dashed #ddd; /*この行を丸ごと削除すると記事ごとに囲われている枠線を消去できます*/
    padding:9px; /*1行上を1行まるごと削除した場合、ここの9pxを10pxにした方がいいです(ガタつき防止)*/
    margin:0 0 1em;
    box-shadow:none;
    }
  2. 次のコードに書き換えます。赤文字が変更したところです。

    /*記事 > 各記事を囲っている枠線*/
    .entry,#sticky,#single .entry:hover{
    border:1px solid #555; /*この行を丸ごと削除すると記事ごとに囲われている枠線を消去できます*/
    padding:9px; /*1行上を1行まるごと削除した場合、ここの9pxを10pxにした方がいいです(ガタつき防止)*/
    margin:0 0 1em;
    box-shadow:none;
    }

カラムの横幅調整

  1. CSS内のコメントアウトで説明を記載しているとおりです。これ以上の説明はできかねます。

記事タイトルの装飾

  1. /*記事 > タイトル(大見出し)*/font-sizeの項目で調整できます。

文字色を濃くしたい

  1. /*基準となる文字*/color:#222;color:#000;に変更します。

記事の下にある、「カテゴリー」の文字も濃くしたい

  1. .entry-utilitycolor#000に変更します。

アクセス解析タグ配置場所

  1. 参考リンクを載せておきます。「アクセス解析 タグ 場所」などで検索すればすぐにわかりますよ。

googleなどの検索結果(キャッシュ??)を更新できるでしょうか。

  1. キャッシュされている内容に関しては、時間の経過で勝手に更新されます。

  2. 2012年9月3日追記:次の記事を作成しました。

以上です。

関連記事
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)
スポンサードリンク
(この一行は、各ページ下部に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)