「関数リファレンス/Blog getEyeCatch」の版間の差分
提供: baserCMS公式ガイド
(ページの作成:「##説明 ブログテンプレート内に記述することで、アイキャッチ画像のaタグで挟まれたimgタグの文字列を返します。 アイキャ...」) |
|||
行1: | 行1: | ||
##説明 | ##説明 | ||
− | + | ブログテンプレート内に記述することで、aタグで挟まれたimgタグ(アイキャッチ画像)の文字列を返します。 | |
アイキャッチ画像は、ブログ記事編集画面からアイキャッチ画像欄にて登録することができます。 | アイキャッチ画像は、ブログ記事編集画面からアイキャッチ画像欄にて登録することができます。 | ||
##使い方 | ##使い方 | ||
行30: | 行30: | ||
<dl> | <dl> | ||
<dt>(strign)</dt> | <dt>(strign)</dt> | ||
− | <dd> | + | <dd>文字列が返されます。</dd> |
</dl> | </dl> | ||
行51: | 行51: | ||
##擬似の関数 | ##擬似の関数 | ||
− | [$this->Blog->eyeCatch()](http://wiki.basercms.net/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/ | + | [$this->Blog->eyeCatch()](http://wiki.basercms.net/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/eyeCatch) |
2014年11月2日 (日) 11:13時点における版
目次
説明
ブログテンプレート内に記述することで、aタグで挟まれたimgタグ(アイキャッチ画像)の文字列を返します。
アイキャッチ画像は、ブログ記事編集画面からアイキャッチ画像欄にて登録することができます。
使い方
<?php $this->Blog->getEyeCatch($post, $options) ?>
パラメーター
- $post
- (array)ブログ記事の連想配列 必須
- $options = array()
-
(array)img要素の属性等を任意で連想配列で指定
- 初期値 : array()
- 'class' => 'example', (クラス名)
- 'width' => '150px', (画像の幅)
- 'height' => '80px', (画像の高さ)
- 'alt' => 'サンプル', (alt属性)
- 'link' => true, (リンクの有無 booleanで設定)
- 'imagesize' => 'thumb', (画像サイズ)
- 'mobile' => false,(モバイル)
- 'escape' => false,
- 'noimage' => 'common/noimage.png' (アイキャッチ画像が登録されていない場合、代わりに表示する画像の設定)
戻り値
- (strign)
- 文字列が返されます。
用例
基本
コード
<?php $this-Blog->getEyeCatch($post) ?>
出力
<a href="/files/blog/news/blog_posts/2014/10/00000002_eye_catch.jpg?1562565448" class="img-eye-catch" rel="colorbox"><img src="/files/blog/news/blog_posts/2014/10/00000002_eye_catch__thumb.jpg?309076432" alt="example" width="200px" height="200px" /></a>
応用
コード
<?php $this->Blog->getEyeCatch($post, array('width'=>'200px','height'=>'200px', 'alt'=>'example', 'noimage'=>'common/noimage.png')); ?>
出力
<a href="/files/blog/news/blog_posts/2014/10/00000002_eye_catch.jpg?1060262106" class="img-eye-catch" rel="colorbox"><img src="/files/blog/news/blog_posts/2014/10/00000002_eye_catch__thumb.jpg?2011526910" alt="example" width="200px" height="200px" /></a>