「ver4/関数リファレンス/BcBaser img」の版間の差分
提供: baserCMS公式ガイド
Katokaisya (トーク | 投稿記録) |
|||
(同じ利用者による、間の3版が非表示) | |||
行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''' からのパスとなる。 | ||
− | $options | + | (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 - 画像タグを取得する