为什么在Wordpress中用<img/>标签显示Unicode表情符号?

时间:2018-10-23 13:26:02

标签: html wordpress svg unicode emoji

在wordpress中,当我使用“”或其他类似的Unicode表情符号时, wordpress使用<img>src="emoji.svg"将表情符号字符转换为alt=""标签,如下所示:

<img draggable="false" class="emoji" alt="" src="https://s.w.org/images/core/emoji/11/svg/1f611.svg">

想象一下,我想在文本中使用50个表情符号,这在SEO和网站性能方面都非常糟糕。有没有办法保持表情符号为unicode?像这里的Stack Overflow和其他网站一样?

非常感谢!

4 个答案:

答案 0 :(得分:1)

您可以尝试检查此设置-wordpress仪表板>设置>编写>将表情符号转换为图形

答案 1 :(得分:0)

我不知道如何在WP中撤消此操作。

关于“为什么”他们这样做:我认为这与unicode支持有关:现在还不错,但我想并不总是那样。浏览器普遍支持图像。

答案 2 :(得分:0)

有一个很好的答案here on wordpress development,它告诉您如何禁用svg样式的图标,及其这一行:

add_filter( 'emoji_svg_url', '__return_false' );

还请检查您可能需要完全禁用表情符号的其他钩子。

我认为Wordpress使用svg表情符号有两个原因:

  1. 他们的表情符号更加“扁平”,因此看起来更现代
  2. 用作图像时,表情符号的大小可以与围绕它们的文本不同。

答案 3 :(得分:0)

说真的,我宁愿保持 Wordpress 处理表情符号的方式,原因如下:

Windows 7 或更低版本没有内置 emoji 字体,因此如果涉及 emoji Unicode,它将在任何浏览器中显示为黑色白色方块或奇怪的纯文本。

此问题与操作系统有关,与浏览器版本无关。

最糟糕的是,您无法控制访问者使用的操作系统,也不能直接将他们拒之门外。

Wordpress 将表情符号制作成 svg 图像,因此低端用户会正常看到表情符号,虽然并不完美,但它确实可以做到。