こんにちは。テーマを見てみたのですが、レイアウトを変更する場合には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さんもいろいろ調べていただき
嬉しかったです🎵
韓国語の名前の方も(どう読むかわからない💦)も
お力ありがとうです🎵