单页WordPress CSS和JS链接

时间:2013-08-26 作者:Jeremi Liwanag

我有一个自定义模板,其中包含博客帖子。。。

在我的标题中。php,内部<head> 我有这样的链接。。。

<link href="http://www.mysite.com/css/design.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://www.mysite.com/js/myjs.js"></script>
这些链接正在我的自定义模板中工作。。通过使用

<?php get_header(); ?>

我的自定义页面中的所有博客帖子都在那里。。没有布局问题。

但当我点击其中一个帖子时。我的布局被破坏了。当我通过Inspect Element检查时。链接如下

<link href="http://www.mysite.com/blog/css/design.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://www.mysite.com/blog/js/myjs.js"></script>
* EDIT * 从下面的答案来看,以上是我原来的问题,不管怎样,我的问题还是一样的。

我将此添加到我的函数中。php并删除了标题上的链接。php我还复制了wordpress文件夹中名为links的文件。。。

/httpdocs/blog/wp-content/themes/myblog/links

    // Get Links 

    function theme_scripts_styles() {

  wp_enqueue_style( \'my-styles\', get_stylesheet_directory_uri() . \'/links/design.css\', array(), \'1.0\', \'all\' );

  wp_enqueue_script( \'my-scripts1\', get_stylesheet_directory_uri() . \'/links/cufon-yui.js\', array(), \'1.0\', true );

  wp_enqueue_script( \'my-scripts2\', get_stylesheet_directory_uri() . \'/links/232MKSD_200.font.js\', array(), \'1.0\', true );

  wp_enqueue_script( \'my-scripts3\', get_stylesheet_directory_uri() . \'/links/232MKSDB_400.font.js\', array(), \'1.0\', true );

  wp_enqueue_script( \'my-scripts4\', get_stylesheet_directory_uri() . \'/links/fonts.js\', array(), \'1.0\', true );

  wp_enqueue_script( \'my-scripts5\', get_stylesheet_directory_uri() . \'/links/OpenSans_400.font.js\', array(), \'1.0\', true );

  wp_enqueue_script( \'my-scripts6\', get_stylesheet_directory_uri() . \'/links/OpenSansSB_600.font.js\', array(), \'1.0\', true );



}

 add_action( \'wp_enqueue_scripts\', \'theme_scripts_styles\' );

1 个回复
最合适的回答,由SO网友:s_ha_dum 整理而成

我猜您在header.php 文件这可以解释路径的不同。(在归档页面上可能也有所不同,对吧?)不要那样做。Relative URLs do not work well in a WordPress context. 通常,您要使用get_permalink(), site_url(), home_url(), 等创建绝对URL。对于所需的模板文件get_template_directory_uri()get_stylesheet_directory_uri().

我猜您也没有注册样式表和脚本并将其排入队列。

请参见:
http://codex.wordpress.org/Function_Reference/wp_register_script
http://codex.wordpress.org/Function_Reference/wp_enqueue_script
http://codex.wordpress.org/Function_Reference/wp_register_style
http://codex.wordpress.org/Function_Reference/wp_enqueue_style

结束

相关推荐

Admin sidebar customization

我的新客户wordpress站点在管理侧栏中没有插件、外观或任何其他默认项。谁能告诉我这些是怎么出现的吗。该站点正在主站点的子目录中运行。它有自己的wordpress安装。主题是前面的rttheme16。提前谢谢。