雪夏2020年2月5日サイト・ブログ0件のコメントこの記事の前に、文字サイズを変えた記事を書いたのですがその記事にアイキャッチ画像を設定したところ、なんかすごい大きさでトップページに出てきました。いうデザインなのかなと思い、他の記事にもアイキャッチを設定してみることにしたのですがなんとさらにとんでもない大きさになった画像が...こちらがその様子です。実物よりも小さく表示されるカスタマイズ画面の、そこから該当部分と周辺だけ切り取って縮小表示させた画像でも伝わる気がするこの大きさ。これではまた修正を終えるまで更新したくなくなってしまう...。改善して数時間後でこれは嫌なので、即調整することにしました。OceanWPの記事一覧ページで画像のサイズがバラバラにならないように設定を変えるこれもカスタマイズから触るだけでいいので、プラグインなどを使わずとても簡単にできます。選んだスタイルに応じて画像の位置などを変更する動作確認1.外観→カスタマイズ→ブログ→ブログ投稿リストと進むダッシュボードの左に出ているメニューから、この順番でクリックorタップしていきます。大きな画像・グリッド・サムネイルの3種類から選びます。触ってない状態では大きな画像となっておりましたので、この症状で困っている方はたぶん大きな画像に設定されているかと思います。3.選んだスタイルに応じて画像の位置などを変更するここからは、スタイルに応じて出てくる項目が変わります。大きな画像が出てくるのを防ぐための調整ですので、グリッドとサムネイルの2つに絞って見てみます。記事抜粋の長さ・ページ送りを調整できます。このほか、タイトルなどの要素やカテゴリ名などメタ情報の表示させる・しないを選ぶこともできます。ここまで設定してる理由であるアイキャッチをそもそも表示させないことも可能です。グリッドスタイルをレンガ積みにすると、なにも考えてないこの状態ではひどい崩れ方をしたのでおしゃれにカスタマイズできる方向けのカスタマイズかと。見た目を整える目的での調整なら、グリッドスタイルの下にある【同一の高さ】にチェックを入れるといいです。画像のように高さが違うグリッドを、長いほうに合わせて自動で調整してくれます。画像の位置(左・右)・垂直位置(上・中央・下)・画像の幅・画像の高さを調整できます。カテゴリやコメントなどの文字色・記事抜粋の長さ・ページ送りスタイルも変えられます。垂直位置というのが聞き慣れない言葉ですが、この画像を上寄り・中央・下寄りのどこで表示させるかどうかの調整です。4.動作確認カスタマイズ画面だけではなく、通常画面からも表示が戻ってるかどうか確認します。終わりに最初に1記事だけアイキャッチ設定した時には「そういうデザインなのかな?」と思いましたがそうではないと気付いた時は焦りました...。プラグインやCSSなど、難しいことをせずにカスタマイズのみで統一できてよかったです。やり方を知って覚えるまでが大変ですが、1つ1つやっていけばどうにかなるうちは使ってみます。何かした時には、またこうしてやり方をまとめますね。oceanWP続きを読む過去の投稿へOceanWPで記事の基本の文字色と文字サイズを変更する【カスタマイズ項目から変えるだけの簡単作業】おすすめOceanWPでラベルつきのボックスを作る【Elementor不使用】2019年11月16日2019年の振り返りと2020年の目標。コメントをキャンセル次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。最近の投稿OceanWPの記事一覧ページで画像のサイズがバラバラにならないように設定を変える【カスタマイズを触るだけの簡単作業】2019年の振り返りと2020年の目標。