<p>検索結果はありませんでした。</p>を包括しているdivタグのクラスにtext-centerを設定しているのですが、中央に表示されません。他の部分、ではbootstrapの機能を正常に支えています。php
1<?php get_header(); ?> 2 <h2 class="pageTitle">サイト内検索<span>SEARCH</span></h2> 3 <main class="main"> 4 <div class="container"> 5 <h2 class="main_title">「<?php the_search_query(); ?>」の検索結果</h2> 6 <div class="row"> 7 <?php if (have_posts()) : ?> 8 <?php while (have_posts()) : the_post(); ?> 9 <div class="col-md-4"> 10 <?php get_template_part('template-parts/loop','news'); ?> 11 </div> 12 <?php endwhile; ?> 13 <?php else: ?> 14 <div class="col-12 text-center"> 15 <p>検索結果はありませんでした。</p> 16 </div> 17 <?php endif; ?> 18 </div> 19 </div> 20 </main> 21<?php get_footer(); ?>
以下のコードは、header.phpです。
php
1<!DOCTYPE html> 2<html lang="ja"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 <link href="<?php echo get_template_directory_uri(); ?>/assets/css/styles.min.css" rel="stylesheet"> 9 <?php 10 wp_enqueue_style('font-awesome','https://use.fontawesome.com/releases/v5.6.1/css/all.css'); 11 wp_enqueue_script('jquery'); 12 wp_enqueue_script('bistro-calme-main',get_template_directory_uri().'/assets/js/main.js'); 13 wp_head(); 14 ?> 15</head> 16 17<body <?php body_class(); ?>> 18 <?php wp_body_open(); ?> 19 <header class="header"> 20 <div class="header_inner"> 21 <div class="header_logo"> 22 <h1><a href="<?php echo home_url(); ?>"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/common/logo@2x.png" alt="BISTRO CALME"></a></h1> 23 </div> 24 25 <div class="header_desc"> 26 <p><?php bloginfo('description'); ?></p> 27 </div> 28 29 <?php get_search_form(); ?> 30 </div> 31 32 <div class="header_links"> 33 <nav class="gnav"> 34 <?php 35 $args = array( 36 'menu' => 'global-navigation', 37 'menu_class' => '', 38 'container' => 'false' 39 ); 40 wp_nav_menu($args); 41 ?> 42 </nav> 43 44 <ul class="header_sns"> 45 <li><a href="#"><i class="fab fa-twitter"></i></a></li> 46 <li><a href="#"><i class="fab fa-facebook-f"></i></a></li> 47 </ul> 48 </div> 49 50 <svg class="header_menu" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 51 width="30" height="30" viewBox="0 0 30 30"> 52 <defs> 53 <clipPath id="clip-path"> 54 <rect width="30" height="30" fill="none" /> 55 </clipPath> 56 </defs> 57 <g clip-path="url(#clip-path)"> 58 <rect class="header_border header_border-1" width="30" height="2" transform="translate(0 0)" /> 59 <rect class="header_border header_border-2" width="30" height="2" transform="translate(0 10)" /> 60 <rect class="header_border header_border-3" width="30" height="2" transform="translate(0 20)" /> 61 </g> 62 </svg> 63 64 </header>
以下のコードはfooter.phpです。
php
1<div class="pagetop js-pagetop"><i class="fas fa-angle-up"></i>PAGE TOP</div> 2 3 <footer class="footer"> 4 <div class="container"> 5 <div class="footer_inner"> 6 <nav> 7 <?php 8 $args = array( 9 'menu' => 'global-navigation', 10 'menu_class' => '', 11 'container' => 'false' 12 ); 13 wp_nav_menu($args); 14 ?> 15 </nav> 16 <div class="footer_copyright"> 17 <small>© BISTRO CALME All rights reserved.</small> 18 </div> 19 </div> 20 </div> 21 </footer> 22 23 <?php 24 if ( is_home() ){ 25 wp_enqueue_style( 'slick-carousel', 'https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css' ); 26 wp_enqueue_script('slick-carousel', 'https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js'); 27 wp_enqueue_script('bistro-calme-home', get_template_directory_uri() . '/assets/js/home.js'); 28 } 29 ?> 30 31 <?php wp_footer(); ?> 32</body> 33 34</html>
あなたの回答
tips
プレビュー