• 主婦の悩みを解消してくれるパソコン使った在宅ワーク
HOME > 私のサイトHPができるまで > サイトができるまで⑥WPテンプレートをカスタマイズする方法 画像を変える方法

サイトができるまで⑥WPテンプレートをカスタマイズする方法 画像を変える方法

主婦がパソコン使って在宅ワーク HPサイトの作り方

WPテンプレートのメイン画像を変える方法

こんにちは。
パソコン使った在宅ワークに精を出す、海外在住主婦のmoliです。

素人主婦でもできた!サイトの作り方をお伝えしています。

WPのダッシュボード(管理画面)に好きなテンプレートをインストールし、有効化しました。

すると、初めはこんな感じになっています。

主婦 ネットビジネス サイトの作り方

見本のまんまになっていますね。

メイン画像も変わっていないし、ロゴも変わっていない。

では自分のサイト用に画像を変えていく必要があります。

テンプレートで使われている画像の名前、サイズ、ファイルの種類を確認

まず、このテンプレートのファイルがどのようにアップロードされているか一度確認してみましょう。

ロリポップにログインし、「ロリポップFTP」を左欄から選びます。

私の場合

「wp-content」>「themes」>「wp_bushi_red」>「images」の順でクリックしていくと、
一覧が出てきます。

 

主婦 在宅ネットビジネス テンプレート画像替え方この「images」をクリックすると、このようにファイルが開きます。

主婦 在宅ネットビジネス テンプレート画像の変更法どの画像がホーム画面のメイン画面になっているか確認します。

このテンプレートの場合、「page_top_img.jpg」と「page_top_ing.jpg」「index_ing.jpg」の三つが以下のような
はじめから入っているイメージフォトになっています。

●さらにそれをクリックすると、画像サイズも確認できますので、メモしておきましょう。

●また一番最後の「jpg」に注目!画像の拡張子を確認してください。

主婦 在宅ネットビジネス テンプレート画像を変更する方法

ではどうやって画像を差し替えて使うのでしょうか?

答えを簡単に言ってしまえば、これと同じ大きさ、同じ名前のファイルを作って、FTPでアップロードするときに、
この画像に上書きしてしまえばいいのです!

いまこのテンプレートでは「page top img.jpg」という画像をメインの画像として使用するとプログラムされているわけですから、
これと同じ名前の画像をアップロードしてしまえば、画像が切り替わるはずですね!

さてやっていきましょう!

まず、WPダッシュボードの「外観」≫「テーマ編集」を開きます。

テンプレートによって違いますが、「ヘッダー」か「固定ページphp」、今回は「メインインデックス」でしたが…。

を見ると、画像の大きさが記されている所が見つけれるでしょうか?

今回のメイン画像は「index img.jpg」という名前で設定されているんですが、たしかに見るとその名前とその隣にサイズが。

主婦 在宅ネットビジネス テンプレート画像保存方法ここにwidth=910, height=270と書かれています。

なるほど。メイン画像はこのサイズで作ればぴったりはまるという事ですね!

さらに「固定ページテンプレート」の方を見ると、

主婦 在宅ネットビジネス テンプレート画像の変更法「page_top_ing.jpg」が910×165で設定されていることがわかります。

 

つまり今回は

910×165のサイズの「page_top_img.jpg」と「page_top_ing.jpg」

910×270のサイズの「index_ing.jpg」の、計三つ画像を差し替える必要がありそうです。

 

バナー工房で同じサイズ、同じ名前の画像を作成

さっそく作っていきましょう。

私はバナー工房という画像を好きに加工できる無料サイトを活用しています。

ここで910×270の画像を作って、保存します。その時作ったのがこれ。

主婦 在宅ネットビジネス テンプレート画像の変更法

PNGイメージからJPEGイメージに変更

でもこのままではこの画像は「PNGイメージ」になっています。

確認方法は保存している画像にカーソルを置いて、右クリックし、「プロパティ」をクリック。

すると、画像の種類を確認できます。

主婦 在宅ネットビジネス テンプレート変更法先ほどのテンプレートのzipファイルを開き、「image」を確認していただくとわかるのですが、

「page_top_img.jpg」と「page_top_ing.jpg」「index_ing.jpg」はすべてJPEGイメージになっています。

画像の種類を変更していきます。

パソコンに初めから入っている「ペイント」を開きます。

左上のをクリックし、「開く」を選択。先ほどの画像を選択します。

 

画像が開いたら、「名前を付けて保存」をクリック。

主婦 在宅ネットビジネス テンプレート変更法

ファイルの種類をPNGからJPEGに変更します。ファイル名は「.jpg」の前までを入力し保存すると、勝手に「.jpg」が後ろにつきます。

FTPを使ってアップロード

あとは簡単。

FFFTPを起動します。

サーバー側を
wp-contents≫themes≫(お使いのテンプレート名)≫images

の順にクリックしていき、テンプレート内に保存されている画像一覧を表示します。

サイトができるまで⑤FTPアクセス制限

この状態で、

ホスト側から「page_top_img.jpg」と「page_top_ing.jpg」「index_ing.jpg」をサーバー側にアップロードします。
この時点ではホスト側(左)、サーバー側(右)両方に同じ名前の画像ファイルがある状態ですね。

当然同じ名前のファイルがあるので「上書きしますか?」と確認がでます。

「はい」としましょう。

これで完成です!

見事メイン画像が好きな画像に変わりました!

 

在宅ネットビジネスもともとド素人の主婦の私が、
悪戦苦闘しつつも(汗;)、楽しんでここまでできるようになったのは、

サポートの手厚いアップのみなさんと

きちんとプログラム化されたノウハウのおかげです!

 

「初心者だから」

「やったことないから・・・」

の不安は皆無ですよ^^

もし興味が少しでもおありでしたら、
ぜひまずお気軽に無料資料ご請求ください♪

 

あなたと一緒にこの在宅ワークができることを心待ちにしています♪

あなたをサポートする準備は整っています。

 

一緒に「かっこいい!できる堅実主婦」をめざしましょう!

 

安心・安全・主婦に大人気の在宅ワークがあります!
まずはお気軽に無料資料請求ください

罫線小茶色 無料資料請求ボタン罫線小茶色

資料請求したからといって、
しつこい勧誘や電話などは一切ありませんので、 お気軽にお読みください♪

関連記事

 

まだ不安だ!という方はお問い合わせください!

まだよくわからない・・・。不安要素が捨てきれない・・・。

という方は、ぜひお気軽にお問い合わせください♪
小さい疑問と不安を解消してこそ、楽しんで胸張ってビジネスに取り組めるものです。

◆当サイトへのお問い合わせ◆

下記の問い合わせフォームにてお気軽にお尋ねください。
(24時間受け付けております!)
出来る限り48時間以内にお返事させていただけるよう努めていますが、土日祝などにかかる場合は、お返事が遅れる場合がございます。あらかじめご了承ください。

お名前※必須
メールアドレス※必須
お問い合わせ内容※必須

 

あなたのビジネス成約率アップをフォローする、ビジネスパートナーフォローシステムをこのサイトから登録してくださった方全員にプレゼントします ネットワークビジネスは商品が欲しいお客さんには商品の良さを、このビジネスを一緒にやってみたいビジネスパートナーにはビジネスの面白さと成功法をお伝えし、商品を流通させる宣伝法であり、合法のビジネスです。そして唯一普通の主婦が印税的権利収入を得る可能性をもてるお仕事だと思います。でもあなたは商品を紹介したり新規愛用者を見つけるのが上手でも、あなたのビジネスパートナーはそうではないかもしれません。またあなた自身が人に上手に説明できないかもしれません。大切なのは、あなたのグループ全体が同じように負担なくビジネスを拡大し、出来るだけ簡単な方法でビジネスを進めていける事。そうじゃないとみんな嫌になりビジネスをやめていくかもしれません。そうなるとグループがいつまでたっても育たなくなります。そこで説明不要!みんな紹介する「人」を見つけることだけに専念できたら楽だと思いませんか?このサイトからビジネス参加してくださった方へ嬉しいサポート。ビジネス内容、商品説明、報酬プランや成功法などを詳しく文章や動画で説明したグループ特製のサイトをプレゼント。あなたはお友達やご家族、ブログやSNSを通してこのサイトのURLを紹介するだけでOK。サイトがあなたに代わり情報をお伝えします。あなたが難しい説明を誰かにする必要はありません。ビジネスに参加したくなる、商品が欲しくなる、ステップメールをあなたに代わり自動送信。あなたがサイトURLを紹介したお友達には、自動でビジネス最新情報やビジネスをやる気にさせるフォローメールが自動で配信され、あなたのビジネス成約率アップをフォローします!

安心・安全・主婦に大人気の在宅ワークがあります!
まずはお気軽に無料資料請求ください

罫線小茶色 無料資料請求ボタン罫線小茶色

資料請求したからといって、
しつこい勧誘や電話などは一切ありませんので、 お気軽にお読みください♪


他にもたくさん!! 在宅ワーク情報はこちらから♪
  • SEO
  • loading
  • 主婦必見!パソコン使った安心在宅ワーク



「主婦必見!副業で自立とゆとり実現。パソコン使って在宅ワーク」ホーム画面へ戻る