Question

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

Here is my code:

<?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进行任何更改之前查看元素与所需样式的外观。

Answer 2

你需要使用像

这样的东西

get_header('custom-header');

使用自定义头文件仅加载您想要的内容。您可能需要创建自定义函数来覆盖主题包含的脚本...

Wordpress：尝试制作一个静态空白页面，显示我的二十四个模板的标题/侧边栏/页脚

2 个答案: