<リンクカード>追加のレイアウト-Volar2

<リンクカード>追加のレイアウト-Volar2

SIRIUS2テンプレート【Volar】では<リンクカード>の通常のレイアウトに加えて独自レイアウトも追加しました。
 

アイキャッチ画像

当サイトで使用しているキャプチャ画像は(【Volar2】の開発ベースになってる「ベーステンプレート」のレイアウトが元になってます。


【Volar2】では【パーツ】→<リンクカード>用の独自レイアウトを追加でご用意しました。


<リンクカード>についてはこちらの記事をご参照ください。

目次

概要

SIRIUS2の<リンクカード>の標準レイアウト、若干ですが気に入らなかったのでレイアウトを変えてみました。
”まあこっちの方がまだいいかな”と思う方はご利用ください。


こちらがSIRIUS2デフォルト設定のリンクカードです。(※キャプチャ画像)


キャプチャ画像


スマホではこんな感じ。

(※テキストが途中で省略されてるのは<リンクカード>デフォルトのスタイルによるもの)


キャプチャ画像


 

そして【Volar2】のリンクカード用設定を有効にした変更後がこちら。


サムネイル画像の表示領域フォントサイズテキストエリア余白を調整してます。

さらにスマホ表示時にはサムネイル画像→タイトル→説明文の順に縦一覧で表示されるレイアウトになります。


キャプチャ画像

有効化

この機能はデフォルトでは無効化されてます。

有効化のやり方

《【Volar2】リンクカード》を利用するには、モジュール『【Volar2】リンクカード(スタイル)』の[有効]のチェックをONにします。


キャプチャ画像