正在重做主页,但更改未生效

时间:2017-06-16 作者:Daniel

嘿,伙计们,我正在制作一个WordPress网站移动响应,我决定利用bootstrap。我成功地实现了对导航菜单和英雄部分的更改,但这一部分:enter image description here

我想用bootstrap mobile responsive版本来代替它,我用这个版本做到了:

?php get_header(); ?>

    <div class="container index">
        <div class="row">
            <div class="col-md-8">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">Welcome to Three Green Birds!</h3>
                    </div>
                    <div class="panel-body">
                                <?php if (have_posts()) : ?>

                                <?php while (have_posts()) : the_post(); ?>


                                    <div class="date"><span class="month"><?php the_time(\'M d\') ?></span><span class="year">.<?php the_time(\'y\') ?>.d<?php the_time(\'z\') ?>/w<?php the_time(\'W\') ?></span></div>
                                    <!--<div class="spacer"></div>-->
                                <div class="post-title">
                        <?php if (function_exists(\'get_cat_icon\')) get_cat_icon(\'class=myicons\'); ?><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></div>
                                    <div class="spacer"></div>
                                    <div class="post-content">
                                    <?php the_content(\'Read the rest of this entry &raquo;\'); ?>
                                    </div>
                                    <div class="spacer"></div>
                                    <div class="postmeta"><span class="postcat"><b>Categories:</b> <?php the_category(\', \') ?>
                                    <?php the_tags(\'| <b>Tags:</b> \', \', \', \'\'); ?>
                                    | <b>Comments:</b> <?php comments_popup_link(\'0\', \'1\', \'%\', \'\', \'Off\'); ?></span>
                                  <span class="postcat"><?php edit_post_link(\'| <b>Edit</b>\'); ?></span>
                                    </div>   
                                    <div class="post-footer"></div>

                                    <?php endwhile; ?>

                                <div class="navigation">
                                <br/><br/>
                                    <div class="alignleft"><?php next_posts_link(\'&laquo; Older Entries\') ?></div>
                                    <div class="alignright"><?php previous_posts_link(\'Newer Entries &raquo;\') ?></div>
                                </div>

                            <?php else : ?>

                                <div class="post-title">Not Found</div>
                                <p class="post-content">Sorry, but you are looking for something that isn\'t here.</p>
                                <?php include (TEMPLATEPATH . "/searchform.php"); ?>

                            <?php endif; ?>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <?php if (is_active_sidebar(\'sidebar\')) : ?>
                    <?php dynamic_sidebar(\'sidebar\'); ?>
                <?php endif; ?>
            </div>
        </div>
    </div>

    <div class="container">
        <hr>
        <footer>
            <p>&copy; 2008-2017 Three Green Birds. All Rights Reserved.</p>
        </footer>
    </div>





<?php get_footer(); ?>
但尽管我反复清空缓存,重新启动MAMP,但旧代码不会消失。这是因为我还没有对CSS进行任何更改,以使用引导html标记吗?

下面是函数。查看正确排队的css和js脚本的php文件:

<?php
    // Theme Support
    function tgb_theme_support(){
        // Nav Menus
        register_nav_menus(array(
            \'primary\'   => __(\'Primary Menu\')
        ));
    }

    add_action(\'after_setup_theme\', \'tgb_theme_support\');

    function bootstrap_css_js(){

        wp_enqueue_style(\'bootcss\', get_template_directory_uri().\'/assets/css/bootstrap.min.css\');
        wp_enqueue_style( \'stylecss\', get_stylesheet_uri(), array(), false, \'screen\' );
        wp_enqueue_script(\'bootjs\', get_template_directory_uri().\'/assets/js/main.js\', array(\'jquery\'), true);
        wp_enqueue_script( \'bootjs\', get_template_directory_uri().\'/assets/js/bootstrap.min.js\', array( \'jquery\' ), true );
    }
    add_action(\'wp_enqueue_scripts\', \'bootstrap_css_js\');

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

我假设您没有编辑正确的模板文件。在WordPress中编辑主页有时会有点棘手。WordPress根据情况使用不同的模板来渲染主页。这些模板可以是:

front-page.php // Overrides all
home.php // For latest posts
page.php // For static pages as homepage
index.php // If none of the above exist
有一个好帖子here 通过@Rarst,深入解释了层次结构。

此外,您可以检查WP-Hierarchy 以获取更多信息。

结束

相关推荐

如何将wp-login.php页面上的默认css样式出列?

我正在wp登录上加载自己的样式表。php页面使用login_enqueue_scripts 所以我不需要该页面附带的默认样式。是否可以取消与wp登录相关的样式。php?在WordPress的其他地方,我使用wp_dequeue_style() 删除与一起排队的CSS文件wp_enqueue_style(). 我不确定wp登录的过程是否相同。php。