如何知道WordPress放置css文件的顺序?

时间:2012-04-12 作者:Jason

我已经在Wordpress 3.3.1上安装了根主题(版本4,因此我可以使用1140px网格),并希望编辑CSS。起初,我只了解这种风格。css文件,无法看到其他文件。

我需要的css文件位于一个标记为“css”的子文件夹中,我从Google的快速搜索中发现css子文件夹存在已知的错误,因此我将它们移动到根文件夹中,看起来似乎正在工作,但该网站现在看起来有点不稳定,所以我认为这是不对的。

如何确保css文件在Wordpress代码中按正确的顺序放置?目前我不知道如何找出他们的顺序。

谢谢Jason

2 个回复
SO网友:EAMann

1。不要使用WordPress编辑器编辑主题

这是一种快速而肮脏的开发方法,但使用此工具很容易错误地破坏整个站点。相反,请在本地编辑计算机上的文件,然后使用FTP将更改的文件上载到服务器。

2。移动CSS会破坏主题wp_register_style()) 告诉WordPress样式表的名称、位置,并指定是否需要先加载其他样式表。

根包括中的一些定义/inc/roots-scripts.php. 两行,对于特定示例:

wp_enqueue_style(\'roots_style\', get_template_directory_uri() . \'/css/style.css\', false, null);
wp_enqueue_style(\'roots_bootstrap_style\', get_template_directory_uri() . \'/css/bootstrap.css\', array(\'roots_style\'), null);
第一行寄存器roots_style 并要求style.css/css 目录它没有依赖关系。

第二行寄存器roots_bootstrap_style 并要求bootstrap.css/css 目录它取决于roots_styles, 因此WordPress将添加roots_styles 首先自动。

SO网友:Chris Burbridge

我观察到了一些关于root如何加载CSS的注释。它按以下顺序加载文件:

css/样式。css/bootstrap。css/引导响应。css(如果在inc/root config.php中将BOOTSTRAP\\u RESPONSIVE设置为true,则可选)

  • css/app。css这些是我的初步观察结果,但很明显,您希望以一种结构良好的方式在根目录中编辑css文件。

    css/style.css 我想这主要是HTML5样板文件的东西,也许是其他一些设置的东西?你可能不想碰这个。

    css/bootstrap.css, 和css/bootstrap-responsive.css 请注意,这些文件来自Twitter Bootstrap, 通过将LESS编译器指向css/LESS/bootstrap来编译。less和css/less/引导响应。较少的您可能永远不需要更改这些文件。如果你这样做了,那就更好了LESS, 在中进行更改。减少文件,并重新编译它们。大多数情况下,您只想更改少数@变量,如果这样做,根据引导程序的工作方式,您将有一个非常好的、有组织的过程。这里要更改的主要内容是布局选项和颜色设置。(有许多免费的较少的应用程序可以下载来重新编译文件。)

    css/app.css 这是一个结构非常好的标准CSS文件,包含基本、标题、内容等部分。在这里,您只想将CSS很好地组织到提供的部分中。

    我发现,如果我以一种有序的方式来处理它,并且理解根是如何构造事物的,那么它确实是一个非常好的系统。

  • 结束

    相关推荐

    在WordPress水平菜单中对图像使用CSSID和类

    刚找到这个很棒的网站,所以,我是Wordpress的新手。我有一个HTML/CSS网站开发从PSD文件。无论是页眉还是页脚,一切都很顺利,但当我看到WP菜单时,我只是有存货。下面是一个代码菜单示例:<div id=\"mainheader\"> <div id=\"menuprincipal\"> <img src=\"imagens/menu_alienhead.png\" width=\"33\" height=\"53\" alt=\"A