使 wordpress 模板移动友好

csandreas1

我创建了一个自定义页面模板,其子主题为 WordPress 官方27 主题

但是,我在移动设备上遇到了问题,页面对移动设备不友好,我从 chrome 获得了弹出窗口以使页面对移动设备友好,实际上内容在移动设备上根本不可读。

我正在尝试使用W3.css 框架使其友好,我如何使用 w3.css 或仅使用一些 css 或任何其他库来实现对移动设备友好的内容?下面是模板的代码。是我使用的模板页面,不适合移动设备。

   <?php
/**
 * Template Name: More info template
 *
 * Description: A custom template for displaying a fullwidth layout with no sidebar.
 *
 * @package Twenty Seventeen Child
 */
?>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

<div style="padding:5px;" class="wrap">
    <div id="primary" class="content-area">
        <main id="main info-template"  class="site-main w3-padding" role="main">
            <?php
            while ( have_posts() ) : the_post();
                get_template_part( 'template-parts/page/content', 'page' );
                // If comments are open or we have at least one comment, load up the comment template.
                if ( comments_open() || get_comments_number() ) :
                    comments_template();
                endif;
            endwhile; // End of the loop.
            ?>

        </main><!-- #main -->
    </div><!-- #primary -->
</div><!-- .wrap -->
保罗

或者专门为此模板创建另一个页眉和页脚,以便 header-new.php 并调用:

get_header('new');

或者将 header.php 和 footer.php 的内容复制到模板的顶部和底部,并删除不需要的 html 元素。

下面的标签应该不是在模板中被忽略:

<head> <html> wp_head();wp_footer();

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

Related 相关文章

热门标签

归档