baserCMSでアイキャッチ画像を表示させてみよう!baserCMSでアイキャッチ画像を表示させてみよう!公開日:2016.05.19baserCMSホームページを制作しているとき、記事のアイキャッチ画像をつけることでぐっと見栄えがよくなりますよね。baserCMSにもこうしたアイキャッチ画像を使うための機能が備わっています。今回はbaserCMSでアイキャッチ画像を表示させる方法をご紹介します。baserCMSでブログのアイキャッチ画像を扱う2つの関数baserCMSにはアイキャッチ画像を表示させる独自の関数が2種類用意されています。eyeCatch関数getEyeCatch関数どちらもアイキャッチ画像を表示させることは出来ますが、それぞれ引数として使えるパラメーターなどが多少違います。今回はgetEyeCatch関数を使用してアイキャッチ画像の表示方法を説明したいと思います。getEyeCatch関数この関数はアイキャッチ画像を表示させる関数です。使い方は次のようなコードをブログテンプレートに記述します。?>そうするとこのようなHTMLが出力されます。/></a>オプションとして使えるパラメーターは以下の通りです。false実際にパラメータを使用してアイキャッチ画像を表示させる際にはテンプレートファイルに次のように書きます。?>この例ではwidthに300px、heightに100pxを設定し、画像が設定されていない場合はimages/thumnail01.pngの画像を表示するようにしています。linkパラメーターをfalseに設定することで画像リンクをオフにしています。このようにするとaタグで囲まず画像のみを表示することができます。上記の関数では記事へのリンクを付けたアイキャッチ画像を取得することが出来ません。postLink関数とgetEyeCatch関数を組み合わせることによって、記事リンクを付けたアイキャッチ画像を出力することが出来ます。具体的にはこんなコードを書きます。?>記事へのリンクを取得するpostLink関数の第2引数にgetEyeCatch関数を使用し、getEyeCatch関数のlinkパラメーターををfalseに設定しておきます。上記の方法で記事へのリンクが付いたアイキャッチ画像を出力することが出来ます。以上、baserCMSでアイキャッチ画像を表示する方法でした。それぞれの関数に使い方については参考リンクを張っておきますのでご参考下さい。関数リファレンス/getEyeCatch関数リファレンス/postLink中小企業のホームページ制作やサイトリニューアルならシンス株式会社まで。