ワードプレスのレスポンシブ テーマ、Avadaには予めいろいろなアイコンが用意されていて、簡単に使用できます。これをFont Awesome Icon（フォントアウサム。素晴らしいフォントの意味）といいますが、検索アイコンや矢印、ハートマークなどの各種アイコンがあり、ほぼ全てのページに利用されるものです。
サイトのシステム変更などで仮サイトを作る場合には同一サーバ内でURLを変更する事があるでしょう。その場合、 Font Awesome Icon が表示されなくなります（文字化け）。
Font Awesome Iconは検索アイコンや矢印、ハートマークなどの各種アイコンに使用されていて、ほぼ全てのページに使用されています。
Font Awesome Iconが表示されなくなった場合、Google chromeでは□（四角）に表示され、Microsoft Edgeでは何も表示されません。
これを直すためには次のようにします。
ワードプレスの管理画面にログイン。
Avada
↓
Theme Options
と進みます。
ページ上部に発生しているエラー内容が表示されるはずです。この不具合を解消するとfontoawesomeが正常に戻ります。
一般的には次のメッセージでしょう。
Media fields using remote URLs were detected in your theme options:
Page Title Bar Background Image
Please replace them with locally-imported files from your media-library
意味
テーマ・オプションに使用されているメディア・フィールドに外部サイトのURLが使用されています。
該当箇所はページタイトルバーの背景画像です。
メディア・ギャラリーに直接アップロードした画像と差し替えてください。
ページタイトルバーの背景画像は次のように差し替えます。
ワードプレスの管理画面にログイン。
Avada
↓
Theme Options
↓
Page Title Bar
↓
Page Title Bar
と進みます。
Page Title Bar Background Image という項目にある
Page Title Bar Background Image にて、背景画像を新たにアップロードして、それに差し替えれば直ります。
デフォルトの背景画像と同じにする場合には
http://移転前のサイトURL/wp-content/themes/Avada/assets/images/page_title_bg.png
にあるpage_title_bg.pngをダウンロードし、それを新サイトのPage Title Bar Background ImageからUploadすればOKです。
オリジナルの背景画像をタイトル文字の背景に使用する場合には、作成した画像をPage Title Bar Background ImageからUploadすればなさってください。
ちなみに、デフォルトの背景画像のサイズは1400X87ピクセルです。
