cyama

こんばんわ＾＾

こうしても現象としては変わらず、画像が表示されずに、HTMLソースの文字化け現象も同じでした。

UTF-8での処理の仕方に適切なものがあるでしょうか？

適切かどうかわかりませんが、ＤＷで調整が終わった後にチェックをもう一度するのが通常かと・・。
わたしもＤＷを使っていますが、必ず最後に文字コードチェックをしています。

なので、同様の現象に出会った事がないのでわかりませんが、ＤＷからコピーをする時点の文字コードが問題なくUTF-8で記述も正確ならばＷＰでは普通に表示されるはずなので他に原因があるということになります。
こうなると、固有の現象なので、なかなか外部の人では解決しにくいかと思います。

こんにちは＾＾よかったです。

今回のは、凄い難しい事ではありません。
ただし、現在は記事が少ないのでいいのですが、今後記事が増えた時におそらくカテゴリーページやナビゲーションなどのデザインが崩れる可能性があるので

現状のデザインを維持したままで、分割するのは意外と大変かもしれません。

と述べさせていただきました。カテゴリーページ用のファイルが別にあってデザインを適用させないならば問題は無いと思いますが・・

これを読んだらいいという本などありましたら、今後の参考のために教えて下さい。

これについては、yalexm　さんがどのくらいの知識があるのかわからないのでなんとも言えません。

ＷＥＢデザイン関係の事ならＨＴＭＬとＣＳＳの本を読むかネット上で知識を拾えば良いでしょうし、
このデザイン部分の知識があったうえで、WordPressの基本的構造を知れば、今回のようなケースは対処出来る範囲だと思います。

ただ、このデザインは機械的に作られているため、デザインが複雑と言うか、後々のカスタマイズには向いてない構造になってるかな～とは思いました。
※具体的に言うとＤＩＶ要素を使いすぎ、似通った名前の要素が多すぎ、どこからどこまでが要素の適用範囲かわかりづらい（これが一番重要かも）・・と言った具合。
だから最初のアドバイスで間違った；・・と言い訳してみるｗ

ですから、最低限、どの要素がどういった働きをしているかを知ることが出来ればいいです。

まずは公開用ではなくＨＴＭＬ＆ＣＳＳを使って、ローカル環境でデザインを作ったりするといいかもしれません。そのあとにもしくは同時にwordpressの基本的知識を学べば自分でデザインしたＷＥＢを公開できるようになりますし、そのころには知識も付いているのでデザインに関するカスタマイズも出来るようになるでしょう。

追記：
それから、ＣＳＳが初期の状態に戻っていないようです。サイドバーの表示が若干おかしいので、元に戻すのをお忘れなく＾＾

すみません、ちょっとおかしかったので書き直し。。

<?php get_header(); ?>
<div class="contentLayout">
<div class="content">

  <?php if (have_posts()) : ?>

    <?php while (have_posts()) : the_post(); ?>
<div class="Block">
  <div class="Block-body">

<div class="BlockContent">
  <div class="BlockContent-body">

      <div class="post" id="post-<?php the_ID(); ?>">
        <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
        <small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>

        <div class="entry">
          <?php the_content('Read the rest of this entry &raquo;'); ?>
        </div><!-- entry end -->

        <p class="postmetadata"><?php the_tags('Tags: ', ', ', ''); ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?>  <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>

      </div><!-- post end -->

  </div><!-- BlockContent-body end -->

</div><!-- BlockContent end -->

  </div><!-- Blockbody end -->
  <div class="Block-tl"></div>
  <div class="Block-tr"><div></div></div>
  <div class="Block-bl"><div></div></div>
  <div class="Block-br"><div></div></div>
  <div class="Block-tc"><div></div></div>
  <div class="Block-bc"><div></div></div>
  <div class="Block-cl"><div></div></div>
  <div class="Block-cr"><div></div></div>
  <div class="Block-cc"></div>
</div><!-- Block end -->
    <?php endwhile; ?>

    <div class="navigation">
      <div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
      <div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
    </div>

  <?php else : ?>

    <h2 class="center">Not Found</h2>
    <p class="center">Sorry, but you are looking for something that isn't here.</p>

  <?php endif; ?>
</div><!-- Content end -->

<div class="sidebar1">

こんにちわ。
うわ、すみませんでした＾＾；
朝の一見で片付くような話じゃなかったみたいです・・。

夜にでもまた訪れてじっくり見ますので、大変申し訳ありませんが現在までの処理を白紙に戻してもらったほうが良いかもしれません。理由は、現状で意図する形になっていない為と型崩れがおきてる事などです。

すみませんが夜までお待ちくださいませ。では、また後ほど。

ＣＳＳの中身を見てないので、型崩れを起こすかもしれませんが、
恐らくBlockContent-bodyが外枠なので、

該当のＤＩＶ要素

<div class="BlockContent-body"></div>

をループ内に入れてください。

<?php while (have_posts()) : the_post(); ?>
<div class="BlockContent-body">
　
      <div class="post" id="post-<?php the_ID(); ?>">
        <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
        <small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>

        <div class="entry">
          <?php the_content('Read the rest of this entry &raquo;'); ?>
        </div>

        <p class="postmetadata"><?php the_tags('Tags: ', ', ', ''); ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?>  <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?>

      </div>

</div>
<?php endwhile; ?>

これで一投稿ごとに囲われますが、今度は

<div class="navigation">
<h2 class="center">
<p class="center">

が外に放り出されますので、調整が必要になるかもしれません。

ＣＳＳの中身を見てないのでこれ以上はなんとも言えません。

追記:
差し支えなければブログアドレスを教えてもらったほうが的確にアドバイスできると思います。

自己レスです。
ああ、ごめんなさい；

投稿画面でのexcerpt欄への自動生成の話なんですね・・
ブログへの表示と勘違いしました申し訳ない。無視してください。