ヘッダーの背景画像がループ
-
はじめまして。
テーマの自作のためにヘッダーから作っているのですが、ヘッダー画像がループしているのでプレビューしてみたりサーバーへインストールしたファイルのソースを見たりしまして、ファイル構成の際に何かが間違っていて<header></header>タグを2つ出力しているようで、そこまでは突き止めたのですが、一体どうしてこのようになったのかが分かりません。
はじめてこちらのフォーラムにお世話になるので、至らない点もあるかと思います。必要な事柄などありましたらレスポンスを返させていただきますのでよろしくご教示ください。ヘルプの必要なページ: [リンクを見るにはログイン]
-
header.php
<!DOCTYPE html>
<html lang=”ja”><!–日本語のサイトであることを指定–>
<head>
<meta charset=”UTF-8″><!–エンコードがUTF-8であることを指定–>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0 “><!–viewportの設定–>
<link rel=”stylesheet” href=”<?php echo get_stylesheet_uri(); ?>”><!–スタイルシートの呼び出し–>
<link href=”https://fonts.googleapis.com/css?family=M+PLUS+1p&display=swap” rel=”stylesheet”>
<link href=”https://use.fontawesome.com/releases/v5.6.1/css/all.css” rel=”stylesheet”><!–font-awesomeのスタイルシートの呼び出し–>
<link rel=”shortcut icon” href=”ファビコン画像のURL”> <!– ファビコン画像設置 –>
<?php wp_head(); ?><!–システム・プラグイン用–>
<?php wp_title(); ?><!– サイトタイトル –>
</head>
<body <?php body_class(); ?>>
<header>
<nav>
<?php wp_nav_menu( array(
‘theme_location’=>’mainmenu’,
‘container’ =>”,
‘menu_class’ =>”,
‘items_wrap’ =>'<ul id=”main-nav”>%3$s‘));
?>
</nav>
<div class=”clear”></div>
</header>参考にした書籍は
WordPressレッスンブック（ソシム）
WordPressステップアップブック（ソシム）あとはネットを検索して骨組みだけのテーマに必要なファイル群をZipで圧縮してレンタルサーバーへインストールしてから作り込みをしています。
ちなみに、
page.php
<?php
/*
Template Name: アルバ小樽 オリジナルテーマ
*/
?><?php get_header(); ?>
<div id=”main” role=”main”>
<?php if (have_posts()) :
while (have_posts()) : the_post(); ?>
<article>
<!– <header></header> –>
<?php if(has_post_thumbnail()) {the_post_thumbnail(); } ?>
<?php the_content(); ?>
</article><?php endwhile; ?>
<?php else : ?>
<p>お探しの記事は見つかりませんでした。</p>
<?php endif; ?>
</div><!– /#main –>
<?php get_sidebar(); ?>
<?php get_footer(); ?>に<header></header>タグがあったのでコメントアウトしたところ、背景画像のループはなくなりました。
この<header></header>タグは削除しても問題ないでしょうか。
page.php の header タグは、投稿のタイトルなどを記述することを想定して用意されたものだと思われます。使用しないのであれば削除してもいいかと思います。@stream2930 さんが必要かどうかです。
@rocketmartue さんが書かれているように、個別のクラスを設定するのがいいかと思います。
- トピック「ヘッダーの背景画像がループ」には新たに返信することはできません。