head内のタグを変更ツイート2014.02.14チュートリアル前回は作成したテーマを有効化し表示させました。レイアウトファイル(default.php)のheadタグ内に次のタグを書き込みます。既存のタイトルタグは消してください。P15]チュートリアルにそってdefault.phpの以下の記述を]]>このように変更します。これはbaserCMSが用意している関数を使用しています。?>というタグでくくられています。この関数は基本項目に設定されている下記項目をHTMLタグに設定して出力してくれているんです。興味がある方は下記リンク先でご確認ください。3系関数リファレンスちなみに今回使用した3つの関数へのリンクも張っておきます。baserCMSが用意している標準の機能を利用する為に次のタグを</head>の前に埋め込みます。baserCMSが用意しているツールバーを利用する為に次のタグを</body>の前に埋め込みます。P16]次はbaser標準タグというのを埋め込むようです。]]>]]>今回使用した関数については公式の関数リファレンスで以下の様に説明されてます。scripts()➡コンテンツ内で設定したCSSやjavascriptをレイアウトテンプレートに出力func()➡ツールバーやCakeのデバッグ出力を表示する管理画面ログイン後は画面上部に黒いメニューが表示されるのですが、その出力をしているのがこの関数のようです。配布を目的としたテーマとして作成する場合は、サブフォルダに設置される可能性もある為、A,IMG,CSSタグ、そしてJAVASCRIPTタグなどについて、baserCMS用のタグに書き換える必要があります。配布を前提としない場合、通常のHTMLタグで記述されても構いませんが、ヘッダーやフッターなどの共通部品は、違う階層のファイルから読み込まれる事があるので、スラッシュ(/)から始まるルートパスで記述します。P17]今回HTMLタグをbaserCMS関数に置き換えていますが、それはテーマとして他の人に配布する場合に必要な作業のようです。全てをbaserCMS関数に置き換える必要はないという事でしょう。配布をしない場合であっても、素材のindex.htmlのように相対パスで記述すると良くないようです。CSSタグ、JSタグの書き換えCSSタグを次のコードに書き換えます。cssフォルダからのパスで記述します。cssフォルダ直下の場合は、ファイル名をそのまま書きます。拡張子は省略可能です。?>二つ以上を一行で指定する場合は配列で指定します。?>同様にして、Javascriptタグを書き換えます。ない場合は追加します。P18]続いてcssファイル、jsファイル読み込み部分を変更しましょう。CSSファイル(変更前)(変更後)チュートリアルにもありますが複数のファイルを記述する際は、PHPの配列を使って1行で書けるんです。(変更後1行バージョン)同じ要領でJSファイルの記述も変更します。JSファイル(変更前)(変更後1行バージョン)関数リファレンスcss()js()ブラウザで確認ここらへんで、一旦ブラウザ上でフロントの表示がどのようになっているかを確認しておきましょう。PHPのエラーが発生していなければ問題ありません。リモートのサーバーで確認している場合は、通常のWeb制作と同様、編集したファイルをその都度FTPでアップロードして確認します。P19]まとめお疲れ様でした!HTMLタグをbaserCMSの関数へと置き換えていきました。baserCMS関数の名前がHTMLタグ名を意識して作られているようで、イメージが湧きやすいなと感じました。ツイートあっきー-放浪システムエンジニアユーザーインターフェイスに重点をおいた設計を常に心がけ、常に最新情報を模索している。