WordPress Snippet

ワードプレスをカスタマイズしよう

代替画像の表示

WordPressで、メディアを追加などから、画像を追加した場合には、特に代替画像が必要になる事はありませんが、長い期間運用していて、あるページの添付ファイルが削除された場合、

他の投稿で、同じ画像を表示していた場合には、画像が存在しないため、バッテン印のエラー画像が表示されるようになります。

しかし、長い期間運用していると、その画像が他のどの投稿で使用されているのか調べるのは かなり手間のかかる作業になると思います。

投稿本文の画像が表示できないときに、代替画像を表示する方法を検討してみました。

functions.php

	add_action( 'wp_enqueue_scripts', 'my_alternative_image' );

	function my_alternative_image() {
			wp_register_script( 'alternative-image', '//example.com/js/theme.js', array( 'jquery', 'jquery-migrate' ), '', false );
			wp_enqueue_script( 'alternative-image' );
	}

theme.js

	( function () {
	 jQuery( function () {
	 jQuery( ".entry-content img" ).error( function () {
	jQuery( this ).unbind( "error" ).attr( "src", "//www.example.com/wp/wp-content/uploads/2015/08/404.jpg" );
	 } );
	 } );
	} )( jQuery );

[emulsion_relate_posts]