機能

【embed】ブログカードに出ているファビコンを消す方法

WordPressの標準機能としてある埋め込み(embed)のブログカードですが、特に何も設定していないと自分のサイト名にファビコンが付きます。
このファビコンの設定を一切していない場合は、基本的にはWordPressのロゴが表示されます。
ファビコンを設定している場合は、必要かもしれませんが、設定をしていない場合は、こんなのいらないよっていう人もいると思います。

そんな方向けに今回はブログカードのファビコンを消す方法をご紹介します。

スポンサーリンク
新たにレンタルサーバーを選ぶならこれ!
エックスサーバー
  • 国内シェアNo.1の高速サーバーなのでストレスフリー!
  • 自動バックアップ機能に標準対応で安心運用可能!
気になるポイント!キャンペーン中に契約すれば.com等のドメインを永久無料で使えます!
WordPressでサイトを運用すると重くなりがちですが、使用しているレンタルサーバーのスペックがあまり良くないと、どんなにWordPress側で高速化をしていても、なかなか高速化の成果が反映されません。サイトの表示スピードが上がらない原因がレンタルサーバーの場合は、エックスサーバーにしてみると改善するかもしれません! またサーバー等のバックアップを自動で行っているので、安心してサイトの運用をすることができます! またマルチドメイン、メールアドレスを無制限で使えるというのもうれしいですね。

公式サイトはこちら

ファビコンとは?

ファビコンはサイトのロゴのようなもので、良く使用される個所としては、ブラウザのタブに左側に【ファビコン+ページ名】という形で表示されています。

embedのブログカードでも表示されています。

上画像では、ファビコンを設定していなので、WordPressのロゴが表示されています。
これを今回は消していきます。

embed-content.phpをテーマファイルにコピー・functions.phpにコピペ

ブログカードのカスタマイズになりますので、【embed-content.php】のファイルを使用しているテーマのファイルにコピーします。
オリジナルのファイルがある場所は、
【public_html/wp-includes/theme-compat/embed-content.php】にあります。

また編集が反映されるように、以下のコードをfunctions.phpにコピペしてください。

function my_embed_style() {
    wp_enqueue_style('wp-embed-template-org', get_stylesheet_directory_uri() . '/wp-embed-template.min.css');
}
add_filter('embed_head', 'my_embed_style');

既にファイルがテーマファイルにある場合や、以下の記事で既にカスタマイズをしている場合は、ファイルのコピーやfunctions.phpにコピペする必要はありません。

また、コピーする場所などが分かりにくい場合は、以下の記事に詳しく書いているので、そちらを参考にしてください。

カスタマイズ/

これで準備完了です。

embed-content.phpを編集する

embed-content.phpのファイルを編集していきます。

embed-content.phpファイルの下の方に以下のコードを探してください。

	do_action( 'embed_content' );
		?>

		<div class="wp-embed-footer">
				<?php the_embed_site_title() ?>
			<div class="wp-embed-meta">
				<?php
				/**
				 * Prints additional meta content in the embed template.
				 *
				 * @since 4.4.0
				 */
				do_action( 'embed_content_meta');
				?>

上のコードの5行目にある
【<?php the_embed_site_title() ?>】
コチラのコードを、以下のように書き換えます。

<div clss="wp-embed-site-title">
	<a href="サイトURL" target="_top"><span>サイト名</span></a>
</div>

上の「サイトURL」と「サイト名」の箇所を書き換えて下さい。

書き換え後は以下のようになります。

		do_action( 'embed_content' );
		?>

		<div class="wp-embed-footer">
			<div clss="wp-embed-site-title">
				<a href="https://plu-plu.net" target="_top"><span>Plus Plus</span></a>
			</div>
			<div class="wp-embed-meta">
				<?php
				/**
				 * Prints additional meta content in the embed template.
				 *
				 * @since 4.4.0
				 */
				do_action( 'embed_content_meta');
				?>

これで、ファビコンがなくなりました。

若干スッキリしすぎて寂しい感じがしますが、こんな感じになります。
お試しあれー

コメント