将HTML / CSS模板转换为Wordpress模板：CSS图像路径更改-Java 学习之路

我买了一个具有以下结构的模板：

css/..
img/..
js/..
*.html files

style.css位于css /文件夹中 .

为了创建一个功能性的Wordpress主题，我是否必须将style.css移动到根文件夹并调整style.css中的所有路径以匹配图像的新位置？（因为他们不在../img，但现在在img中） .

我不能只在某处指定style.css文件路径吗？或者它必须在根文件夹中才能成为有效的模板？

谢谢 .

3 回答

0
您也可以使用 custom static variables 作为主题 .

将此行放在 functions.php 文件中 .
```
define("ASSETS",get_bloginfo('template_url'));
```
关于sql查询，这种用法是我认为更好的方式 .

Usage ;
```
<link rel="stylesheet" href="<?php echo ASSETS; ?>/CSS/file.css"/>
```
回复于 2024-04-20T15:09:36+08:00
0
是的，您需要将style.css放在根文件夹中 . 这实际上是有效WordPress主题的最低要求 .

但是，主题文件夹中的style.css只需要包含有关您的主题的信息，如下所示：
```
/*************************************************
Theme Name: YOUR THEME NAME HERE
Theme URI: http://yoururlhere.com/
Description: This theme was custom made
Author: Your Name Here
Author URI: http://yoururlhere.com
Version: 1.0
Tags: flexble-width

***************************************************/
```
只要您拥有它，就可以在CSS文件夹中添加任意数量的其他样式表，并在主题 Headers 中链接到它们 .

如果您希望将基本HTML模板转换为WordPress主题，则值得查看Theme Matcher .
回复于 2024-04-20T15:09:36+08:00
0
无论您选择包含CSS文件（最有可能在head.php或footer.php中），都可以调用
```
<?php get_template_directory_uri();?>
```
您可以将CSS和IMG目录移动到您的主题中
```
wp-content/themes/your-theme/css/ and wp-content/themes/your-theme/img/
```
然后，当您想要将它们包含在主题中时，您可以这样做：
```
<link rel="stylesheet" href="<?php echo <?php get_template_directory_uri();?>/css/your-stylesheet.css"/> 

<img src="<?php get_template_directory_uri();?>/img/your-image.jpg"/>
```
在样式表中，只需确保您的图像调用是相对于图像目录的，一切都应该正常工作 .
回复于 2024-04-20T15:09:36+08:00

将HTML / CSS模板转换为Wordpress模板：CSS图像路径更改

3 回答

相关问题