• 解決済 Isoyama

    (@isoyama)


    はじめまして。wp初心者です。
    私はPinboaedのテーマを使用してwpでブログを書いています。
    タイトルのように、記事を整列させたいのですが、どうしたら良いのか分からず知恵を貸して頂きたいです。
    というのも、現在最新の投稿記事の下にそれ以前の記事が3×3で表示される設定にしてあるのですが、画像のサイズはすべて同じになるようにできました。
    しかし、記事によって表示される文字数が違うためバラバラに並んでしまっている状態です。
    どうしたら同じ文字数に揃えることができますか?
    ご助言宜しくお願い致します。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • こんにちは。

    使用しているテーマの 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

    (@isoyama)

    おおおおおできました!!

    #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

    (@isoyama)

    すみません、できた!
    と思ったのですが、上記の状態に書き換えたところ、old postのボックスは
    一見整列したようなのですが、適当な記事を開くとその記事のバックのボックスも
    同じ450pxに設定されてしまうようで、記事の文字がコメント欄の下側や背景に流れてしまいました。
    書き込むところが違うのかなとarticleなどで検索して適当にコピペしてみましたが、整列しません…
    引き続き詳しい方いらっしゃいましたらお手を貸して頂きたいです。
    宜しくお願い致します。

    トピック投稿者 Isoyama

    (@isoyama)

    分かりにくかったようで済みません。
    当方プログラミングができないため、他の方のブログを見て切り貼りでWPをいじっています。
    今回困っているのが、ホームのページでの記事が整列していないことです。
    記事は3×3で表示されています。
    サムネイルの画像サイズは揃えてあり、恐らくマージン?の設定も効いているため記事同士の空間の幅も揃っています。
    しかし、サムネイル下に表示されているタイトルと本文のながさが記事によって違っているため、記事が横1列にピシッと並んでいない状況です。
    それで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);
    }
    このようにしたところ記事が横1列に並んだのですが、今度は記事の単一ページまで高さが同じように指定されてしまい、記事の文字が背景に流れてしまいました。

    single.phpの記述をいじったらどうにかなるかもと思ったのですが#respond に関する記載がなかったのでお手上げ状態です。
    タイトルと本文の表示文字数を指定するか、ホームの記事の列が横に並ぶような記述をするか、最初にトライしたように高さをどうにかして指定できれば問題ないと思うのですが。さっぱり分かりません。
    宜しくお願い致します。

    間違っていたようですみません。

    Theme Options の
    Layout >> Grid Layout Dimensions

    Content Columns
    Boxes Sidebar Columns
    Footer Sidebar Columns
    をどのように設定されていますか?

    それと

    3×3で 表示されているのは トップページのことですよね?

    トピック投稿者 Isoyama

    (@isoyama)

    お手数をおかけしてすみません。

    Content Columns 4
    Boxes Sidebar Columns 3
    Footer Sidebar Columns 4
    で設定されています。

    はい。トップページにスライダー、新着記事(3カラム分)過去の記事3×3、
    右側にウィジェット(1カラム分)という設定です。

    全ての記事にアイキャッチ画像が設定してあるという前提で

    css の

    .threecol .entry-container {
    	padding:6.1%;
    }

    に height で高さを定めると どうでしょうか?

    トピック投稿者 Isoyama

    (@isoyama)

    できました!

    単一記事ページも特に問題ないです。
    本当に本当にありがとうございました。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック「記事を整列させたいのですが」には新たに返信することはできません。