個人用ツール

「関数リファレンス/Blog eyeCatch」の版間の差分

提供: baserCMS公式ガイド

移動: 案内, 検索
 
(5人の利用者による、間の6版が非表示)
行1: 行1:
 +
<metadesc>baserCMSの関数、bcbaser blog eyeCatch の解説です。この関数はブログ記事に設定されたアイキャッチ画像を表示します。</metadesc>
 
##説明
 
##説明
 
ブログテンプレート内に記述することで、アイキャッチ画像を表示します。   
 
ブログテンプレート内に記述することで、アイキャッチ画像を表示します。   
 
アイキャッチ画像は、ブログ記事編集画面からアイキャッチ画像欄にて登録することができます。
 
アイキャッチ画像は、ブログ記事編集画面からアイキャッチ画像欄にて登録することができます。
 
##使い方
 
##使い方
 +
<syntaxhighlight lang="php">
 
     <?php $this->Blog->eyeCatch($post, $options) ?>
 
     <?php $this->Blog->eyeCatch($post, $options) ?>
 +
</syntaxhighlight>
 
##パラメーター
 
##パラメーター
 
<dl>
 
<dl>
 
<dt>$post</dt>
 
<dt>$post</dt>
<dd></dd>
+
<dd>
 +
(array)ブログ記事の連想配列 
 +
必須
 +
</dd>
  
 
<dt>$options</dt>
 
<dt>$options</dt>
 
<dd>
 
<dd>
'class' => 'example', //クラス名 
+
(array)img要素の属性等を任意で連想配列で指定
'width' => '150px', //画像の幅  
+
*初期値 : array()
'height' => '80px', //画像の高さ   
+
*'class' => 'example', (クラス名)
'alt' => 'サンプル', // alt属性  
+
*'width' => '150px', (画像の幅)  
'link' => true, //リンクの有無 booleanで設定 
+
*'height' => '80px', (画像の高さ)
'imagesize' => 'thumb', //画像サイズ 
+
*'alt' => 'サンプル', (alt属性)  
'mobile' => false, //モバイル 
+
*'link' => true, (リンクの有無 booleanで設定)
'escape' => false,   
+
*'imgsize' => 'thumb', (画像サイズ) [thumb|small|medium|large]
'noimage' => 'common/noimage.png' //アイキャッチ画像が登録されていない場合、代わりに表示する画像の設定
+
*'escape' => false,   
 +
*'noimage' => 'common/noimage.png' (アイキャッチ画像が登録されていない場合、代わりに表示する画像の設定)
 
</dd>
 
</dd>
 
</dl>
 
</dl>
行31: 行38:
 
###基本
 
###基本
 
####コード
 
####コード
 +
<syntaxhighlight lang="php">
 
     <?php $this-Blog->eyeCatch($post) ?>
 
     <?php $this-Blog->eyeCatch($post) ?>
 +
</syntaxhighlight>
 
####出力
 
####出力
     <img src="/files/blog/news/blog_posts/2014/10/00000002_eye_catch__thumb.jpg?1990889830" alt="" style="opacity: 1;">
+
<syntaxhighlight lang="html4strict">
 +
     <img src="/files/blog/news/blog_posts/2014/10/00000002_eye_catch__thumb.jpg?1990889830" alt="" style="opacity: 1;">
 +
</syntaxhighlight>
  
 
###応用
 
###応用
 
####コード
 
####コード
 +
<syntaxhighlight lang="php">
 
     <?php $this->Blog->eyeCatch($post, array('class'=>'example', 'alt'=>'example', 'width'=>'150px', 'height'=>'200px', 'noimage'=>'common/noimage.png')); ?>
 
     <?php $this->Blog->eyeCatch($post, array('class'=>'example', 'alt'=>'example', 'width'=>'150px', 'height'=>'200px', 'noimage'=>'common/noimage.png')); ?>
 +
</syntaxhighlight>
 
####出力
 
####出力
 +
<syntaxhighlight lang="html4strict">
 
     <img src="/files/blog/news/blog_posts/2014/10/00000002_eye_catch__thumb.jpg?2033206307" alt="example" width="150px" height="200px" style="opacity: 1;">
 
     <img src="/files/blog/news/blog_posts/2014/10/00000002_eye_catch__thumb.jpg?2033206307" alt="example" width="150px" height="200px" style="opacity: 1;">
 +
</syntaxhighlight>
 
##注
 
##注
 
##変更履歴
 
##変更履歴
行46: 行61:
 
http://forum.basercms.net/modules/newbb/viewtopic.php?topic_id=1043&forum=8
 
http://forum.basercms.net/modules/newbb/viewtopic.php?topic_id=1043&forum=8
 
##擬似の関数
 
##擬似の関数
    <?php $this->Blog->getEyeCatch() ?>
+
[$this->Blog->getEyeCatch()](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/getEyeCatch)
 +
[[Category:関数リファレンス]]

2017年5月15日 (月) 15:11時点における最新版

説明

ブログテンプレート内に記述することで、アイキャッチ画像を表示します。
アイキャッチ画像は、ブログ記事編集画面からアイキャッチ画像欄にて登録することができます。

使い方

    <?php $this->Blog->eyeCatch($post, $options) ?>

パラメーター

$post
(array)ブログ記事の連想配列 必須
$options
(array)img要素の属性等を任意で連想配列で指定
  • 初期値 : array()
  • 'class' => 'example', (クラス名)
  • 'width' => '150px', (画像の幅)
  • 'height' => '80px', (画像の高さ)
  • 'alt' => 'サンプル', (alt属性)
  • 'link' => true, (リンクの有無 booleanで設定)
  • 'imgsize' => 'thumb', (画像サイズ) [thumb|small|medium|large]
  • 'escape' => false,
  • 'noimage' => 'common/noimage.png' (アイキャッチ画像が登録されていない場合、代わりに表示する画像の設定)

戻り値

(strign)
imgタグが表示されます。

用例

基本

コード

    <?php $this-Blog->eyeCatch($post) ?>

出力

    <img src="/files/blog/news/blog_posts/2014/10/00000002_eye_catch__thumb.jpg?1990889830" alt="" style="opacity: 1;">

応用

コード

    <?php $this->Blog->eyeCatch($post, array('class'=>'example', 'alt'=>'example', 'width'=>'150px', 'height'=>'200px', 'noimage'=>'common/noimage.png')); ?>

出力

    <img src="/files/blog/news/blog_posts/2014/10/00000002_eye_catch__thumb.jpg?2033206307" alt="example" width="150px" height="200px" style="opacity: 1;">

変更履歴

ソースファイル

関連資料

http://forum.basercms.net/modules/newbb/viewtopic.php?topic_id=1043&forum=8

擬似の関数

$this->Blog->getEyeCatch()