php - Wordpress:尝试制作一个静态空白页面来显示我的 2014 模板的页眉/侧边栏/页脚

Question

我制作了一个静态空白页面，其中还显示了我网站的页眉/侧边栏/页脚。现在我想做的是摆脱 'style' 我的 wordpress 模板 css 迫使我在我试图创建的页面上。

这是我的代码:

<?php
/*
* Template Name: My own page!
* Description: I made a page!
*/
require (dirname(dirname( __FILE__ )).'/wp-load.php');
get_header(); ?>

<div id="main-content" class="main-content">
    <?php
        if ( is_front_page() && twentyfourteen_has_featured_posts() ) {
            // Include the featured content template.
            get_template_part( 'featured-content' );
        }
    ?>
    <div id="primary" class="content-area">
        <div id="content" class="site-content" role="main">


            <!-- MY CONTENT!!! -->
            Hello2.
            <h1> hello.</h1>
            <p>hello</p>
            <input type="submit" name="connect" value="CONNECT" style="height:52px ; width:136px"/>
            <p>hi</p>
            <!--           -->


        </div><!-- #content -->
    </div><!-- #primary -->
    <?php get_sidebar( 'content' ); ?>
</div><!-- #main-content -->

<?php
get_sidebar();
get_footer();

感谢任何帮助。

Answer 1

您需要覆盖主题中已有的样式。例如，您可以给出 id到您的提交按钮，例如 <input type="submit" name="connect" value="CONNECT" id="submitbutton">然后使用 CSS 根据您的需要设置样式，例如:

input#submitbutton {
     height: 52px;
     width: 136px;
     background: blue;
     color: white;        
}

同样适用于 <h1>标签。给个<id>给你的<h1>标签如 <h1 id="hello"> hello.</h1>然后使用 CSS 根据您的需要设置样式，例如:

h1#hello {
     color: black;
     font-weight: bold;
     font-size: 20px;     
}

在这里使用开发者工具将对您有很大帮助，以便在实际对元素的 CSS 进行任何更改之前查看元素与您想要的样式的外观。