【CodeIgniter3】CodeIgniter Simple and Secure Twigライブラリを使って共通ビューを作成する方法

【CodeIgniter】CodeIgniter Simple and Secure Twigライブラリを使って共通ビューを作成する方法です。

HTMLヘルパーにtwig_render関数を追加

	<?php
	defined('BASEPATH') OR exit('No direct script access allowed');

	if ( ! function_exists('twig_render'))
	{
	function twig_render($view, $params = [])
	{
	$CI =& get_instance();
	return $CI->twig->render($view, $params);
	}
	}

by GitHub

	<?php
	defined('BASEPATH') OR exit('No direct script access allowed');

	class Welcome extends CI_Controller
	{
	/**
	* Index Page for this controller.
	*
	* Maps to the following URL
	* http://example.com/index.php/welcome
	* - or -
	* http://example.com/index.php/welcome/index
	* - or -
	* Since this controller is set as the default controller in
	* config/routes.php, it's displayed at http://example.com/
	*
	* So any other public methods not prefixed with an underscore will
	* map to /index.php/welcome/<method_name>
	* @see https://codeigniter.com/user_guide/general/urls.html
	*/
	public function __construct()
	{
	parent::__construct();

	$this->load->helper(['html', 'url']);

	$this->load->library(['form_validation']);

	$this->load->library('twig',[
	'functions_safe' => [
	'twig_render'
	]
	]);
	}

	public function index()
	{
	$data['view'] = 'index';
	$this->twig->display('base', $data);
	}
	}

by GitHub

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Title</title>
	<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
	</head>
	<body>
	{{ twig_render(view) }}
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
	<script type="text/javascript" src="{{ base_url('assets/js') }}/script.js" ></script>
	</body>
	</html>

view raw base.twig hosted with

by GitHub

<h1>Hello World</h1>

view raw index.twig hosted with

by GitHub

ヘッダーやフッター、サイドバーなど細かく分けたいときは、以下のように共通のビューにtwig_render関数を追加してあげればOKです。

{{ twig_render('header') }}