Question

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

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

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

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

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

感谢。

Answer 1

无论您选择包含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"/>

在样式表中，只需确保您的图像调用是相对于图像目录的，所有内容都可以正常工作。

Answer 2

是的，您需要将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文件夹中添加任意数量的其他样式表，并在主题标题中链接到它们。

如果您希望将基本HTML模板转换为WordPress主题，则值得查看Theme Matcher。

Answer 3

您也可以使用自定义静态变量作为主题。

将此行放在 functions.php 文件中。

define("ASSETS",get_bloginfo('template_url'));

这种用法是我认为更好的方式，关于SQL查询。

用法;

<link rel="stylesheet" href="<?php echo ASSETS; ?>/CSS/file.css"/>

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

3 个答案: