Wordpress 儿童主题样式答案

【问题标题】：Wordpress child theme StylesWordpress 儿童主题样式
【发布时间】：2013-12-03 21:05:52
【问题描述】：

我从骨架响应式 wordpress 主题创建了一个自定义子主题。然而，在本地工作并完美地完成所有样式之后，在启动网站后没有任何样式出现。

出于沮丧，我从本地副本的标题中手动添加了样式。这有助于样式正确显示。手动添加样式后，我的数据库中包含的上传图像都不会显示。我的联系表格和横幅不会出现在网站上。代码在正确的位置，图像在上传文件夹中。

<link rel="stylesheet" id="theme-css" href="http://www.cmc.com/wp-content/themes/skeleton_wp-master/skeleton_childtheme/style.css" type="text/css" media="screen, projection">

以上是我添加到头文件中的 10 个链接之一。我不确定如何使用函数文件显示链接。

我不明白在本地工作时链接到父主题 layout.css 和 skeleton.css 的子主题如何正常工作，但当我上线时，它将不再工作。

请帮忙！

【问题讨论】：

tech-papers.org/how-to-create-wordpress-child-theme

标签： css wordpress header wordpress-theming

【解决方案1】：

几件事.. 1. 确保您已正确设置您的子主题并在外观菜单中激活它。 http://codex.wordpress.org/Child_Themes 2. 如果您仍然遇到图像问题，请尝试使用图像路径，如下所示： /wp-content/imagename.jpg 而不是完整的 URL。

【讨论】：

【解决方案2】：

您的子主题 CSS 应该是什么样子：

/*
 Theme Name:     Twenty Thirteen Child
 Theme URI:      http://example.com/twenty-thirteen-child/
 Description:    Twenty Thirteen Child Theme
 Author:         John Doe
 Author URI:     http://example.com
 Template:       twentythirteen
 Version:        1.0.0
*/

@import url("../twentythirteen/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

完成后，您可以在仪表板中激活它，并且当您的父主题编码正确时，您不需要编辑头文件（大多数都是）。

【讨论】：

当我添加该特定文件时，我发现标题破坏了网站。另外，我正在使用 saas 并完全压缩样式表，该样式表取出了使孩子工作所需的主题信息。所以我不得不在代码中加上重要的感叹号，让它在压缩编译成css后出现在样式表中。

【解决方案3】：

问题可能出在父主题中；以它链接style.css的方式。要解决此问题，您可以在子主题的functions.php 中注册并入队您的style.css。您可以通过在子主题的functions.php中添加以下代码来实现：

// register and enqueue the stylesheet.
add_action( 'wp_enqueue_scripts', 'register_child_theme_styles' );

function register_child_theme_styles() {
wp_register_style( 'style', get_stylesheet_uri() );
wp_enqueue_style( 'style' );
}

你可以参考this的文章。

【讨论】：