• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+
イイね!
2025年01月01日

PC版のページトップに画像を追加してみた

※スマホ版では表示されません 正確にはアプリ版は不可 ブラウザ版でPC表示だと可

第一印象は大事とこんな感じかなと作成してみました。



今までの文字だけだとレビュー等の記事しか通常見ないと思われる。
プロフィールとか愛車情報まで見てくれる方は少ないと思います。 ※興味がある方は除く
若干の効果はあると思います。

同様に画像を追加したい方への手順等は ※PC版での手順

1 表示したい画像を準備
  2パターンの設定方法があり、今回は楽な簡易版の場合
  画像サイズは930x930 これ以上大きい場合は自動で縮小変換される

  あまり高さが大きい画像はスクロールが必要と横長の画像がいいかな
  私は930x195サイズで作成しました 930x250サイズだとちょっと大きかった為

  通常画像には「プロフィール - タイトル」に指定の文字が追加されます。
  見づらい、枠取りなどができない為に、これは下記で非表示と
  別途画像内にタイトルを追加しておきました。

  ついでに好きなブランド等の文字も追加しておきました。
  文字だけだと見づらいとかあるので背景色、背景枠、文字色、文字枠なども追加
  時間とセンスの関係でこの程度で十分です。

  JPGに保存します。

2 みんカラ側の設定 ※使用中のスタイルで若干位置などは異なる
 1 左側のメニュー - スタイルシート
 2 スタイルシートの選択で「簡易編集」をクリック
 3 下部の「ヘッダー画像 - ファイルを選択」で上記で保存した画像を選択
   ※サイズが大きい場合などは自動変換をON
 4 若干上の「ヘッダーの高さ」でこの画像を表示エリアの高さを選択
   画像サイズ以上だと余白が追加されます 色などは指定可能
   画像サイズ以下だと画像の下部がカットされて表示へ 画像サイズ以上を指定
 5 最下部の「保存」をクリック
 6 スタイルの選択 ※設定を保存しただけでまだ反映されていない
 7 最下部の「カスタムスタイルの適用」をクリックで上記で保存した内容が反映
   ※反映前に確認したい場合はプレビューをクリックで確認できます

3 タイトルの文字を非表示にしたい場合 ※上記設定だとタイトルの文字も表示
 上記の「2-1 スタイルシートの選択」で「詳細設定」をクリック
 下部にある「ヘッダータイトル - font-size」を「0」に指定することで非表示へ

見てくれる方によっては、好印象になる場合と逆効果な場合がありますが
しばらくこの状態で使ってみますのでよろしくお願いします。

あとついでにプロフィール画像もリアビューに変更してみました。
ブログ一覧 | みんカラ | クルマ
Posted at 2025/01/02 00:02:49

イイね!0件



タグ

今、あなたにおすすめ

関連記事

「改訂版」Windows 11 J ...
☆通行人さん

スタイルシート(半透過背景・フラグ ...
よっちゃん8さん

XPROGでFRM3を修理その2
beerfreakさん

トラックボールマウス エレコム H ...
h_nobuさん

昨日のWindows10 Upda ...
☆通行人さん

この記事へのコメント

ユーザーの設定によりコメントできません。


プロフィール

「布洗浄機 アイリスオーヤマ リンサークリーナー 購入 http://cvw.jp/b/3479259/48604699/
何シテル?   08/17 00:27
ご覧頂きありがとうございます。 クリップの1番目の記事を見てくれるとうれしいです。 よろしくお願いします。
みんカラ新規会員登録

ユーザー内検索

<< 2025/8 >>

      1 2
3 4 5 6 7 8 9
1011 1213 14 1516
17181920212223
24252627282930
31      

リンク・クリップ

お知らせなどの個人的なまとめ(2025/1更新) 
カテゴリ:その他(カテゴリ未設定)
2025/01/01 11:42:31
トヨタ純正対策部品 エアコンチューブ、他 
カテゴリ:その他(カテゴリ未設定)
2024/12/16 12:05:47
PVとイイね!関連は興味ある方が多いみたい 役立つ情報? 
カテゴリ:その他(カテゴリ未設定)
2024/08/10 07:41:32

愛車一覧

トヨタ ハリアー トヨタ ハリアー
ご覧頂きありがとうございます。 クリップの1番目の記事を見てくれるとうれしいです。 よろ ...
ヘルプ利用規約サイトマップ

あなたの愛車、今いくら?

複数社の査定額を比較して愛車の最高額を調べよう!

あなたの愛車、今いくら?
メーカー
モデル
年式
走行距離(km)
© LY Corporation