CakePHP2系にTwigを導入

公開日: : CakePHP, CakePHP2, IT, Twig, テンプレートエンジン


CakePHP2系でも慣れているSmartyを使おうと思ったものの、良いプラグインが見つからず断念。
そこで、Symfonyで使われているテンプレートエンジン「Twig」を使ってみることにしました。
導入までの覚書。

 ダウンロードと設置

 プラグインのダウンロード

まず、プラグインを以下からダウンロード

解凍した状態(TwigViewフォルダ配下)は以下の様な感じです。

※readme.mdが説明書になります(全て英語ですが)。

 Twigのダウンロード

プラグインがあるだけでは、動かないので「Twig」本体もダウンロード。

 CakePHPに設置

必要な物だけCakePHPのPlugin配下に置きます。

※「Twig」本体は、解凍したプラグインのVendorフォルダ配下に置きます。

 初期設定とサンプル作成

 コントローラー

利用するコントローラーに以下を追記します。

public $view = 'TwigView.Twig';

※全体で反映させるならば、AppControllerに記述するだけでOKです。

 bootstrap.php

/app/Config/bootstrap.phpに以下を追記します。

CakePlugin::load('TwigView');

 ビュー

ビューの拡張子は、「tpl」にします。
記述方法は、Smartyとちょっと違います。

 導入前

例1)

<?php echo $title ?>

例2)

<?php echo $this->Html->charset(); ?>
<?php echo $this->Html->css('ファイル名'); ?>
導入後

例1)

{{title}}

例2)

{{html.charset()}}
{{html.css('ファイル名')}}

やはり導入したほうがすっきりして良い感じですね。

 注意点

Elementの呼び出し方が説明(readme.md)に書いているとおりにやっても出来ません。

どうやら以下のようにやるようになっている模様。

{% include 'Elements/ファイル名.tpl' %}

element function doesn&#39;t work · Issue #8 · m3nt0r/cakephp-twig-view · GitHub

 参考

広告

関連記事

no image

mailtoリンクの件名や本文の文字化け -N-02Aのケース-

* mailtoリンクの仕様 携帯電話用のWebサイトではmailtoリンクを使うことが多いと思い

記事を読む

no image

複数アカウントでgithubを使う

1つの端末で複数のアカウントを使いたくなったので、その方法を整理してみた。 流れとしては以下のとおり

記事を読む

no image

iPhoneアプリ開発 -UIButtonのTouch Down、Touch up Inside、Touch up Outsideの使い方-

* Touch DownとTouch up Inside、Touch up Outsideの違い

記事を読む

jenkins-files

Windows環境でもJenkins -執事さんとご対面-

Trac Lightningに同梱されていますし、Windows環境でHudsonを使っている人は結

記事を読む

no image

jQuery Mobileでdata-role=headerを使うときの注意点 -勝手にタイトルが変更される件-

* 現象 +headタグでtitleタグで文字列(A)を記述している +data-role=he

記事を読む

スクリーンショット 2013-04-27 11.46.12

githubを使っての開発(2) -masterブランチにマージ-

前エントリーでgithub-flowをもとにした流れを書いたのですが、その中のマージについてもう少し

記事を読む

NEC_0882

Facebookで名刺を作ってみた -Mooの名刺作成サービス-

1ヶ月~半月くらい前に話題になっていたMooの名刺作成サービス。 話題になっていた時期に注文した名

記事を読む

no image

リンク文字をタッチしても色が変わらない --webkit-tap-highlight-colorのメモ-

* 背景 jQuery Mobileを利用してスマートフォン対応をしたサイトにおいてリンク文字をタッ

記事を読む

list-normal

jQuery Mobileのリストの見た目をちょっとカスタマイズ -覚書-

jQuery Mobileを使えば簡単にスマートフォン対応できる言えば出来るのですが、少しでもカスタ

記事を読む

no image

Androidアプリ開発 -画像を加工してセピア色にしてみる-

* やりたいこと ギャラリーから選んだ画像を加工してセピア色にしたい * ソース ** 画像を取得

記事を読む

広告

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

広告

no image
[感想] Effective Objective-C 2.0 ☆☆☆☆★(4.5)

* 構成 - 第1章 Objective-Cに慣れる -

no image
[感想] iOSアプリテスト自動化入門 ☆☆☆(3.0)

* 構成 - Chapter 1 テスト自動化への取り組み

DeployGateを試してみた(iOS編) -DeployGateがiOSに対応-

今までのDeployGate - -[http://pplace.

iPhone/iPadアプリを開発するためにやったこと

今までに、iPhoneを3本ほどリリース((リリースしたアプリは全て1

no image
ターミナルでgitのコマンドを補完したりブランチ名を表示する – macでgitを便利に使うために –

* やりたいこと macのターミナルでgitをいじっていると -今の

→もっと見る

PAGE TOP ↑