html - 如何在WordPress中引用图像和字体？

Question

我最近开始使用 WordPress，并希望确保正确引用我的图像和字体。当我引用我的 css 文件时，我使用了 wp_enqueue_style 函数，因为您不直接引用 CSS 文件，我想知道是否应该有特定的方式来引用图像和字体。

目前我已经为我的标题/ Logo 完成了此操作

<img src="http://localhost/testsite/wp-content/uploads/2017/02/toplogo.png";></img>

这是我将图像上传到管理面板的媒体部分后得到的链接。我是否正确地完成了此操作，以及当涉及本地字体时我应该如何处理？

@font-face {
    font-family: Perpetua;  
    src: local('Museo300-Regular'), 
        url("fonts/Museo300-Regular.ttf") format('truetype');  
    font-weight: normal;  
}

Answer 1

你的CSS引用了当前目录下一个名为“fonts”的文件夹，而这个CSS文件眼中的当前目录就是主题文件夹。如果该字体文件夹存在，您的 @font-face 规则将正常工作。

---

对于您的标题图像，请执行以下操作:

1. 在functions.php中，添加add_theme_support('custom-header');

2. <img src="<?php header_image(); ?>" />

3. 现在，进入管理区域的外观 > 自定义，您可以设置 标题图像。现在它可以从 WordPress 更改，而您永远不会 如果您希望在 src 中更改它，则必须对 src 进行硬编码 future 。

来源:add_theme_support