サポート » プラグイン » 「Delocalized Calendar」プラグインを有効にすると、動的CSS?が効かなくなる対

  • この度は、「Delocalized Calendar」プラグインにつきましてお問い合わせさせて頂きました。

    テーマはこちらのWPテーマを使用しています。

    デモサイトでいう「Recent Work」の下の画像に触れると、
    背景BK・白文字が出てきますが、Delocalized Calendarを有効にするとそれが出てこなくなります。

    停止にするとデモサイト通りに動いてくれるのですが、どうすれば有効にしても画像にカーソルを合わせたときに文字がでてくるようになりますか?

    プラグイン作者の方に問い合わせコメントをしようとしたのですが、中々うまくコメントが送信されず、こちらにてご質問させて頂きました。

    CSSを見ると「div class=”portfolio-item”」がこの画像に関係しているのだと思います。記述は以下のようになります。
    ※専門家ではないため、不足しておりましたら申し訳ございません。

    ・index.php
    <div id=”home-projects” class=”clearfix”>

    <h2 class=”home-projects-heading”><span><?php _e(‘NEW’,’fotos’); ?></span></h2>

    <?php
    $count=0;
    foreach($portfolio_posts as $post) : setup_postdata($post);
    $count++;
    //get portfolio thumbnail
    $thumbail = wp_get_attachment_image_src(get_post_thumbnail_id(), ‘portfolio-thumb’);
    ?>

    <?php if ( has_post_thumbnail() ) { ?>
    <div class=”portfolio-item <?php if($count == ‘4’) { echo ‘no-margin’; } ?>”>
    ” title=”<?php the_title(); ?>”><img src=”<?php echo $thumbail[0]; ?>” height=”<?php echo $thumbail[2]; ?>” width=”<?php echo $thumbail[1]; ?>” alt=”<?php echo the_title(); ?>” />
    <h2>” title=”<?php the_title(); ?>”><?php echo the_title(); ?></h2>
    </div>
    <?php } ?>

    <?php
    if($count == ‘4’) { echo ‘<div class=”clear”></div>’; $count=0; }
    endforeach; ?>

    </div>
    <!– END #home-projects –>

    </div>

    ——————————————————————

    ・taxonomy-portfolio_cats.php
    <div id=”portfolio-wrap” class=”clearfix”>

    <?php
    while (have_posts()) : the_post();
    //get portfolio thumbnail
    $thumbail = wp_get_attachment_image_src(get_post_thumbnail_id(), ‘portfolio-thumb’);
    ?>

    <?php if ( has_post_thumbnail() ) { ?>
    <div class=”portfolio-item”>
    ” title=”<?php the_title(); ?>”><img src=”<?php echo $thumbail[0]; ?>” height=”<?php echo $thumbail[2]; ?>” width=”<?php echo $thumbail[1]; ?>” alt=”<?php echo the_title(); ?>” />
    <h2>” title=”<?php the_title(); ?>”><?php echo the_title(); ?></h2>
    </div>
    <?php } ?>

    <?php endwhile; ?>

    </div>

    ———————————————————————-

    ・Portfolio 固定ページテンプレート (template-portfolio.php)

    <div id=”portfolio-wrap” class=”clearfix”>

    <?php
    //get post type ==> portfolio
    query_posts(array(
    ‘post_type’=>’portfolio’,
    ‘posts_per_page’ => -1,
    ‘paged’=>$paged
    ));
    ?>

    <?php
    while (have_posts()) : the_post();
    //get portfolio thumbnail
    $thumbail = wp_get_attachment_image_src(get_post_thumbnail_id(), ‘portfolio-thumb’);
    //get terms
    $terms = get_the_terms( get_the_ID(), ‘portfolio_cats’ );
    ?>

    <?php if ( has_post_thumbnail() ) { ?>
    <div class=”portfolio-item <?php if($terms) { foreach ($terms as $term) { echo $term->slug . ‘ ‘;}}?>”>
    ” title=”<?php the_title(); ?>”><img src=”<?php echo $thumbail[0]; ?>” height=”<?php echo $thumbail[2]; ?>” width=”<?php echo $thumbail[1]; ?>” alt=”<?php echo the_title(); ?>” />
    <div class=”portfolio-item-details”>
    <h2>” title=”<?php the_title(); ?>”><?php echo the_title(); ?></h2>
    </div>
    </div>
    <?php } ?>

    <?php endwhile; ?>

    </div>

    ・style.css

    /*portfolio items*/
    .portfolio-item{
    position: relative;
    float: left;
    width: 215px;
    margin-right: 20px;
    margin-bottom: 20px;
    }
    .portfolio-item a img{
    display: block;
    }
    .portfolio-item h2{
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 12px;
    margin: 0px;
    color: #fff;
    }
    .portfolio-item h2 a{
    display: block;
    padding: 10px;
    width: 195px;
    background: #000;
    color: #fff;
    }

    #portfolio-wrap{
    overflow: hidden;
    margin-bottom: -20px;
    margin-right: -20px;
    }

    ———————————————————————–

    プラグインのPHPは以下の通りとなります。

    ・プラグイン:Delocalized Calendar.php

    <?php
    /*
    Plugin Name: Delocalized Calendar
    Plugin URI: http://www.koikikukan.com/archives/2011/06/07-015555.php
    Description: This plugin delocalized in the calendar.
    Author: Yujiro Araki
    Version: 0.1
    Author URI: http://www.koikikukan.com/
    Text Domain: wp_delocalized_calendar
    Domain Path: /languages
    */

    wp_enqueue_script(‘jquery’);

    function delocalized_calendar() {
    $format = get_option(‘format’);
    $separator = get_option(‘separator’);
    $before = get_option(‘before’);
    $after = get_option(‘after’);
    $jan = get_option(‘format_jan’);
    $feb = get_option(‘format_feb’);
    $mar = get_option(‘format_mar’);
    $apl = get_option(‘format_apl’);
    $may = get_option(‘format_may’);
    $jun = get_option(‘format_jun’);
    $jul = get_option(‘format_jul’);
    $aug = get_option(‘format_aug’);
    $sep = get_option(‘format_sep’);
    $oct = get_option(‘format_oct’);
    $nov = get_option(‘format_nov’);
    $dec = get_option(‘format_dec’);
    $mon = get_option(‘format_mon’);
    $tue = get_option(‘format_tue’);
    $wed = get_option(‘format_wed’);
    $thu = get_option(‘format_thu’);
    $fri = get_option(‘format_fri’);
    $sat = get_option(‘format_sat’);
    $sun = get_option(‘format_sun’);
    ?>
    <script type=”text/javascript”>
    jQuery(function(){
    var ldate = jQuery(‘#wp-calendar caption’).html();
    var number = ldate.match(/\d{1,}/g);
    var year = number[0];
    var month = number[1];
    var separator = ‘<?php echo $separator; ?>’;
    var before = ‘<?php echo $before; ?>’;
    var after = ‘<?php echo $after; ?>’;
    var month_table = {
    1: ‘<?php echo $jan; ?>’,
    2: ‘<?php echo $feb; ?>’,
    3: ‘<?php echo $mar; ?>’,
    4: ‘<?php echo $apl; ?>’,
    5: ‘<?php echo $may; ?>’,
    6: ‘<?php echo $jun; ?>’,
    7: ‘<?php echo $jul; ?>’,
    8: ‘<?php echo $aug; ?>’,
    9: ‘<?php echo $sep; ?>’,
    10: ‘<?php echo $oct; ?>’,
    11: ‘<?php echo $nov; ?>’,
    12: ‘<?php echo $dec; ?>’
    };
    month = month_table[month];
    <?php
    if ($format == 1) {
    ?>
    jQuery(‘#wp-calendar caption’).html(before + month + separator + year + after);
    <?php
    } else {
    ?>
    jQuery(‘#wp-calendar caption’).html(before + year + separator + month + after);
    <?php
    }
    ?>
    jQuery(‘#wp-calendar th[title=月曜日]’).html(‘<?php echo $mon; ?>’);
    jQuery(‘#wp-calendar th[title=火曜日]’).html(‘<?php echo $tue; ?>’);
    jQuery(‘#wp-calendar th[title=水曜日]’).html(‘<?php echo $wed; ?>’);
    jQuery(‘#wp-calendar th[title=木曜日]’).html(‘<?php echo $thu; ?>’);
    jQuery(‘#wp-calendar th[title=金曜日]’).html(‘<?php echo $fri; ?>’);
    jQuery(‘#wp-calendar th[title=土曜日]’).html(‘<?php echo $sat; ?>’);
    jQuery(‘#wp-calendar th[title=日曜日]’).html(‘<?php echo $sun; ?>’);

    var prev = jQuery(‘#prev a’).attr(‘title’);
    if (prev) {
    var match = prev.match(/.*年(\d+)月.*/);
    if (match) {
    prev = month_table[RegExp.$1];
    jQuery(‘#prev a’).html(‘« ‘+ prev);
    }
    }
    var next = jQuery(‘#next a’).attr(‘title’);
    if (next) {
    match = next.match(/.*年(\d+)月.*/);
    if (match) {
    next = month_table[RegExp.$1];
    jQuery(‘#next a’).html(next + ‘ »’);
    }
    }

    });
    </script>
    <?php
    }

    add_action(‘wp_head’, ‘delocalized_calendar’);

    // http://wpdocs.sourceforge.jp/Adding_Administration_Menus
    function delocalized_calendar_menu() {
    add_options_page(__(‘Localized Calendar Options’, ‘wp_delocalized_calendar’), __(‘Localized Calendar’, ‘wp_delocalized_calendar’), 8, __FILE__, ‘delocalized_calendar_options’);
    }

    function delocalized_calendar_options() {
    $opt_name0 = ‘format’;
    $opt_name1 = ‘separator’;
    $opt_name2 = ‘before’;
    $opt_name3 = ‘after’;
    $opt_name4 = ‘format_jan’;
    $opt_name5 = ‘format_feb’;
    $opt_name6 = ‘format_mar’;
    $opt_name7 = ‘format_apl’;
    $opt_name8 = ‘format_may’;
    $opt_name9 = ‘format_jun’;
    $opt_name10 = ‘format_jul’;
    $opt_name11 = ‘format_aug’;
    $opt_name12 = ‘format_sep’;
    $opt_name13 = ‘format_oct’;
    $opt_name14 = ‘format_nov’;
    $opt_name15 = ‘format_dec’;
    $opt_name16 = ‘format_mon’;
    $opt_name17 = ‘format_tue’;
    $opt_name18 = ‘format_wed’;
    $opt_name19 = ‘format_thu’;
    $opt_name20 = ‘format_fri’;
    $opt_name21 = ‘format_sat’;
    $opt_name22 = ‘format_sun’;
    $hidden = ‘form_hidden’;

    $opt_val0_default = 1;
    $opt_val1_default = ‘ ‘;
    $opt_val2_default = ”;
    $opt_val3_default = ”;
    $opt_val4_default = ‘January’;
    $opt_val5_default = ‘February’;
    $opt_val6_default = ‘March’;
    $opt_val7_default = ‘April’;
    $opt_val8_default = ‘May’;
    $opt_val9_default = ‘June’;
    $opt_val10_default = ‘July’;
    $opt_val11_default = ‘August’;
    $opt_val12_default = ‘September’;
    $opt_val13_default = ‘October’;
    $opt_val14_default = ‘November’;
    $opt_val15_default = ‘December’;
    $opt_val16_default = ‘M’;
    $opt_val17_default = ‘T’;
    $opt_val18_default = ‘W’;
    $opt_val19_default = ‘T’;
    $opt_val20_default = ‘F’;
    $opt_val21_default = ‘S’;
    $opt_val22_default = ‘S’;

    for($i=0; $i <= 22; $i++) {
    ${‘opt_val’.$i} = get_option( ${‘opt_name’.$i} );
    if (${‘opt_val’.$i} == ”) { ${‘opt_val’.$i} = ${‘opt_val’.$i.’_default’}; }
    }

    if( $_POST[ $hidden ] == ‘Y’ ) {
    for($i=0; $i <= 22; $i++) {
    if ($_POST[ ${‘opt_name’.$i} ] != ”) {
    ${‘opt_val’.$i} = $_POST[ ${‘opt_name’.$i} ];
    } else {
    ${‘opt_val’.$i} = ${‘opt_val’.$i.’_default’};
    }
    update_option( ${‘opt_name’.$i}, ${‘opt_val’.$i} );
    }
    ?>
    <div class=”updated”><p><?php _e(‘Options saved.’, ‘wp_delocalized_calendar’ ); ?></p></div>
    <?php
    }
    ?>

    <div class=”wrap”>
    <div id=”icon-options-general” class=”icon32″>
    </div>
    <h2><?php _e( ‘Localized Calendar Setting’, ‘wp_delocalized_calendar’ ); ?></h2>
    <form name=”form1″ method=”post” action=”<?php echo str_replace( ‘%7E’, ‘~’, $_SERVER[‘REQUEST_URI’]); ?>”>
    <input type=”hidden” name=”<?php echo $hidden; ?>” value=”Y”>

    <table class=”form-table”>
    <tbody>
    <th>
    <?php _e(“Caption format”, ‘wp_delocalized_calendar’ ); ?>
    </th>
    <td>
    <select name=”<?php echo $opt_name0; ?>”>
    <option value=”1″ <?php if ($opt_val0 == 1){ echo(‘selected=”selected”‘); } ?>><?php _e(“month year”, ‘wp_delocalized_calendar’ ); ?></option>
    <option value=”2″ <?php if ($opt_val0 == 2){ echo(‘selected=”selected”‘); } ?>><?php _e(“year month”, ‘wp_delocalized_calendar’ ); ?></option>
    </select>
    </td></tr>

    <?php
    $message1 = “Separator of year and month”;
    $message2 = “Before of caption”;
    $message3 = “After of caption”;
    $message4 = $opt_val4_default;
    $message5 = $opt_val5_default;
    $message6 = $opt_val6_default;
    $message7 = $opt_val7_default;
    $message8 = $opt_val8_default;
    $message9 = $opt_val9_default;
    $message10 = $opt_val10_default;
    $message11 = $opt_val11_default;
    $message12 = $opt_val12_default;
    $message13 = $opt_val13_default;
    $message14 = $opt_val14_default;
    $message15 = $opt_val15_default;
    $message16 = “Monday”;
    $message17 = “Tuesday”;
    $message18 = “Wednesday”;
    $message19 = “Thursday”;
    $message20 = “Friday”;
    $message21 = “Saturday”;
    $message22 = “Sunday”;
    for($i=1; $i <= 22; $i++) {
    ?>
    <tr><th>
    <label><?php _e(${‘message’.$i}, ‘wp_delocalized_calendar’ ); ?></label>
    </th><td>
    <input type=”text” name=”<?php echo ${‘opt_name’.$i}; ?>” value=”<?php echo ${‘opt_val’.$i}; ?>” size=”10″>
    </td></tr>
    <?php
    }
    ?>
    </tbody>
    </table>

    <p class=”submit”>
    <input class=”button-primary” type=”submit” name=”Submit” value=”<?php _e(‘Update Options’, ‘wp_delocalized_calendar’ ) ?>” />
    </p>

    </form>
    </div>
    </div>

    <?php
    }

    add_action(‘admin_menu’, ‘delocalized_calendar_menu’);

    add_action(‘init’, ‘wp_delocalized_calendar_init’);
    function wp_delocalized_calendar_init(){
    load_plugin_textdomain( ‘wp_delocalized_calendar’, false, dirname( plugin_basename( __FILE__ ) ) . ‘/languages’ );
    }

    ?>

    お時間ある際に、アドバイスなど頂けましたら幸いでございます。

    大変ご迷惑お手数をおかけ致しまして誠に申し訳ございませんが、
    何卒宜しくお願い致します。

  • トピック「「Delocalized Calendar」プラグインを有効にすると、動的CSS?が効かなくなる対」には新たに返信することはできません。