2013

19

Nov

WordPress

ウィジェットのタイトルを画像にしたい!

このブログのサイドバー部分。
ウィジェットで表示しています。

外観→ウィジェット
でサイドに表示するウィジェットを簡単に変更できます。

しかし、それだとそのままタイトルがテキスト表示されてしまいます。

function.phpのウィジェット設定部分に
before_title ※画像フォルダのパスに注意
after_title
を設定すれば、画像が表示できました。

function.php

function webalpha_widgets_init() {
	register_sidebar( array(
		'name' => __( '右サイドメニュー', 'webalpha' ),
		'id' => 'sidebar-1',
		'before_widget' => '<div id="%1$s" class="widget %2$s">',
		'after_widget' => '</div>',
		'before_title' => '<img src="'.get_template_directory_uri().'/img/',
		'after_title' => '.jpg" />',
	) );
}
add_action( 'widgets_init', 'webalpha_widgets_init' );

外観→ウィジェット
title部分に画像名を入れます。
widget

ブラウザでコードを確認すると、↓のように出力されてます。

<img src="http://blog.web-alpha.info/wp-content/themes/webalpha/img/side_title1.jpg" />

これで、無事画像でタイトルが出せました。


タグ ,

同じ「WordPress」カテゴリの記事
ABOUT

福岡在住、フリーランスのプログラマのメモ日記です。組込SEからWEB系に転向。子育てしながら、在宅SOHOにてお仕事しています。
ウェブサイトを作っていて困ったことや、よく調べることを書いていきます。

[対応言語]
HTML、CSS、PHP、Javascript、jQuery
Ruby On Rails、JAVA、C、C++、VB

[運営サイト]
キャラデコ弁.com
CSSデザインジェネレーター