MENTAやTimeTicketでZoomオンライン指導・メンタリングを行っています。
WordPressやHTMLサイトのトラブル、SEO対策のご相談、HTML・CSS・WordPressなどのレクチャーなどが可能です。


【あくちゃん様】WordPressのトップ画像を変更したい

WordPressでトップページの画像を変更したいというご相談を頂きました。

ご自身で制作されたもので無い場合は変更が難しいと思いますが、方法はいくつかあります。


トップの画像を変更したい

画像を変更したのですが、WordPressの操作がわかりません。
WordPressには、ログインできています。
私が作成したHPでは無い(2015年頃作成)ので、よくわかりません、
こんな状況ですが、教えてくれると助かります。

回答 画像変更の方法

ご入力いただいたURLのトップページを確認しても、アップロードして頂いた画像を見つけることができませんでした。

トップのスライドショー画像ということでよろしいでしょうか。以下の方法はスライドでなくても使える方法なので参考にしていただければと思います。

WordPressで画像を変更するには、
1.管理画面にログインして変更する方法
2.サーバー上のファイルを差し替える方法

の2通りがあります。

1.管理画面にログインして変更する方法

1の方法は、変更したい画像がプラグイン(WordPressの拡張機能)などで表示されている場合に有効です。
ログインして変更できそうなメニューが無い場合は、2の方法になります。
外観 > ヘッダー といったメニューが無いかも確認してみましょう。外観 > カスタマイズ などから変更できる場合もあります。

2.サーバー上のファイルを差し替える方法

2の方法はWPに限らず、どのようなサイトでも取られる手段です。

レンタルサーバー上のファイルも、パソコンの中と同じくフォルダによって分けられています。サーバー上のファイルを同名ファイルで置き換えれば、サイト上の画像も置き換えることができます。

貴社サイトの画像のURLを拝見しました。JavaScriptでスライドショーが表示されており、画像はimgフォルダの中にflach_1.jpg といった名前で格納されているようです。

Google Chromeのブラウザでは、差し替えたい画像の上で右クリック>要素 でその画像のソースコード(画像のURL パス)を確認することができます。
クローム開発者ツール

確認したソースコードがこちら
トップ画像の変更

試しに
http://【貴社サイトURL】/img/flash_1.jpg
http://【貴社サイトURL】/img/flash_2.jpg
http://【貴社サイトURL】/img/flash_3.jpg
http://【貴社サイトURL】/img/flash_4.jpg
http://【貴社サイトURL】/img/flash_5.jpg
といったURLをブラウザのアドレスバーに打ち込み、ブラウザに表示されるかを確認してみましょう。

ちなみに、通常画像ファイルというのは通常以下の形で書かれています。

<img src="【画像URL】" />

つまり、スライド画像を差し替えたければ、imgという名前のフォルダにFTPソフトなどで差し替えたい画像と同じ名前のファイルをアップロードし、上書きすれば変更できます。(デザイン的に、サイズは揃えることをおすすめします)

サーバーに接続する手段がない場合は、サーバーを管理している業者様に委託するしかありません。

サーバー上のファイルはあらかじめダウンロードし、バックアップを取ってから行いましょう。(サーバー上で上書きされたものは復旧できない可能性もあります)

すぐにサイト上に反映されないこともあるでしょう。(キャッシュといって、古い画像を表示していることがあるためです)
Ctrl+F5 や F5キー(キーボードの最上列)を押せばキャッシュがクリアされて新しい画像が表示されると思います。

uplodasフォルダの場合

画像のURL(パス)が/wp-content/uploads にある場合は注意が必要です。

このフォルダにある画像は、管理画面のメディアから、メディアライブラリにアップされた画像だからです。

メディアライブラリにアップされた画像は、アップした段階で小中大(サイズ等は設定によります)サイズが自動的に作られ、投稿やプラグインに挿入されるとデータも紐づけられています。

ファイル名を確認して差し替えれば変更は可能かと思いますが、メディアライブラリからその画像を操作したりということは出来なくなるかもしれません。

また、メディアライブラリに同名の画像をアップすると、-1.jpgなど、画像の後ろに番号が付いた形でアップされます。

完全に同名でアップしたい場合は、以前の画像を削除してからアップしなくてはいけませんが、設定 > メディア で「年月ベースのフォルダ」にチェックが入っている場合は、uploada/2018/07/画像名 といった形でアップされるため、まったく同じ画像URL(パス)でメディアライブラリにアップすることができません。
メディア設定

このような場合は、画像を表示しているHTML(PHP)自体を編集する必要が出てきます。

まとめ

基本的に、サーバー上のファイルを置き換えれば画像を変更することができます。HTMLなどを編集する必要もありません。
ただし、WordPressの場合は注意点があるということですね。参考にして頂ければ幸いです。

これらの対応が難しい場合は代行することも可能ですのでお気軽にお問い合わせください。(実作業なので有償対応にはなります)

貴社サイトを拝見した所、モバイル対応やSSL対応がまだのようです。WEB担当の方であれば、以下もチェックされることをおすすめします。

Google WEBマスター向け公式ブログ モバイルファーストインデックス

Google WEBマスター向け公式ブログ 保護されたウェブの普及を目指して

おすすめコンテンツ

コメントを残す

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

CAPTCHA