• 新着記事
  • 副業ブログ
    • ライティング
    • SEO対策
    • ドメイン・サーバー
    • Rank Tracker
    • COMPASS
    • ヒートマップ
  • ワードプレステーマ
    • SWELL
    • AFFINGER6
  • Googleサービス
    • Googleアナリティクス
    • SearchConsole
    • Googleアドセンス
    • Googleタグマネージャー
    • ルッカ―スタジオ

SEOノウハウ・副業ブログ・ワードプレス

WPORZ

  • 新着記事
  • 副業ブログ
    • ライティング
    • SEO対策
    • ドメイン・サーバー
    • Rank Tracker
    • COMPASS
    • ヒートマップ
  • ワードプレステーマ
    • SWELL
    • AFFINGER6
  • Googleサービス
    • Googleアナリティクス
    • SearchConsole
    • Googleアドセンス
    • Googleタグマネージャー
    • ルッカ―スタジオ
  1. HOME >
  2. メインビジュアル

メインビジュアル

SWELLのメインビジュアルがきたない場合：きれいに表示させる方法

2024/10/5    SWELL, メインビジュアル

SWELLのメインビジュアルが「なんか、きたない…」と思ったことはないですか？ モニターサイズに合わせてつくっていても、設定によっては、画像がきたなくみえてしまうことがあります。 どうすれば、きれいな ...

仮想つながり

マイペースでブログを更新中！ワードプレス、各種ツールの使い方など、ブログ運営のノウハウを紹介。

RankTracker（ランクトラッカー）を安く購入する方法 【超有料級】Twitter APIでXに自動投稿する方法：スプレッドシート × GASで誰でも無料でできる！

人気の記事

  • SWELLの見出しデザインを変更する方法：デザインパターンを画像付きで紹介

  • SWELLに自分のオリジナルCSSやJS（Javascript）を追加する方法

  • SWELLでコンテンツの横幅を変更する方法

  • 「SEOツール」COMPASSのキーワード選定の使い方を徹底解説：競合の少ないキーワードを見つける方法

  • 【初心者必見】AFFINGER6の初期設定ガイド！おすすめ20項目＋αを解説

目次

  • 1 メインビジュアルがきたなくなってしまう原因
  • 2 SWELLのメインビジュアル（背景画像）について
    • 2.1 メインビジュアルの高さ設定
  • 3 メインビジュアルの高さを「数値で指定する」にした場合
    • 3.1 「vw」と「vh」
  • 4 メインビジュアルの高さを「画像・動画サイズのまま」にした場合
  • 5 ブログパーツを使った時の注意点
    • 5.1 ブログパーツを使った時のおすすめ設定
    • 5.2 強引にCSSを使う場合の設定サンプル
  • 6 まとめ
  • プライバシーポリシー
  • 免責事項・プライバシーポリシー
  • お問い合わせ

SEOノウハウ・副業ブログ・ワードプレス

WPORZ

© 2025 WPORZ