質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
div

HTMLの<div>タグです。<div>要素は特に意味を持っていません。ひとかたまりのコンテンツに使用されるか、(セマンティックとして)他の要素では記述できないコンテンツに使用されることが多いです。

タグ

特殊な記法により文書に埋め込む形で記述される付加情報をタグと呼びます。文書構造や書式、文字飾りなどを指示したり、画像や他の文書へのリンクを埋め込むことができる。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

Q&A

0回答

589閲覧

bootstrapが正常に機能しません。

sosuke6

総合スコア1

div

HTMLの<div>タグです。<div>要素は特に意味を持っていません。ひとかたまりのコンテンツに使用されるか、(セマンティックとして)他の要素では記述できないコンテンツに使用されることが多いです。

タグ

特殊な記法により文書に埋め込む形で記述される付加情報をタグと呼びます。文書構造や書式、文字飾りなどを指示したり、画像や他の文書へのリンクを埋め込むことができる。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

0グッド

0クリップ

投稿2021/01/22 06:17

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(); ?>
<p>検索結果はありませんでした。</p>を包括しているdivタグのクラスにtext-centerを設定しているのですが、中央に表示されません。他の部分、ではbootstrapの機能を正常に支えています。

以下のコードは、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>&copy; 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>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問