TIESのブログ

CHiLO Book Library のスライド表示ルール更新

CHiLO Book Library のトップページで動いているスライドですが、
色々あって最初は手作業で表示する順番を書いていました。

ここ
20161107

いつまでも手作業もどうかということで、シリーズ内にあるブックの発行日を参照して、
新しい発行日順にソートするように修正しました。

とりあえずこのルールで問題ないか様子見ておこうと思います。

CHiLO Book Library のスライド表示ルール更新 はコメントを受け付けていません

CC-BY表記の作成について

先日から時折登場しているCC-BY表記について、
creative commons JAPANのHPよりライセンスマークを取得出来ます。
https://creativecommons.jp/about/downloads/

このデータをシリーズ画像に重ねて作成しています。
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-02-17-04-42
画像に対してライセンスマークの表示が大きくて少しバランスが悪いですね。

ただ、実際にHP上で表示する際にはこのサイズになってしまうため、
%e3%82%b7%e3%83%aa%e3%83%bc%e3%82%ba
大きめにしてちょうど見えるくらいのサイズとなります。

CC-BY表記の作成について はコメントを受け付けていません

ビデオのサイズ調整中

CHiLO Producerのcardview/listviewテンプレートでは、ビデオ表示の幅を100%にしていたのですが、比率4:3の動画の場合、動画が高くなりすぎて、ビデオの下の文章がページ内に収まらなくなってしまうことがあります。

width100

対策として、まずは動画の幅を2/3にしてみます。

width67

文章が最後まで表示されましたね。

もちろん、動画の比率が16:9の場合は、4:3の動画ほどの高さはないので、幅を縮小させる必要はありません。下手に縮小してしまうと、動画が小さくなりすぎて、かえって見づらくなってしまう可能性もあります。

そこで、basicテンプレートの頃に使っていたビデオの比率を検出する変数を使って、4:3のときのみビデオを縮小できるようテンプレートを編集中です。

上手く動作すれば、本番環境にも反映させます。

ビデオのサイズ調整中 はコメントを受け付けていません