LoginSignup
1
0

More than 3 years have passed since last update.

Gutenbergの埋め込みでWordPressのアイコン画像をカスタマイズする方法

Last updated at Posted at 2020-11-16

Gutenberg埋め込みでWordPress画像が表示される

実用的なGutenbergのカスタマイズをご紹介します。
WordPressのURLを埋め込みすると…WordPressアイコン画像が表示されます。
Alt text

サイトアイコンにオリジナル画像を登録

Alt text

WordPress管理画面メニューの
外観>カスタマイズ>サイト基本情報のサイトアイコンにオリジナル画像を登録します。

Alt text

Alt text

カスタマイズ大成功〜:v_tone2:

しかし…画像カスタマイズを行うと
WordPress管理画面のFaviconがオリジナル画像に変わってしまいます。

別に画像を指定する場合は管理画面のFaviconを設定します。
function.phpに以下の記述を追加してください。

管理画面のFaviconを設定

php
//管理画面にfaviconを指定
function admin_favicon() {
  echo '<link rel="shortcut icon" type="image/x-icon" href="/wp-includes/images/w-logo-blue.png" />';
}
add_action('admin_head', 'admin_favicon');

WordPress管理画面のFaviconも自由に設定できます。

Gutenbergカスタマイズの際は忘れないよう指定しておくと良いですね〜:fist:

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0