TOP画像を変えてみた。

このサイトのメイン・イメージ画像を変えてみた。

PHPだってHTMLだって、やり方は同じです。プログラムをどーこうするのでは無く、ただ単に表示指定しているテーマのimgフォルダー画像を、自分で作った画像と差し替えるだけ。

大抵のテーマはヘッダーPHP内のどこかに画像を入れるimg指定を書いてあるからすぐに判ります。(判んないなら・・・もう少し基礎勉強が必要ですケド・・)

例えば、「WSC7」ってテーマには「ヘッダー画像を差し替えるウィジェット」も装備されてるから、ダッシュボード→外観→ヘッダーで「ヘッダー画像編集」画面に行けば、簡単に差し替えられます。

元のテーマ画像から、そのまま差し替えるだけなら難しいサイズ指定なんかせずに、そのままデフォルトの画像と全く同じサイズ(同じ名前で保存すれば、さらに簡単)の画像を用意すれば、ポンッ!っと入れ替わる。

表示される画像サイズを「もう少し小さく」とか「大きく」したい場合は、CSS内のサイズ指定を変えれば良いんだけど、今回は別に変えなくてもいいやw

  • 元画像と全く同じサイズで、新しい画像を用意する。

もし、作った画像が大き過ぎるなら、先ほどのヘッダー画像の編集でトリミング(切り取り)が出来ます。でもでも!指定されてるデフォルトの画像より「僅かでも小さい画像」を貼り付けちゃったらNGです。指定サイズに引き伸ばされちゃう(僅かに引き伸ばされてただけでもボヤけて見えます)から、しっかりと縦横ともに、全く同じサイズ(出来ればJPEGやPNGなど、保存する拡張子もデフォルトの画像と同じに)用意しましょう。

  • ウィジェットが無ければ・・・

テーマにヘッダー画像編集のウィジェットが無かったり、難しいなら・・・デフォルトの画像をFTPでPC側にコピーして、画像編集ソフトに貼り付ければ、元の画像サイズが判る→そして、まったく同じサイズで同じ拡張子でオリジナル画像を作れば簡単。

それと、あまり「その後は画像をイジらない&元画像がもう必要ない」なら、デフォルトimg名と同じ名前で上書き保存しちゃっても良いかも。(同じimg名で保存すれば、テーマ・ソース内の指定img名の書き換えをしなくて済む。)

  •  保存形式は、今や何でも「PNG」でOKかな。

一昔前なら、IE基準で「イラストはGIFで!写真はJPEGで保存!」ってのが通説だったけど、最近は、一番画像劣化の少ない「イラストでも画像でもPNGで保存」が当たり前みたいですね。スマホでも綺麗に見れるし♪データーが多少大きくなっても無視出来るレベルだし♪ん?古いIEだと見れない?知りませーんw

  • ウィジェットが無いなら、自分でFTPソフトから画像を上書き保存する。

全く同じ大きさの新しいメイン画像が出来上がったら、FTPソフトでサーバー側の今、サイト設定しているテーマーのフォルダーを開いていけば、imgフォルダーがある筈。

例:FTPでサーバー側に接続→「public_html」→「wp_content」→「themes」→「該当テーマ内」→「img」

そのフォルダー中の該当するデフォルト画像を、新しく作ったオリジナル画像に入れ替える(上書き保存する)だけでOK。

すごく初歩的な事を書いてるけど、判らない人も居るかと思って書いてます。たまにimg画像じゃなくてCSSプログラムで直に画像を書かれてる場合もあるけど、大抵の無料テンプレートは「背景画像」「メイン画像」「ロゴマーク」「メニュー」「ボタン」は各テーマ内のimgフォルダー内のimg画像にあります。

画像表示が指定されてるimg名が判れば、メインでも、サイドバーでも、フッターでも、画像を入れ替えるのは同じ手順ですね。

ついでに今回は、左上に小さく出てた「WSC7」ってロゴimgも同様に作り変えてみた♪

まだまだデザイン・センスも絵心も上達しない私だけど・・・んまあ、画像は上達したら(?)また新しく作るとして・・・暫定仕様ってことで許してね。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です