Posts』は人気記事などを調査して、サムネイル付きでサイドバーに表示してくれる、素晴らしいプラグインです。内部でのSEO対策としても有効ですし、何より見栄えが良いですよね。一方では、サムネイル画像とタイトルと記事抜粋のバランスが崩れやすいという声が多く聞かれます。Posts』をすでに導入している方が多いのではないでしょうか。本題に入る前に『目的違い』になってしまっては申し訳ないので、始めに症状と目的を記載しておきます。当てはまりそうな方は先へお進み下さい。くくりを個別にした症状と目的の記載このHPをパソコンで見てもらうと分かりやすいのですが、右サイドバー形式(250px)で横長写真をサムネイル画像として用いているのが特長です。PC表示スマホ縦表示パソコンで観覧する分には、一切困ることはありません。スマホなどの端末だと画像右側にタイトルが回り込みます。次にスマホを横位置にすると、画像の右側にタイトル表示となりました。画像サイズは250pxなので、理屈ではスペースいっぱいなはずなので、特に設定をしなくても、回り込みはしないと考えていました。ちなみに今までは『どこからでも同じように見れるように』とレスポンシブ表示ではありませんでした。それが最近『やっぱり文字が小さくて読みにくいかも』と思い始め、レスポンシブ表示にしたら気になったという経緯です。Posts』へ辿り着いて下さい。Markup』にチェックを入れ保存します。すると、HTMLでの書き込みが可能となります。{stats}</li>デフォルトではこんな記述になっています。今回は『stats』は使わないので削除します。{title}</li>12<li>{thumb}<br/>{title}</li>スマホ縦表示スマホ横表示パソコンは変化なしなので載せません。Align="left">{title}</Div></li>こちらも効果なしです。{title}</li>123<li>{thumb}<hr>{title}</li>まさかの回り込み部分に、一文字サイズの線が入りました(/∇\*)そんなわけで、一通り笑わせてもらいました^_^そして、ついに結果発表です。Align="left">{title}</Div></li>最終的に採用したのは『li』の範囲を狭めることでした。ご覧の通り、画像とタイトルを一つづつくるみました。画像下にラインが入り、別枠扱いとなりました。スマホ横表示しかし、端末の横は画像右とは行かず、当然ではありますが下に入りました。時間を掛けて色々試した結果なのでこれでいいにします。CSSを巧みに使いこなす方なら行けるのでしょうけど、テーマによっても様々でしょうからね。完全解決とはなりませんでしたが、どこかの誰かのお役に立てれば幸せです。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。date*日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)関連記事WordPressWordPress『さくらサーバー』でドメイン後ろの『/wp』を外すタイトル通りですが『さくらサーバー』を使ったことのある人ならば、誰もが直面する難しさでしょう。ホームページを持とうと決意した矢先の話ですから、結構疲れてしまう出来事なのです。Advanced』フォントサイズ変更WordPressで記事を書く際、あまり自由度がないような気分になります。困るのは、フォントサイズではないでしょうか。Link』と楽天アプリID/デベロッパーIDとは少し前にアマゾンアソシエイトの『AmazonJS』について記事を書かせて頂きました。『設定は大変だったけど、便利だなぁ』と喜んでいたら『楽天はどうなの?』という疑問が湧いて来たので調べてみました。WordPressWordPress記事のTwitter自動投稿で、画像表示が可能になったWordPressで記事を書き、同時にTwitterやGoogle+などへ自動連携をしている方も多いと思います。Avatars』ブログを書いていると、コメントを頂くことがあります。そこへ『アバター』を表示させたいと考えている方も多いと思います。別になくてもいいけど、あったら幸せ。今回は、その程度のお話です。PREVおしゃれ&かわいい、キッチン周りの便利グッツNEXT前歯を失ってから3ヶ月。彼のその後の人生とは・・・。