カスタムウィジェットに関しまして
-
esoraと申します。
とても簡単な質問なのではと思いますが呆れずご教授下さい。カスタムウィジェットという訳ではないのですが、
http://naosan.heteml.jp/welcart/
↑上記サイトでWelcartというプラグインを使っているのですが、
左右、専用のWelcartウィジェットを挿入できるのですが、
例えば、左カラム上段の「Welcart キーワード検索」という部分の
文字の前に画像が表示されています。これは、専用のWelcartウィジェット
のものなのですが、WordPressで使えるウィジェットも文字列の前に
画像を表示したいのですが…
例えば、左カラム下段の「リンク」という部分は、WordPressのリンクウィジェット
を挿入したものなのですが、この「リンク」という文字の前に画像を表示したいのですが、
どのファイルで編集したらよいかわからず、フォーラムに投稿した次第です。お恥ずかしい次第ですが、教えて頂きたく、何卒、よろしくお願いします。
-
wp-admin/css/widgets.css で cssでコントロールできるのかなと思い、
現在、このファイルと格闘中です。どなたか、この投稿、目にとまった方は、
ご教授下さいm(__)mテンプレートタグ/wp list bookmarks
http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/wp_list_bookmarksここを参考にウィジェット内でPHPを実行できる「PHP Code Widget」のプラグインを
導入して、上記を無理矢理、やってみました。ただ、一つ、わからないのが
<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
このように書くと、リンクの説明文章は表示されませんが、上記内容をクリアしてます。
しかし、説明文も表示したいので、
<?php wp_list_bookmarks('title_li=&categorize=0=&show_description=1'); ?>
このように書くと、<h2>リンク</h2>
という文字が表示されています。
これを消すには、どのように書いたらいいのでしょうか?
現状は2番目の記述をして表示されていますので見て頂けたらと思います。
( 左カラム下段 リンク の部分 http://naosan.heteml.jp/welcart/ )kzさん、ありがとうございますm(__)m
問題、解決しました(∩.∩)が。。。
IE8だけ表示が崩れてしまいました。(Windows XP SP3 IE8ブラウザ最新版)
FirefoxもSafariも大丈夫だったんですが(・_・、)また、格闘してみます。
こんな簡単な投稿につきあって頂いて、本当にありがとうございました。引き続き、おつきあい、願いたいのですが、「PHP Code Widget」ウィジェットを使うと、
そのタグが入ってしまって、IE8だけ表示が崩れてしまいます。
いろいろ、やってみたのですが、どうも、うまくいきません。現在は、WordPress標準の「リンク」ウィジェットを利用して、再度、表示させています。
http://naosan.heteml.jp/welcart/元に戻ってしまうのですが、この「リンク」という文字の前に画像を入れたいのですが、
この標準の「リンク」ガジェットは、どのファイルを編集して、画像タグの記述をすれば
いいのでしょうか?教えて頂けると助かります。よろしくお願い致しますm(__)m
Welcartのプラグインの中に、専用のウィジェットあるのですが、確かにその
コードの中には画像、指定してあります。専用のウィジェットをみて、
リンクウィジェットもつくれるといいんですが。。。
http://www.usconsort.com/community/archives/1158
これに格闘は。。。。知識、勉強不足です\(__ ) ハンセィ(未検証)
※どちらの場合も、画像(images/calendar.png)はお好みのものに変更してください。Plan A:
functions.php に以下を追加。function my_widget_title($output){ if('リンク' == $output) $output = '<img src="<?php bloginfo('template_url'); ?>/images/calendar.png"' /> . $output; return $output; }
Plan B:
style.css に以下を追加。.widget_links .widget_title{ padding-left:29px; background:url(images/calendar.png) 0 3px no-repeat; }
訂正:
function my_widget_title($output){ if('リンク' === $output) $output = '<img src="' . get_bloginfo('template_url') . '/images/calendar.png" />' . $output; return $output; }
<?php if ( function_exists('register_sidebar') ) { register_sidebar(array( 'name' => 'leftbar', 'before_widget' => '<li id="%1$s" class="widget %2$s">', 'after_widget' => '</li>', 'before_title' => '<div class="widget_title">', 'after_title' => '</div>', )); register_sidebar(array( 'name' => 'rightbar', 'before_widget' => '<li id="%1$s" class="widget %2$s">', 'after_widget' => '</li>', 'before_title' => '<div class="widget_title">', 'after_title' => '</div>', )); } function my_widget_title($output){ if('リンク' === $output) $output = '<img src="' . get_bloginfo('template_url') . '/images/page.png" />' . $output; return $output; } ?>
これは、WordPress標準の「リンク」ウィジェットを使った場合の方法だと
思うのですが、あっていますか?現在は、標準の「リンク」ウィジェットで
表示しています。
http://naosan.heteml.jp/welcart/
訂正したものを、functions.phpに追加したのですが(画像名は変更して、その画像はアップ済)
特にエラーもなく、何も変化がありません。
ソース上も何も変わっていないと思います。追加している場所が悪いのでしょうか?kzさん、対応していただいて、本当にありがとうございます。多謝m(__)m
Plan B も試してみましたが、「リンク」という文字も消えて、ブロックが白くなり
「リンク」の文字部分に、何も表示されなくなりました。
先程、投稿したのは、現在の functions.php の中身です。
こちらの方で、挿入場所などの間違いがあったら、指摘して下さい。<div class="widget_title">リンク</div>
ちょうど、この「リンク」という文字の前に画像が挿入タグがソースに表示されなければ、ですよね?
<div class="widget_title"> <img src="http://naosan.heteml.jp/welcart/wp-content/plugins/usc-e-shop/images/login.png" alt="Welcart ログイン" />Welcart ログイン </div>
↑
これは、Welcart専用のガジェットのログインのソースの部分です。
- トピック「カスタムウィジェットに関しまして」には新たに返信することはできません。