サポート » プラグイン » Event Calendarの予定にサムネイル画像を付けたい

  • 解決済 youngfresh

    (@youngfresh)


    展示ギャラリーのサイトを作っておりまして、Event Calendarを見つけました。
    このプラグインはすばらしく、ほぼほぼ要件をみたしているのですが、ひとつやりたいことが..

    ec3_get_events() でサイドバーなどに、もよりのイベント予定を出せますが、
    これに記事内で使用している画像のサムネイルも付けたいと思っています。
    なにかよい方法はないでしょうか?

    どなたかよろしくお願いします。

    Event Calendar バージョン 3.1.4
    プラグインのサイト

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • taikiken

    (@taikiken)

    日付表示の td タグに id と class の指定があるのでこれを利用するとご希望がかないそうです。

    CSS を使って背景画像にする。

    または、
    Javascript を使って img タグをインサートする。

    ただどちらもイベントを登録するたびに手作業で行わなくてはならずちょっと手間がかかりそうです。

    トピック投稿者 youngfresh

    (@youngfresh)

    返信ありがとうございます!

    日付表示の td タグに class の指定が付くのは
    個別記事ように日時をひっぱる、 ec3_get_schedule() かと
    思うんですが…

    ec3_get_events() で予定をサイドバーなどに表示すると
    個別記事に固有のIDが出ないのでむずかしいでしょうか?

    Javascript を使って img タグをインサートする。
    は、具体的な方法を教えていただけると大変うれしいです。

    ヨロシクお願いいたします!

    taikiken

    (@taikiken)

    あっ、すみません。
    ec3_get_eventsでしたね。
    この関数だとidとかつきませんでした。

    template-functions.php の function ec3_get_events
    line 460
    echo " <li>".ec3_format_str($template_event,$data)."</li>\n";
    を変更するとCSSで設定するためのidは設定できます。

    echo ” <li class=\”get-event\” id=\”postid-“.$entry->id.”\”>”.ec3_format_str($template_event,$data).”\n”;

    プラグイン本体を変更するのでアップデートの時は面倒になりますけど・・・

    Javascriptでインサートは・・・
    特定できるidが設定してあれば

    var dom = document.getElementById(“idname”);
    var previous = dom.innerHTML;
    dom.innerHTML = “<img ….. />”+ previous

    でもともとのタグに任意のたぐなり文字を追加できると言う意味です。

    コードは未検証なのでテストの上お使いください。

    トピック投稿者 youngfresh

    (@youngfresh)

    返信ありがとうございます。遅くなりましてスミマセン。
    教えて頂いた方法でidを付ける事ができました。
    これでcssを使って背景として表示することができるので、
    トライしてみます!

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「Event Calendarの予定にサムネイル画像を付けたい」には新たに返信することはできません。