タグ: カスタマイズ

「Simple Tags」のカスタマイズ

投稿日:

　WordPressのプラグイン「Simple Tags」を愛用している。記事に含まれるキー・ワードで自動的にタグをつけることも可能だ。しかし、いつもいつもこの「自動タグ機能」を使いたいわけでもない。なので、ほとんどの場合、記事を新規作成した時の「□　Disable auto tags ?」のチェックボックスを「☑」(チェック)にして、機能をオフにする。ところが、これが毎回毎回なのが気に食わない。この機能のデフォルトが「非checked」だからだ。実に面倒である。

　そこで、プラグイン・エディタで該当部分を書き直してしまうことにした。

　プラグイン内を片っ端から検索してみたところ、「simple-tags/inc/class.admin.post.php」がその部分を生成していることが分かった。

　その中に、

		// Auto terms for this CPT ?
		if ( (int) SimpleTags_Plugin::get_option_value( 'active_autotags' ) === 1 && isset( $auto_options[ $post->post_type ] ) && ! empty( $auto_options[ $post->post_type ] ) ) {
			$meta_value = get_post_meta( $post->ID, '_exclude_autotags', true );
			echo '<p>' . "\n";
			echo '<label><input type="checkbox" name="exclude_autotags" value="true"  ' . checked( $meta_value, true, false ) . ' /> ' . __( 'Disable auto tags ?', 'simpletags' ) . '</label><br />' . "\n";
			echo '</p>' . "\n";
			echo '<input type="hidden" name="_meta_autotags" value="true" />';
		}

……という箇所があるのだが、これを

		// Auto terms for this CPT ?
		if ( (int) SimpleTags_Plugin::get_option_value( 'active_autotags' ) === 1 && isset( $auto_options[ $post->post_type ] ) && ! empty( $auto_options[ $post->post_type ] ) ) {
			$meta_value = get_post_meta( $post->ID, '_exclude_autotags', true );
			echo '<p>' . "\n";
			// echo '<label><input type="checkbox" name="exclude_autotags" value="true"  ' . checked( $meta_value, true, false ) . ' /> ' . __( 'Disable auto tags ?', 'simpletags' ) . '</label><br />' . "\n";
			echo '<label><input type="checkbox" name="exclude_autotags" value="true" checked="checked" ' . checked( $meta_value, true, false ) . ' /> ' . __( 'Disable auto tags ?', 'simpletags' ) . '</label><br />' . "\n";
			echo '</p>' . "\n";
			echo '<input type="hidden" name="_meta_autotags" value="true" />';
		}

……と、下線赤字のように書き足したわけである。さて、うまく作動するかな？……。

WordPress画像挿入時動作のカスタマイズ

投稿日:

　愛用中のWordPress。書きやすいし、気に入っている。

　しかし、記事に画像を挿入するときの動作が気に入らない。WordPressの画像の挿入機能は、タテヨコをimgタグのwidth・height両属性で書いてくる。つまり

「<img …… width=”320px” height=”240px” …… >」

……というふうに書きこんでくるのだが、これが気に入らないのである。

　これだと、ブラウザのウィンドウ・サイズなどを変更したり、モバイルや携帯で表示させたときに画像がハミ出したり、周囲の文字が収まりきらず、おかしな具合に画面が散らかったりしてしまう。リサイザブルでないわけである。ここは

「<img …… style=”width:50%;” …… >」

……等であってほしい。こういうふうであれば、ウィンドウのサイズを小さくしたブラウザで表示しようが、携帯やモバイルで表示しようが、必ず表示領域の半分の大きさで画像が表示されるわけである。

　しかし、現行のWordPressはそういうふうにはなっていないし、そういうふうにユーザ設定を追加する機能もない。

　それで、画像を挿入するときには、毎回この「<img …… width=”320px” height=”240px” …… >」というタグの「width……height……」というところを手で削り、「style=”width:50%;”」と書き直していた。

　しかし、毎回毎回、じつに面倒臭い。

　そこで、意を決してカスタマイズした。

　この「width」「height」を書き込んでいるのは、WordPressインストールディレクトリの下の「wp-admin/includes/media.php」というファイルである。

　このファイルの末尾に、次のように書き加える。

function remove_hwstring_from_image_tag( $html, $id, $caption, $title, $align, $url, $size ) {
	list( $img_src, $width, $height ) = image_downsize($id, $size);
	$hwstring = image_hwstring( $width, $height );
	$html = str_replace( $hwstring, ' style="width:50%;" ', $html );
	return $html;
}
add_filter( 'image_send_to_editor', 'remove_hwstring_from_image_tag', 10, 7 );

　これで、邪魔くさいwidth・heightの代わりに幅50%のスタイルが無理やり書き込まれる。

　この改良に当たり、次のサイトを参考にさせていただいた。

　ただ、これをやっちまうと、WordPressのアップデートがあるたびにこのファイルをカスタマイズしなければならないわけである。うーん。……ま、いいか。