Question

我是WP的新手，我正在尝试学习一些HTML5 / CSS / PHP。目前我遇到了一些麻烦。我创建了一个自定义页面（只有一个没有标题等的干净空白页面......）我还创建了一个应该响应的联系表单7。但是这不起作用。当我在移动设备上加载它时，它无法调整。

这是模板页面的代码：

<?php
/**
* Template Name: Blank Page Header
*
*/
?>


<!DOCTYPE html>
<html <?php language_attributes(); ?>>

<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

<div id="logo2" align="center"><img src="http://adventoury.com/wp-content/uploads/2017/04/IMG_20160507_153704_HDR-Recoveredcropped2.jpg" width="100%" ></div>
<br>




<!-- page title, displayed in your browser bar -->
<title><?php bloginfo('name'); ?> | <?php is_home() ? bloginfo('description') : wp_title(''); ?></title>

<!-- add feeds, pingback and stuff-->
<link rel="profile" href="http://gmpg.org/xfn/11" />
<?php wp_head(); ?>

</head>

<body id="top">
<div class='container_wrap' id='main'>
<div class='container'>

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<?php the_content(); ?>
<?php endwhile; ?>
<?php endif; ?>

</div>
<?php get_template_part('page-parts/general-after-wrap'); ?>
<?php wp_footer(); ?>
</body>
</html>

这就是让我从响应中恢复的CSS

@media only screen and (min-width: 48em) { 
    .column-half{
        width: 50%;
    }
}

我错过了什么吗？

亲切的问候！

Answer 1

您只需要为模板添加此代码

<?php
/**
* Template Name: Blank Page Header
*
*/
get_header();
?>

<div class='container_wrap' id='main'>
<div class='container'>

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<?php the_content(); ?>
<?php endwhile; ?>
<?php endif; ?>

</div>
<?php get_template_part('page-parts/general-after-wrap'); ?>
<?php get_footer(); ?>

创建自定义模板Wordpress - 没有响应

1 个答案: