個人用ツール

画像にリンクをつけて表示させたい

提供: baserCMS公式ガイド

2014年11月5日 (水) 22:10時点におけるGoichi Maniwa (トーク | 投稿記録)による版

(差分) ←前の版 | 最新版 (差分) | 次の版→ (差分)
移動: 案内, 検索

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') ?>