1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Laravel テンプレートの使い方

Posted at

備忘録

概要

title,head,headerを一つのファイルで管理し、その他のファイルではコンテンツだけを書く
構成としてはtitleやheadを含んだファイルを作成し、headerとcontentファイルを読み込む

ファイル構成

index.blade.php(コンテンツ内容があるファイル)

resources/viewsにlayoutsファイルを作成
layouts/app.blade.php
layouts/header.blade.php

それぞれのファイルでの書き方

layouts/app.blade.php

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>@yield('title', 'タイトル')</title>
</head>
<body>
 {{-- headerを呼び出す --}}
  @include('layouts.header')
  {{-- contentを呼び出す --}}
  @yield('content', 'コンテンツ')
</body>
</html>

layouts/header.blade.php

<header>ヘッダー内容</header>

index.blade.php

{{-- テンプレート展開 --}}
@extends('layouts.app')

{{-- タイトル --}}
@section('title', 'Reply')

{{-- 内容 --}}
@section('content')
  <div>内容</div>
@endsection
1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?