サポート » 使い方全般 » カスタムウィジェットに関しまして

  • 解決済 esora

    (@esora)


    esoraと申します。
    とても簡単な質問なのではと思いますが呆れずご教授下さい。

    カスタムウィジェットという訳ではないのですが、
    http://naosan.heteml.jp/welcart/
    ↑上記サイトでWelcartというプラグインを使っているのですが、
    左右、専用のWelcartウィジェットを挿入できるのですが、
    例えば、左カラム上段の「Welcart キーワード検索」という部分の
    文字の前に画像が表示されています。これは、専用のWelcartウィジェット
    のものなのですが、WordPressで使えるウィジェットも文字列の前に
    画像を表示したいのですが…
    例えば、左カラム下段の「リンク」という部分は、WordPressのリンクウィジェット
    を挿入したものなのですが、この「リンク」という文字の前に画像を表示したいのですが、
    どのファイルで編集したらよいかわからず、フォーラムに投稿した次第です。

    お恥ずかしい次第ですが、教えて頂きたく、何卒、よろしくお願いします。

15件の返信を表示中 - 1 - 15件目 (全19件中)
  • トピック投稿者 esora

    (@esora)

    wp-admin/css/widgets.css で cssでコントロールできるのかなと思い、
    現在、このファイルと格闘中です。どなたか、この投稿、目にとまった方は、
    ご教授下さいm(__)m

    トピック投稿者 esora

    (@esora)

    テンプレートタグ/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/ )

    style.css:
    .linkcat h2{display:none;}
    で OK。

    トピック投稿者 esora

    (@esora)

    kzさん、返信ありがとうございます。
    このスタイルは、上記のコードのどこに書けばいいのでしょうか?

    使用しているテーマのフォルダに style.css というファイルがあるので
    (最後行にでも)貼付ければ OK です。

    トピック投稿者 esora

    (@esora)

    kzさん、ありがとうございますm(__)m
    問題、解決しました(∩.∩)

    が。。。

    IE8だけ表示が崩れてしまいました。(Windows XP SP3 IE8ブラウザ最新版)
    FirefoxもSafariも大丈夫だったんですが(・_・、)

    また、格闘してみます。
    こんな簡単な投稿につきあって頂いて、本当にありがとうございました。

    トピック投稿者 esora

    (@esora)

    引き続き、おつきあい、願いたいのですが、「PHP Code Widget」ウィジェットを使うと、
    そのタグが入ってしまって、IE8だけ表示が崩れてしまいます。
    いろいろ、やってみたのですが、どうも、うまくいきません。

    現在は、WordPress標準の「リンク」ウィジェットを利用して、再度、表示させています。
    http://naosan.heteml.jp/welcart/

    元に戻ってしまうのですが、この「リンク」という文字の前に画像を入れたいのですが、
    この標準の「リンク」ガジェットは、どのファイルを編集して、画像タグの記述をすれば
    いいのでしょうか?

    教えて頂けると助かります。よろしくお願い致しますm(__)m

    トピック投稿者 esora

    (@esora)

    default-widgets.php を編集するのかと思いますが…
    格闘中です。。。

    トピック投稿者 esora

    (@esora)

    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;
    }

    トピック投稿者 esora

    (@esora)

    <?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に追加したのですが(画像名は変更して、その画像はアップ済)
    特にエラーもなく、何も変化がありません。
    ソース上も何も変わっていないと思います。追加している場所が悪いのでしょうか?

    トピック投稿者 esora

    (@esora)

    kzさん、対応していただいて、本当にありがとうございます。多謝m(__)m
    Plan B も試してみましたが、「リンク」という文字も消えて、ブロックが白くなり
    「リンク」の文字部分に、何も表示されなくなりました。
    先程、投稿したのは、現在の functions.php の中身です。
    こちらの方で、挿入場所などの間違いがあったら、指摘して下さい。

    トピック投稿者 esora

    (@esora)

    <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専用のガジェットのログインのソースの部分です。

    Plan A:最後の一行が抜けてました。

    function my_widget_title($output){
      if('リンク' === $output)
        $output = '<img src="' . get_bloginfo('template_url') . '/images/calendar.png" />' . $output;
      return $output;
    }
    add_filter('widget_title', 'my_widget_title');

15件の返信を表示中 - 1 - 15件目 (全19件中)
  • トピック「カスタムウィジェットに関しまして」には新たに返信することはできません。