CSS未链接到HTML页面模板

Question

I tried in the localhost wordpress and it works fine there.

But when I try for my live website and try to link the CSS files to the HTML file I do not get the CSS effects.

I link the CSS to my HTML file using the following address location :

<link href="/wordpress/wp-content/themes/ThemeName/file1.css" rel="stylesheet" />

How can I possibly link the CSS files to my HTML?

PS : I am linking my HTML file to my PHP file to create the Page Template as

require(TEMPLATEPATH.'/file1.html')

Also there is no folder named wordpress in the control panel directory. The address location for my HTML and CSS file is /home3/username/public_html/wp-content/themes/ThemeName/file1.html

Answer 1

You shouldn't write full path like that in your template. Wordpress provide functions for that, like get_stylesheet_directory_uri that returns the uri of your current theme folder. So to link your css you should do this:

<link href="<?php echo get_stylesheet_directory_uri(); ?>/file1.css" media="all" rel="stylesheet" type="text/css" />

But you should consider linking your css from functions.php as it's a better practice:

function my_scripts()
{
  wp_enqueue_style( 'my_style', get_stylesheet_directory_uri() . '/file1.css' );
}
add_action( 'wp_enqueue_scripts', 'my_scripts' );

That way Wordpress will add the <link> tag for your stylesheet in the head when wp_head() is called.

Answer 2

可以将CSS文件包含在主题中，例如<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url') ?>/file1.css"/>或使用wp_enque_style （）功能

Answer 3

If you store css and html in same folder. I think It works:

  <link href="file1.css" rel="stylesheet" />

Answer 4

我认为您需要指定类型：

<link rel="stylesheet" type="text/css" href="/wordpress/wp-content/themes/ThemeName/file1.css">