個人用ツール

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

提供: baserCMS公式ガイド

移動: 案内, 検索
 
(4人の利用者による、間の4版が非表示)
行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>
行21: 行24:
 
*'alt' => 'サンプル', (alt属性)   
 
*'alt' => 'サンプル', (alt属性)   
 
*'link' => true, (リンクの有無 booleanで設定)  
 
*'link' => true, (リンクの有無 booleanで設定)  
*'imagesize' => 'thumb', (画像サイズ)
+
*'imgsize' => 'thumb', (画像サイズ) [thumb|small|medium|large]
*'mobile' => false,(モバイル)
+
 
*'escape' => false,   
 
*'escape' => false,   
 
*'noimage' => 'common/noimage.png' (アイキャッチ画像が登録されていない場合、代わりに表示する画像の設定)
 
*'noimage' => 'common/noimage.png' (アイキャッチ画像が登録されていない場合、代わりに表示する画像の設定)
行36: 行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>
 
##注
 
##注
 
##変更履歴
 
##変更履歴
行52: 行62:
 
##擬似の関数
 
##擬似の関数
 
  [$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)
 
  [$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()