ver4/画像にリンクをつけて表示させたい
提供: baserCMS公式ガイド
[このコンテンツは内容調整中です]
baserCMSでは、使用している画像にリンクを張ることが出来ます。状況によって3種類の方法をご紹介します。
目次
編集エディタ上で画像にリンクをはる
ブログ記事や固定ページの編集画面で使用するエディタ上でリンクをはります。アップローダープラグインで画像をアップロードした場合も同様です。エディタ上に表示されている画像を選択した状態で、エディタのリンクボタンをクリックします。URLの入力欄が出てきますので、URLを入力してOKをクリックしてください。
レイアウトテンプレート上で画像リンクを作る
簡単な方法とより高度な設定が行える方法とがあります。
$this->BcBaser->img()を使用する
第2引数のオプションの中にある「url」を使用します。例えば、表示する画像が「sample.jpg」の場合で、リンク先が「http://hoge.com/」の場合、
<?php $this->BcBaser->img('sample.jpg', array('url' => 'http://hoge.com')) ?>
となります。
$this->BcBaser->link()を使用する
前述のimg()と違い、aタグ、imgタグともに細かいスタイルなどを設定したい場合におすすめです。この手法のポイントは、img()ではなく、getImg()という画像表示部分のHTMLを取得する関数を使うことです。
<?php $this->BcBaser->link($this->BcBaser->getImg('sample.jpg'), 'http://hoge.com') ?>