向HTML5库中的锚标签添加类

时间:2017-05-03 作者:Gabriel Souza

我想在HTML5库的锚定标记中添加一个类,这样我就可以使用lightbox插件,但我不知道如何做到这一点,我已经尝试了下面的代码,但没有成功。

add_filter(\'wp_get_attachment_link\', \'html5\', array( \'gallery\', \'caption\' ));

$link = "<a class=\'gallery-link\'></a>";

1 个回复
SO网友:Aishan

如果您想在使用wp editor添加的锚图像包装器上添加一个类,那么可以添加以下代码:这将过滤内容并向图像添加类

<?php    
function add_class_to_gallery($content) {

      $classes = \'gallery-link\';         
      // check if there are already a class property assigned to the anchor
      if ( preg_match(\'/<a.*? class=".*?"><img/\', $content) ) {
        // If there is, simply add the class
        $content = preg_replace(\'/(<a.*? class=".*?)(".*?><img)/\', \'$1 \' . $classes . \'$2\', $content);
      } else {
        // If there is not an existing class, create a class property
        $content = preg_replace(\'/(<a.*?)><img/\', \'$1 class="\' . $classes . \'" ><img\', $content);
      }
      return $content;
}
add_filter(\'the_content\',\'add_class_to_gallery\');
如果您试图向特征图像添加类,则可以使用:

<?php if (has_post_thumbnail()) : ?>    
    <a href="<?php the_permalink(); ?>" class="gallery-link" title="<?php the_title_attribute(); ?>" target="_blank"><img src="<?php the_post_thumbnail_url(); ?>" alt="<?php the_title_attribute(); ?>"/></a>
<?php endif;?>  

相关推荐

如何在WordPress unctions.php中将短代码值传递到Head

我正在尝试为wordpress帖子上的图表创建一个快捷代码。到目前为止,我已经使用了短代码,我可以看到短代码值正在被传递,但我需要知道的是如何将这些值传递到Google图表,以便正确工作。以下是我目前掌握的代码:function chart_shortcode($atts) { $a = shortcode_atts( array( \'value1\' => \'\', \'value2\' => \'\', \'value