baserCMS公式ガイド「ver4/関数リファレンス/BcBaser img」の版間の差分
提供: baserCMS公式ガイド
細 (1版 : 関数リファレンス→ver4) |
|||
| (2人の利用者による、間の7版が非表示) | |||
| 行1: | 行1: | ||
<metadesc>baserCMSの関数、bcbaser img の解説です。この関数はbasercmsに画像を埋め込み・表示させます。</metadesc> | <metadesc>baserCMSの関数、bcbaser img の解説です。この関数はbasercmsに画像を埋め込み・表示させます。</metadesc> | ||
## 説明 | ## 説明 | ||
| − | + | 画像¥タグを出力する。 | |
## 使い方 | ## 使い方 | ||
<syntaxhighlight lang="php"> | <syntaxhighlight lang="php"> | ||
| − | $this->BcBaser->img( $path , [$options] ); | + | <?php $this->BcBaser->img( $path , [$options] ); ?> |
</syntaxhighlight> | </syntaxhighlight> | ||
## パラメータ | ## パラメータ | ||
| − | $path | + | （string）$path |
| − | : | + | : 先頭にスラッシュをつけた場合は、'''{baserCMSの設置フォルダ}/''' からのパスとなる。<br> |
| + | スラッシュをつけず相対パスとした場合は、'''{baserCMSの設置フォルダ}/img/''' からのパスとなる。<br> | ||
| + | テーマを使用している場合は、'''{baserCMSの設置フォルダ}/theme/{テーマ名}/img''' からのパスとなる。 | ||
| − | + | （array）$options | |
| + | : オプション。要素の属性等を連想配列で指定する。（主にHTML属性） | ||
| + | : class / alt 等 | ||
| + | : - 初期値：array() | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
## 用例 | ## 用例 | ||
### 基本 | ### 基本 | ||
| + | logo.pngを出力する。 | ||
####コード | ####コード | ||
<syntaxhighlight lang="php"> | <syntaxhighlight lang="php"> | ||
| − | <?php $this->BcBaser->img('logo.png | + | <?php $this->BcBaser->img('logo.png'); ?> |
</syntaxhighlight> | </syntaxhighlight> | ||
####出力 | ####出力 | ||
<syntaxhighlight lang="html5"> | <syntaxhighlight lang="html5"> | ||
| − | <img src="/ | + | <img src="/theme/{現在のテーマ名}/hoge/img/logo.png"> |
</syntaxhighlight> | </syntaxhighlight> | ||
### 応用 | ### 応用 | ||
| + | logo.pngを属性をつけて出力する。 | ||
####コード | ####コード | ||
<syntaxhighlight lang="php"> | <syntaxhighlight lang="php"> | ||
| − | + | <?php $this->BcBaser->img("/img/logo.png", array('alt'=>'baserCMSロゴ', 'class'=>'header-logo', 'width'=>'200px', 'height'=>'160px') ); ?> | |
</syntaxhighlight> | </syntaxhighlight> | ||
####出力 | ####出力 | ||
<syntaxhighlight lang="html5"> | <syntaxhighlight lang="html5"> | ||
| − | + | <img src="/theme/{現在のテーマ}/img/logo.png" alt="baserCMSロゴ" class="header-logo" width="200px" height="160px"> | |
</syntaxhighlight> | </syntaxhighlight> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
##類似の関数 | ##類似の関数 | ||
| − | + | - [getImg](/ver4/関数リファレンス/getImg) - 画像タグを取得する | |
| − | [ | + | |
2018年12月21日 (金) 02:27時点における最新版
説明
画像¥タグを出力する。
使い方
<?php $this->BcBaser->img( $path , [$options] ); ?>
パラメータ
- （string）$path
- 先頭にスラッシュをつけた場合は、{baserCMSの設置フォルダ}/ からのパスとなる。
スラッシュをつけず相対パスとした場合は、{baserCMSの設置フォルダ}/img/ からのパスとなる。
テーマを使用している場合は、{baserCMSの設置フォルダ}/theme/{テーマ名}/img からのパスとなる。 - （array）$options
- オプション。要素の属性等を連想配列で指定する。（主にHTML属性）
- class / alt 等
- - 初期値：array()
用例
基本
logo.pngを出力する。
コード
<?php $this->BcBaser->img('logo.png'); ?>
出力
<img src="/theme/{現在のテーマ名}/hoge/img/logo.png">応用
logo.pngを属性をつけて出力する。
コード
<?php $this->BcBaser->img("/img/logo.png", array('alt'=>'baserCMSロゴ', 'class'=>'header-logo', 'width'=>'200px', 'height'=>'160px') ); ?>
出力
<img src="/theme/{現在のテーマ}/img/logo.png" alt="baserCMSロゴ" class="header-logo" width="200px" height="160px">類似の関数
- getImg - 画像タグを取得する
