Question

您好我只想将样式表附加到我的自定义模板页面。我不想将它添加到我的header.php文件中。我希望它在我的模板文件中。我该怎么做呢？

我在下面添加了自定义模板代码。我想附加一个外部样式表，我想在我的自定义模板文件中使用它。

提前致谢：）

<?php
/*
Template Name: User Registration
*/
?>

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
 <head>
 <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Registration Form</title>
 <link rel="stylesheet" href="css/registration-style.css">
  <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>    <![endif]-->
   </head>

 <body>
 <div class="container">
 <section class="register">
  <h1>Register on iMomen</h1>
  <form method="post" action="index.html">
  <div class="reg_section personal_info">
  <h3>Your Personal Information</h3>
  <input type="text" name="username" value="" placeholder="Your Desired Username">
  <input type="text" name="email" value="" placeholder="Your E-mail Address">
  </div>
  <div class="reg_section password">
  <h3>Your Password</h3>
  <input type="password" name="password" value="" placeholder="Your Password">
  <input type="password" name="confirm" value="" placeholder="Confirm Password">
  </div>
  <div class="reg_section password">
  <h3>Your Address</h3>
  <select>
    <option value="">Egypt</option>
    <option value="">Palastine</option>
    <option value="">Syria</option>
    <option value="">Italy</option>
  </select>
  <textarea name="textarea" id="">Your Full Address</textarea>
  </div>
  <p class="terms">
    <label>
      <input type="checkbox" name="remember_me" id="remember_me">
       I accept  <a href="http://www.imomen.com/">iMomen</a>Terms & Condition
    </label>
  </p>
  <p class="submit"><input type="submit" name="commit" value="Sign Up"></p>
  </form>
  </section>
 </div>

<section class="about">
Download it for free from <a href="http://www.imomen.com/">iMomen</a>
</section>

 </body>
 </html>

Answer 1

因为你没有使用wordpress头文件！什么阻止你只是在上面的制作班次代码中添加链接？

<link rel="stylesheet" href="link-to-style.css">

如果您使用主题标题文件，则可以在页面基础上添加css！

<?php if(is_page('custom-page')){?>
<link rel="stylesheet" href="link-to-style.css">
<?php } ?>

：）

Answer 2

在你的模板/页面中，你可以试试这个：

<link rel="stylesheet" href="<?php echo get_template_directory_uri().'/yourfolder/block.css' ?>">

Wordpress将样式表附加到自定义模板页面

2 个答案: