Q&A
###発生している問題と、問題に至った経緯
webroot/scc/の下にmyStyle.cssファイルを作成しました。
ドキュメントに書いてある通り、HTMLのhead部分にecho $this->Html->css('scssStyle');を書き足しました。
しかし、実際にブラウザで表示してみるとcssファイルの内容が反映されていません。
開発者機能を用いてソースを見てみると、<head>部分にcssファイルを読み込むコードが出力されていません。
何か書き間違えているのか、それとも設定を追加する必要があるのか教えていただきたいです。
###問題のコード
view.ctpで以下のようなコードが書かれています。
html
1<head> 2 <?php echo $this->Html->css('myStyle'); ?> 3</head> 4<div class="tags view large-9 medium-8 columns content"> 5 <table cellpadding="0" cellspacing="0"> 6 <?php foreach ($tag->bookmarks as $bookmarks): ?> 7 <tr> 8 <td style="myColor"><?= h($bookmarks->title) ?></td> 9 <td style="myColor"><?= h($bookmarks->description) ?></td> 10 <td style="myColor"><?= h($bookmarks->url) ?></td> 11 </tr> 12 <?php endforeach; ?> 13 </table> 14 <?php endif; ?> 15</div> 16
作成したcssファイルは以下の通りです。
ファイルパスは"webroot/css/myStyle.css"です。
css
1.myColor { 2 color: red; 3 }
###以下のことを試してみましたが、結果は変わりませんでした
<?php echo $this->Html->css('myStyle'); ?>から"echo"を消した- このページを参考に、httpd.comfに以下の情報を追記し、apacheを再起動した。
<Directory "C:/*省略*//xampp/htdocs/bookmarker/webroot/css"> AllowOverride All </Directory>
###補足情報
php : 7.0.20 (cli)
cakephp: 3.4.8
fireFox : 54.0.1
回答1件
0
ベストアンサー
通常CakePHPでは、<head>はレイアウト側(src/Template/Layout/default.ctp)で定義しますので、レイアウトの<head>内にcssの設定を記載すればいいのではないかと
php
1<?php echo $this->Html->css('myStyle'); ?>
なお、特定のテンプレートだけにcssを読み込みたいのであれば、view.ctpに以下のように設定すれば、可能です。blockオプションをtrueにするとレイアウト側で<?= $this->fetch('css') ?>した場所にcss設定を出力できます。
php
1<?php $this->Html->css('myStyle', ['block' => true]); ?>
投稿2017/07/08 21:31
総合スコア6586
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。