1362710022 wordpress3.5に関して質問です。

http://q.hatena.ne.jp/1362636593
先日質問させて頂いた内容と基本的に同じなのですが質問内容の詳細が欠けていました。
style.cssに下記の記述を追加する事によりトップページの表示の問題は解決しました。
ーーーーーーーーーーーーーーーーーー
.entry-content img {
float: left;
padding-right: 2em;
}

.entry-content .entry-meta {
clear: both;
}

ーーーーーーーーーーーーーーーーーーーーーーーーー

上記の設定を加えると実際の投稿ページでも画像が左、テキスト部分が右になってしまいます。
実際の投稿されたページは

http://taisy0.com/2013/03/08/14740.html

こんな感じで表させたい。具体的には

テキスト

画像(中央揃え)

テキスト

こんな順番で表示させたいです。
どのような作業が必要か教えて頂ければと思います。

回答の条件
  • URL必須
  • 1人5回まで
  • 13歳以上
  • 登録:2013/03/08 11:33:42
  • 終了:2013/03/13 06:52:32
id:mkusume

補足です。
対象としているサイトのアドレスは
http://dca-labo.info/demo8/
です。

サイト内の投稿内容もお知らせしておきます。

テスト投稿




選曲、演奏ともに小細工がなくて良いです。Char流ジミヘン解釈がそのままストレートに出ています。「Purple Haze」や「Manic Depression」はライブでは昔からお馴染みの曲ですが、その他の曲は初めて聴きました。
Char流のジミヘン愛がつまっているアルバムだと思います。




このアルバムは選曲が良いと思います。(選曲者は大友博)色々な大人の事情があったみたいですが上手く曲を選んでいると思います。「Them Changes」ってカバー曲として取り上げられないですよね。ナイスな選曲だと思います。個人的には「Little Wing」あたりも聴いてみたかったのですが・・・(どんな感じで演奏するのか想像できないので・・)演奏もかなり良い感じです。曲が良いからそんな風に思えるのでしょうか・・
色々考えて独自にアレンジするのは極力抑えているのでしょう。


テスト投稿2

選曲、演奏ともに小細工がなくて良いです。Char流ジミヘン解釈がそのままストレートに出ています。「Purple Haze」や「Manic Depression」はライブでは昔からお馴染みの曲ですが、その他の曲は初めて聴きました。
Char流のジミヘン愛がつまっているアルバムだと思います。






このアルバムは選曲が良いと思います。(選曲者は大友博)色々な大人の事情があったみたいですが上手く曲を選んでいると思います。「Them Changes」ってカバー曲として取り上げられないですよね。ナイスな選曲だと思います。個人的には「Little Wing」あたりも聴いてみたかったのですが・・・(どんな感じで演奏するのか想像できないので・・)演奏もかなり良い感じです。曲が良いからそんな風に思えるのでしょうか・・
色々考えて独自にアレンジするのは極力抑えているのでしょう。

回答(1件)

id:a-kuma3 No.1

a-kuma3回答回数4607ベストアンサー獲得回数19442013/03/08 14:06:38

ポイント140pt

style.cssを以下のような感じにすれば行けると思います。

body.home .entry-content img {      /* body.home を追加 */
    float: left;
    padding-right: 4em;
}

body.home .entry-content .entry-meta {      /* body.home を追加 */
    clear: both;
}

/* 個別ページ用のスタイル */
body.single-post .entry-content img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

トップページと、個別のページでは body 要素についているクラスが違っているので、トップページ用には、現在指定しているスタイルのセレクタに body.home のしばりを追加しました。

個別の投稿ページでのスタイル指定は、body の .single-post をセレクタに入れたところで、IMG を block 要素にして、左右のマージンを auto にしています。

他7件のコメントを見る
id:rouge_2008

「抜粋」の欄に入力したテキストを「the_exerpt()」で出力しているのではないかと思いますが、確認はしていないです・・・(^^;
(※個別投稿ページでは画像の後ろにさらに「the_content()」で本文全体を出力)

http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/the_excerpt

2013/03/09 12:29:24
id:mkusume

ありがとうございます。
確認します

2013/03/09 13:45:56
  • id:a-kuma3
    助けてっ >rouge_2008 さん
  • id:rouge_2008
    今になってですが、気がついたのでコメント残します。

    インデックスページやカテゴリー、年月別などのアーカイブページ、検索結果のページについてはアイキャッチ画像を表示し、個別投稿ページでは投稿に挿入した画像を表示しているのだと思います。(※それぞれ別々の画像なので表示状態も違います。)
    ※テンプレートにアイキャッチ画像を表示する記述を追加する必要がありますが、調べるとたくさん出てくるのでここでは割愛します。
    ※個別投稿ページの画像はコンテンツ本文内の記述により表示しているので、表示の為の記述の追加は不要です。(※画像は「<!--more-->」より後に挿入します。)
  • id:mkusume
    わざわざコメント頂きありがとうございます。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません