如何使用<span>标记自动设置内容区中链接的样式?

时间:2014-05-30 作者:Danijel

这对我来说就像是一个自杀任务。

我必须避免使用CSS,因为我想建立一个网站,帮助我为电子邮件活动创建HTML模板。

电子邮件读者无法阅读CSS,所以CSS对我来说不是一个解决方案。

当我放入WP content editor时:

<a target="_blank" href="http://google.com">My Anchor text</a> 
我想在前端看到类似的内容:

<a target="_blank" href="http://google.com"><span style="font-family:Arial,Verdana;font-size:12px;font-weight:12px;color:#337D98;"><strong>My Anchor text</strong></span></a>
有人知道如何解决这个问题吗?

1 个回复
最合适的回答,由SO网友:Matt Royal 整理而成

如果你决定走这条路,这应该行得通。只需将其添加到主题功能中即可。php文件:

// Add Shortcode
function link_inline_styling( $atts , $content = null ) {

    // Attributes
    extract( shortcode_atts(
        array(
            \'url\' => \'\',
            \'target\' => \'\',
        ), $atts )
    );

    // Code
return \'<a href="\'.$url.\'" target="\'.$target.\'" ><span style="font-family:Arial,Verdana;font-size:12px;font-weight:12px;color:#337D98;"><strong>\'.$content.\'</strong></span></a>\';
}
add_shortcode( \'link\', \'link_inline_styling\' );
然后在您的内容区域中,您可以使用以下短代码:

[link url="http://google.com" target="_blank"]My Anchor text[/link]
输出如下:

<a href="http://google.com" target="_blank" ><span style="font-family:Arial,Verdana;font-size:12px;font-weight:12px;color:#337D98;"><strong>My Anchor text</strong></span></a>

结束

相关推荐

将外部CSS添加到联系人页面

我正在尝试将自定义CSS添加到wordpress中的联系人表单中,这是一个在mysite加载的wp页面。com/联系人。我不想编辑任何现有的代码,我想写一个简单的插件。(实际上,主要目的是通过添加样式来隐藏此联系人页面上的google maps组件\"display:none;\")我知道我可以用wp_enqueue_style() 我不知道该采取什么行动。我只想在需要时,在联系人表单页面加载时加载此css(将此css附加到现有联系人的css)。我怎样才能做到这一点?哪一个是正确的挂钩动作?如果我想让问题