Question

我正在使用自定义主题，我需要找到一种方法将标题换行到第二行。主题有一个旋转木马，标题显示如下。目前，如果标题太长，它后面会有“......”。我怎样才能阻止它并将其包裹到第二行呢？

这是主题

的代码

<div class="home-carousel">
  <ul>
    <?php
    $carimgheight = 120;
    if ( get_option('storefront_carousel_img_height' )) {$carimgheight = get_option('storefront_carousel_img_height' ); }
    $carimgwidth = 200;
    if ( get_option('storefront_carousel_img_number' ) == 2 ) {$carimgwidth = 428;}
    if ( get_option('storefront_carousel_img_number' ) == 3 ) {$carimgwidth = 276;}
    if ( get_option('storefront_carousel_img_number' ) == 5 ) {$carimgwidth = 154;}
    if ( get_option('storefront_carousel_img_number' ) == 6 ) {$carimgwidth = 124;} 
    //BEGIN Slider LOOP
    $loopcarousel = new WP_Query( array( 'post_type' => 'carousel' ) );
    while ( $loopcarousel->have_posts() ) : $loopcarousel->the_post();
    $buttonlink = get_post_meta($post->ID, "link", true);
    if(has_post_thumbnail()) {
    $carthumb = get_post_thumbnail_id(); 
    $carimage = vt_resize( $carthumb, '', $carimgwidth, $carimgheight, true );
    }
    ?>
        <li>
            <a href="<?php echo $buttonlink; ?>" title="<?php the_title(); ?>"><img alt="<?php the_title(); ?>" title="<?php the_title(); ?>" src="<?php echo $carimage['url']; ?>" width="<?php echo $carimage['width']; ?>" height="<?php echo $carimage['height']; ?>" /><?php if ( get_option('storefront_carousel_image_only') == "false" ) { ?><p><span class="carousel-title"><?php echo the_title(); ?></span></p><?php } ?></a>
        </li>
    <?php endwhile; //END SLIDER LOOP ?>

  </ul>

Answer 1

可以在客户端或服务器端添加省略号（...）。很可能是使用CSS text-overflow: ellipsis;添加的。查看页面的HTML源代码（输出，而不是模板），如果存在完整的标题文本，则可以假设省略号添加到客户端。如果您看到省略号，则需要在添加了它的WordPress中跟踪自定义过滤器。

假设.carousel-title是应用了样式的选择器，您可以注释掉或删除text-overflow: ellipsis;规则。可能还需要删除其他供应商前缀属性，例如。 -o-text-overflow: ellipsis。可能还有-moz-binding:属性用于为4之前的Firefox版本添加省略号支持，您也可以删除它。

如何使wordpress标题包装到第二行

1 个答案: