Laravelのbladeテンプレートにて@section,@yieldを使用してheadやheader,footerなどの共通部分をテンプレート化したいのですが上手く表示されません。

前提・実現したいこと

該当のソースコード

resources\views\layouts\index.blade.php

<!DOCTYPE html>
<html lang="ja">
<head>
  @yield('head')
</head>
<body>
    <header>
      @yield('header')
    </header>

    <footer>
      @yield('footer')
    </footer>
</body>

resources\views\head.blade.php

@extends('layouts.index')

@section('head')
<meta charset="utf-8">
<link href="{{ asset('assets/css/style.css') }}" rel="stylesheet">
<title></title>
@endsection

resources\views\header.blade.php

@extends('layouts.index')

@section('header')
<div class="title">
  <a href="{{ url('index')}}">
    title
  </a>
</div>
@endsection

resources\views\footer.blade.php

@extends('layouts.index')

@section('footer')
Copyright <a href="{{ url('home') }}">test</a>. All Rights Reserved.
@endsection

補足情報（FW/ツールのバージョンなど）

コマンドプロンプトにてphp artisan -vでバージョンを見てみると
Laravel Framework 6.18.35
と表示されます。

試しに超簡単にtitleだけ変えられるのかやってみましたがやはり反映されません↓

resources\views\layouts\index.blade.php

<!doctype html>
<html lang="ja">
<head>
  <title>@yield('title')</title>
</head>
<body>
</body>
</html>

resources\views\title.blade.php

@extends('layouts.index')

@section('title', 'タイトル')

m.ts10806

2020/08/19 05:51

バージョン確認はartisan では？ https://qiita.com/morichu78/items/4a49b394af37e6c09db9

sundara.

2020/08/19 05:55

失礼いたしました。確かにartisanでした！確認したところ Laravel Framework 6.18.35 と表示されました。

m.ts10806

2020/08/19 06:00

ということは、zushi0905さんの回答に提示されているドキュメントだとバージョンがあわないのでURLの5.5→6.xに変更して読み替える必要がありそうです。

行動規範の内容に同意します

回答1件

sectionは継承元のyeild部分に要素をはめ込む時に使います。今回のコードを見ると、head, header,footerのbladeにアクセスすれば、それぞれのパーツが組み込まれたページが表示できるでしょう。

おそらく投稿者さんのやりたいことはcomponentを使えば実現できるかと思います。
Bladeテンプレートコンポーネントとスロット

おそらく最終的には下のようなテンプレートを作り、各ページ実装の際に継承していくことになるかと思います。

blade
1resources\views\layouts\index.blade.php
2
3<!DOCTYPE html>
4<html lang="ja">
5<head>
6  @component('head')
7</head>
8<body>
9    <header>
10      @component('header')
11    </header>
12
13    @yield('content')
14
15    <footer>
16      @component('footer')
17    </footer>
18</body>

各ページ

blade
1@extends('layouts.index')
2
3@section('content')
4 {-- 各ページのコンテンツ --}
5@endsection

注意

コードはノリで書いてるので動作の確認してないです。参考にする程度にしてください。

投稿2020/08/19 05:09

編集2020/08/19 06:43

zushi0905

総合スコア683

sundara.

2020/08/19 05:53

回答ありがとうございます。 zushi0905さんが提示したものと同じフォルダ、ファイルを作成し、試しにローカルサーバーにて表示させてみましたが、画面に @yeild('content') とだけ表示される状態になってしまいます。拡張子は.blade.phpにしていますが、もしかして何かしらの設定が間違っているのでしょうか。自分は新規ディレクトリ作成時に laravel new {ディレクトリ名} ではなくて composer create-project "laravel/laravel" --prefer-dist {ディレクトリ名} とcomposerを利用して作成しているのが悪さをしているのですかね...