サポート » テーマ » 記事2列→1列 画像表示サイズ変更【hueman】

  • 記事2列表示になってるのですが
    これを一列にして画像表示サイズも変更できたらと
    おもってるのですがなかなか
    (画像の右にコメント表示するようにしたい)

    やり方がわかりませんm(__)m

    似たような記事はあったのですが
    どうもちょっと違う感じで…

    他にも記事の配列を指示してるPHPがあるって
    記事もあり

    archive.php index.php search.phpに

    あると書いてありましたが

    どこ?どの部分がそれを示してるのか
    全く理解できず…そこだけいじるだけで
    うまくいくといいんですが
    お力お貸しくださいm(__)m

    もしPHPらへんをいじるとかなら
    直接いじってしまうとテーマ更新されたときに
    上書きして消されちゃいますか?

    よろしくお願いいたしますm(__)m

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • こんにちは。テーマを見てみたのですが、レイアウトを変更する場合にはphpではなくcssでできるのではないかと思います。
    記事の一覧を2列にしているのは、style.cssのこの部分かと思います。

    .post-list .page { width: 50%; float: left; }

    これを下のように修正すると1列の表示になります。

    .post-list .page { width: 100%;}

    あとはどのようにレイアウトしたいかで、phpファイルにタグを足すことはあるかもしれませんが、基本的にはcssでだいぶ調整できるのではと思います。
    cssを変更されるときには、huemanのアップーデートで上書きされないように、過去の質問でnobitaさんが答えていらっしゃるように、チャイルドテーマのstyle.cssに書かれると良いと思います。

    https://ja.forums.wordpress.org/topic/157608?replies=4

    わたしもあまり詳しくはないので、的外れな回答でしたらすみません!

    spicagraphさんありがとうございます❤

    CSSで出来るなんて…それすら
    気づきませんでした(笑)💦

    ただ子テーマで入力すると反映されないという
    新たな問題が…⤵
    (親テーマで入力すると反映されました)

    検索してみたところ
    @importで指定するとか…でも
    @importを書いてもダメでした💦

    もしかする親CSSテーマからまた別のテーマを
    引き出してるから

    子テーマより先にその部分が他のとこを優先されてるのでしょうか?

    他の色指定などは
    反映されてるのにその記事を1列にするとこが
    何故か反映されません💦

    もちろん
    いろいろ調べて自分なりに解決していけるよう努力しますが…
    もし何か知っているようならアドバイスしていただけると
    助かりますm(__)m

    いろいろ調べたのですが…
    その部分は特に何かが優先されてるような要素がないように
    思えて…もう何でも試してみようと思いまして

    いったん子テーマのCSSを消去して
    親テーマCSSをまるごとコピーし、その指定いただいた場所を
    100%として更新したら反映されました

    …子テーマのやり方として
    直したいとこを指定して追加するって形ではなく

    まるごとコピーしてそれをいろいろといじったほうが
    いいのでしょうか?

    ただ
    いろんな他のカスタマイズもしていて~💦
    追加するだけで変更可能な記載CSSのやり方も多くて

    うちとしては変えたい部分を指定して追加していくってほうが
    スッキリしていいようにおもえるのですが~よくわかりませんm(__)m

    ご指定していただいたように
    ただ子テーマに

    .post-list .page { width: 100%;}

    を記入して反映されるほうがいいんでしょうか?

    でもそれだと反映されないってのは
    何かうちのやり方が悪いのでしょうか?

    CSSファイルもテラパットで書いてから更新し、ほぼその部分をコピペして
    ちょっと変えるだけなので入力間違いはないとおもいます

    親のCSSをまるごとコピーしてそこから変更するのがベストか
    変更したい部分を追加(その部分だけ変更)するのがいいのか

    どうしたらいいのでしょう?

    こんにちは、いろいろ調べていただいてありがとうございます!

    >@importで指定するとか…でも
    >@importを書いてもダメでした

    これはもしかして!importantのことかな?と思いました、違っていたらすみません。
    http://www.xml.vc/kiso/!important.html
    これを最優先にして!という指定で、最後の手段という感じですね。

    子テーマの場合は、親テーマの後に読み込まれるものとわたしも思っていたので
    子テーマに書いてダメというのは不思議ですね…ちょっと後で試してみます。
    全てコピーして修正していくのは手間ですし、大変ですよね。
    変えたい部分だけ書いて上書きするのが望ましいとわたしも思うのですが…
    (なにが正しい、というのはないと思いますが)

    取り急ぎお返事を、ちょっと子テーマ試してみますね。

    ご丁寧にありがとうございますm(__)m

    CSSのインポート方式で
    @importと書いてやってみました

    あまり推奨されないやり方って書いてあったのですが
    CSSが反映されないなら@importでCSSを読み込む方法もあったので
    試してみましたがダメでした💦

    もちろん直接

    .post-list .page { width: 100%;}のとこに

    .post-list .page { width: 100%! important ;}

    って書いてもやってみました

    それもダメでした💦

    なのにCSSを全部コピーして
    そこを変えるとできるってのは
    不思議でよくわかりませんねm(__)m

    .post-list .page { width: 100%;}

    だけでは指定された部分の場所をCSSが認識できてない
    ってことなんですかね…

    スタイルシートの優先順位もありますが、スタイルシート内での優先順位も有ります。
    プロパティの指定がない場合は、有効になりますが
    .post-list .page { width: 100%;}
    がブロックで指定されていませんか。

    その、スタイルシートの最も最後に追記する。
    そのクラスの親要素から指定してみましょう。

    こんにちは、

    Theme option / blog

    Standard Blog List を On にすると一列表示になりませんか?

    Onに設定後
    例えば画像を100pxに変更

    .post-standard .post-thumbnail {
        margin-left: -130px;
        max-width: 100px;
    }
    .post-standard .post-inner {
        padding-left: 130px;
        padding-bottom: 20px;
    }

    みなさまご指摘本当にありがとうございますm(__)m

    nobitaさんのやり方でやってみたところ
    できました~1列にできてサイズなどの変更も子テーマで
    ちゃんと反映されます

    まさか

    Theme option / blog

    Standard Blog List

    で指定されてるなんて思わなかったです💦
    こんなに調べてもTheme optionで1列にできるなんて
    見つけなかったのはとても迷惑かけましたm(__)m💦

    これは最近なにかアップグレードしたのですかね…
    何にしろよかったです

    でもこれで何となく子テーマで反映されない理由がわかりました
    こちらのTheme optionプラグインのほうが最優先されてる感じなのでしょうか?

    最終的にはみなさまのお力で解決できましたが
    いろいろ調べて試行錯誤して勉強できたことも

    自分のためになりましたぁ🎵

    いろんな問題がこれからもまたあるんですよね💦
    めげずに頑張ります!

    みなさま本当にありがとうございました🎵

    spicagraphさんもいろいろ調べていただき
    嬉しかったです🎵

    韓国語の名前の方も(どう読むかわからない💦)も
    お力ありがとうです🎵

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック「記事2列→1列 画像表示サイズ変更【hueman】」には新たに返信することはできません。