Title: 記事を整列させたいのですが Last modified: 2015年2月7日 --- # 記事を整列させたいのですが * 解決済 [Isoyama](https://ja.wordpress.org/support/users/isoyama/) * (@isoyama) * [11年、 8ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e3%82%92%e6%95%b4%e5%88%97%e3%81%95%e3%81%9b%e3%81%9f%e3%81%84%e3%81%ae%e3%81%a7%e3%81%99%e3%81%8c/) * はじめまして。wp初心者です。 私はPinboaedのテーマを使用してwpでブログを書いてい ます。 タイトルのように、記事を整列させたいのですが、どうしたら良いのか分から ず知恵を貸して頂きたいです。 というのも、現在最新の投稿記事の下にそれ以前の記事 が3×3で表示される設定にしてあるのですが、画像のサイズはすべて同じになるように できました。 しかし、記事によって表示される文字数が違うためバラバラに並んでしま っている状態です。 どうしたら同じ文字数に揃えることができますか？ ご助言宜しく お願い致します。 8件の返信を表示中 - 1 - 8件目 (全8件中) * [taku-k](https://ja.wordpress.org/support/users/taku-k/) * (@taku-k) * [11年、 8ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e3%82%92%e6%95%b4%e5%88%97%e3%81%95%e3%81%9b%e3%81%9f%e3%81%84%e3%81%ae%e3%81%a7%e3%81%99%e3%81%8c/#post-201391) * こんにちは。 * 使用しているテーマの Theme Options をどのように設定されているか分からないので 正しいかはわかりませんが * css の * ``` .twocol .entry, .onecol .threecol .entry, #sidebar-boxes .widget, .threecol .widget { margin:4.87%; } ``` * に * height を指定して高さを一定にするという方法でどうでしょうか。 * ``` .twocol .entry, .onecol .threecol .entry, #sidebar-boxes .widget, .threecol .widget { margin:4.87%; height: 450px; } ``` * みたいな感じで。 * トピック投稿者 [Isoyama](https://ja.wordpress.org/support/users/isoyama/) * (@isoyama) * [11年、 8ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e3%82%92%e6%95%b4%e5%88%97%e3%81%95%e3%81%9b%e3%81%9f%e3%81%84%e3%81%ae%e3%81%a7%e3%81%99%e3%81%8c/#post-201393) * おおおおおできました！！ * #respond { margin:2.48%; height: 450px; background:#fff; border-bottom:#DDD 1px solid; border-bottom:rgba(0, 0, 0, .13) 1px solid; box-shadow:0 0 5px rgba( 0, 0, 0, .1); } * なんとなくここっぽい..というところに教えて頂いた通りの物をコピペしましたら成功 しました！ 本当に嬉しいです。 ありがとうございました。 * トピック投稿者 [Isoyama](https://ja.wordpress.org/support/users/isoyama/) * (@isoyama) * [11年、 8ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e3%82%92%e6%95%b4%e5%88%97%e3%81%95%e3%81%9b%e3%81%9f%e3%81%84%e3%81%ae%e3%81%a7%e3%81%99%e3%81%8c/#post-201395) * すみません、できた！ と思ったのですが、上記の状態に書き換えたところ、old post のボックスは 一見整列したようなのですが、適当な記事を開くとその記事のバックの ボックスも 同じ450pxに設定されてしまうようで、記事の文字がコメント欄の下側や背景 に流れてしまいました。 書き込むところが違うのかなとarticleなどで検索して適当に コピペしてみましたが、整列しません… 引き続き詳しい方いらっしゃいましたらお手を 貸して頂きたいです。 宜しくお願い致します。 * トピック投稿者 [Isoyama](https://ja.wordpress.org/support/users/isoyama/) * (@isoyama) * [11年、 8ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e3%82%92%e6%95%b4%e5%88%97%e3%81%95%e3%81%9b%e3%81%9f%e3%81%84%e3%81%ae%e3%81%a7%e3%81%99%e3%81%8c/#post-201400) * 分かりにくかったようで済みません。 当方プログラミングができないため、他の方の ブログを見て切り貼りでWPをいじっています。 今回困っているのが、ホームのページ での記事が整列していないことです。 記事は３×３で表示されています。 サムネイル の画像サイズは揃えてあり、恐らくマージン？の設定も効いているため記事同士の空間 の幅も揃っています。 しかし、サムネイル下に表示されているタイトルと本文のなが さが記事によって違っているため、記事が横１列にピシッと並んでいない状況です。 それでtaku-kさんの案で高さを指定してみたのですが、 .twocol .entry, .onecol .threecol. entry, #sidebar-boxes .widget, .threecol .widget { margin:4.87%; } に記述を追加 しても反応がなく、 #respond { margin:2.48%; height: 450px; background:#fff; border- bottom:#DDD 1px solid; border-bottom:rgba(0, 0, 0, .13) 1px solid; box-shadow: 0 0 5px rgba(0, 0, 0, .1); } このようにしたところ記事が横１列に並んだのですが、 今度は記事の単一ページまで高さが同じように指定されてしまい、記事の文字が背景に 流れてしまいました。 * single.phpの記述をいじったらどうにかなるかもと思ったのですが#respond に関する 記載がなかったのでお手上げ状態です。 タイトルと本文の表示文字数を指定するか、 ホームの記事の列が横に並ぶような記述をするか、最初にトライしたように高さをどうにか して指定できれば問題ないと思うのですが。さっぱり分かりません。 宜しくお願い致 します。 * [taku-k](https://ja.wordpress.org/support/users/taku-k/) * (@taku-k) * [11年、 8ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e3%82%92%e6%95%b4%e5%88%97%e3%81%95%e3%81%9b%e3%81%9f%e3%81%84%e3%81%ae%e3%81%a7%e3%81%99%e3%81%8c/#post-201403) * 間違っていたようですみません。 * Theme Options の Layout >> Grid Layout Dimensions * Content Columns Boxes Sidebar Columns Footer Sidebar Columns をどのように設定 されていますか？ * それと * 3×3で 表示されているのは トップページのことですよね？ * トピック投稿者 [Isoyama](https://ja.wordpress.org/support/users/isoyama/) * (@isoyama) * [11年、 8ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e3%82%92%e6%95%b4%e5%88%97%e3%81%95%e3%81%9b%e3%81%9f%e3%81%84%e3%81%ae%e3%81%a7%e3%81%99%e3%81%8c/#post-201404) * お手数をおかけしてすみません。 * Content Columns　4 Boxes Sidebar Columns 3 Footer Sidebar Columns 4 で設定さ れています。 * はい。トップページにスライダー、新着記事（３カラム分）過去の記事３×３、 右側 にウィジェット（１カラム分）という設定です。 * [taku-k](https://ja.wordpress.org/support/users/taku-k/) * (@taku-k) * [11年、 8ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e3%82%92%e6%95%b4%e5%88%97%e3%81%95%e3%81%9b%e3%81%9f%e3%81%84%e3%81%ae%e3%81%a7%e3%81%99%e3%81%8c/#post-201407) * 全ての記事にアイキャッチ画像が設定してあるという前提で * css の * ``` .threecol .entry-container { padding:6.1%; } ``` * に height で高さを定めると どうでしょうか？ * トピック投稿者 [Isoyama](https://ja.wordpress.org/support/users/isoyama/) * (@isoyama) * [11年、 8ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e3%82%92%e6%95%b4%e5%88%97%e3%81%95%e3%81%9b%e3%81%9f%e3%81%84%e3%81%ae%e3%81%a7%e3%81%99%e3%81%8c/#post-201411) * できました！ * 単一記事ページも特に問題ないです。 本当に本当にありがとうございました。 8件の返信を表示中 - 1 - 8件目 (全8件中) トピック「記事を整列させたいのですが」には新たに返信することはできません。 ## タグ * [カラム](https://ja.wordpress.org/support/topic-tag/%e3%82%ab%e3%83%a9%e3%83%a0/) * [設定](https://ja.wordpress.org/support/topic-tag/%e8%a8%ad%e5%ae%9a/) * [pinboard](https://ja.wordpress.org/support/topic-tag/pinboard/) * [整列](https://ja.wordpress.org/support/topic-tag/%e6%95%b4%e5%88%97/) * [文字数](https://ja.wordpress.org/support/topic-tag/%e6%96%87%e5%ad%97%e6%95%b0/) * フォーラム: [テーマ](https://ja.wordpress.org/support/forum/themes/) * 8件の返信 * 2人の参加者 * 最後の返信者: [Isoyama](https://ja.wordpress.org/support/users/isoyama/) * 最後の活動: [11年、 8ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e3%82%92%e6%95%b4%e5%88%97%e3%81%95%e3%81%9b%e3%81%9f%e3%81%84%e3%81%ae%e3%81%a7%e3%81%99%e3%81%8c/#post-201411) * 状態: 解決済 ## トピック ### 人気のトピック ### 返信がないトピック ### サポート関連ではないトピック ### 解決済みのトピック ### 未解決のトピック ### すべてのトピック