WordPressテーマSANGOの質問

ウィジェットを使った方法でカスタマイズできたが、下の新着記事との大きさが違う

アバター
けんたろう

お世話になっております。
SANGOいつも利用させていただいてます。

こちらの記事にあるように、ウィジェットで人気記事を作成しましたところ、表示されましたが、PC表示の際、下の新着記事とのサイズ感がどうにも気になり,,,解消する方法を教えていただければ幸いです。

ちなみにスマホではちょうど良いサイズ感で表示されてます。

【サルワカ風】トップページに人気記事を設置する方法
コメントへの回答
サルワカくん
サルワカくん
2020/05/09

お世話になっております。
拝見しましたが、追加したCSSがこちらの記事で紹介しているCSSと少し違うのが原因だと思います。
具体的には、@media only screen and (max-width: 480px) { ~ }のあたりが消えてしまっているようです。
再度CSSを貼り付け直すとよいかと思います。

ちなみに

<div class="cardtype__img">

<img ...

の間に空白タグが入ってしまっているようなので、タグとタグの間の改行やスペースを削除すると、画像の上の余白が消えるはずです。

アバター
けんたろう
2020/05/09

素早いご対応ありがとうございます。
サイズが揃いました。

そして教えていただきました通り改行や空白を消したところ、整いました。
ありがとうございます。

外観→テーマエディター→SANGOchildのスタイルシート
ではなく、追加CSSというところからCSSを入れたら治ったのですが、
SANGOchildのスタイルシートを編集する際は基本的にどのようなカスタマイズもFTPソフトが必要ということででしょうか…

サルワカくん
サルワカくん
2020/05/09

テーマエディターだけでもCSSの編集は可能です。
ただ、WordPressのテーマエディターは少し挙動が不安定なので、FTPソフトとテキストエディター(AtomやSublime Textなど)を使ったほうが安心だと思います。

アバター
Cast
2022/04/30

いつもお世話になっております。

「その1:ウィジェットを使った方法(簡単)」を利用させていただき、人気記事欄を作成しました。
(私の場合は名称を「ピックアップ記事」に変更、新着記事欄下に配置)

ただ、その際、新着記事との大きさが異なるのです。
以前同様のご質問をされていた方がいらっしゃいましたが、そちらを確認をしても解決に至りませんでした。
解決方法がありましたら教えていただきたいです。

なお、タブレット・スマホでは同じ大きさで表示されており、問題ありません。

お手数ですが、よろしくお願い致します。

サルワカくん
サルワカくん
2022/04/30

お世話になっております。
ご案内が古い情報ですみません。
直接HTMLを使ったカスタマイズだとアップデートの際に影響が出る可能性がありますので、
現在だとこちらの方法ではなく固定ページでトップページを作っていただき、記事一覧ブロックで
それぞれ「新着記事一覧」と「おすすめ記事」を作っていただくのが良いかもしれません。
記事一覧ブロックの使い方についてはこちらをご覧ください。
https://saruwakakun.com/sango/sango-block-posts

また固定ページの作り方についてはこちらの記事がおすすめです。
https://saruwakakun.com/sango/sango-gutenberg-lp
よろしくお願いします。

アバター
Cast
2022/05/05

早速のご確認と解決方法をありがとうございます。
固定ページから無事に新着記事欄とピックアップ記事欄を作成できました。

ただ、トップページ画面で各記事のアイキャッチ画像が出ないです。
(編集画面では問題なく表れます)

解決方法などありますでしょうか。
度々ですみませんが、よろしくお願いいたします。

サルワカくん
サルワカくん
2022/05/05

お世話になっております。
おそらく何かのプラグインが影響していると思うのでプラグインを無効化していただけますか?
よろしくお願いします。

アバター
Cast
2022/05/05

本当にお早いご対応ありがとうございます。

ご指摘のとおり、プラグイン「a3 Lazy Load」を無効化すると、問題なくアイキャッチ画像が表示されました。
ありがとうございました、大変助かりました。