TopWordPressテーマ > 2009年7月
2009年7月 8日

WordPress 配布テーマ修正(画像の回り込み対処)

July 8,2009 12:03 AM
Tag:[, ]
Permalink

現在配布中の WordPress テーマを修正しました。修正内容は次の2点です。

  • 投稿・編集画面で画像の回り込み設定を行なった際に、本文が画像の横に回り込まない不具合を修正
  • 回り込み解除のスタイルを追加

修正されたテーマを利用する場合は、下記のサイトからダウンロードしてください。

WordPress テーマ

以下、修正前の問題点および、手動で対処する場合の方法をおしらせします。

1.問題点

投稿・編集画面で、次のように画像を左寄せ(または右寄せ)で挿入し、本文を回り込ませることができます。

ただし、サイトを表示すると、本文の1行目が画像の右下から開始し、2行目以降が画像の下にずれてしまいます。

2.対処方法

手動で対処する場合は下記の修正を行なってください。

まず、スタイルシートに下記の内容を追加します。

p img {
    padding: 0;
    max-width: 100%;
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

さらに、

  • メインインデックス
  • アーカイブ
  • ページテンプレート
  • 単一記事の投稿

のテンプレートにある、

<div class="entry-body">

の部分を、

<div class="entry-body clearfix">

に修正します。

これで次のように適正に本文を回り込ませることができます。

Comments [0] | Trackbacks [0]
Now loading...
ギターに入った猫
掲載広告募集
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

AMN
Categories
Monthly Archives
2020年
2019年
2018年
2017年
2016年
2015年
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
2005年
2004年
2003年
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
Powered by
Movable Type 6.0.3