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文件眼里就是theme文件夹。如果该字体文件夹存在，您的@font-face 规则将正常工作。

---

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

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

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

3. 现在，转到管理区域中的外观 > 自定义，您可以设置标题图片。现在可以从 Wordpress 更改它，而您永远不会如果您希望在 future 。

来源:add_theme_support