写真グリッドフィードの各写真の下にキャプションテキストを追加するには、 以下のJavaScriptをサイトに 追加します。 これはカスタム JavaScript プラグインを使用して手動で行うことができます。詳しくはドキュメント こちら.
setTimeout(function(){
$('.cff-album-item').each(function(){
$self = $(this);
$self.append( '<p style="padding:5px;height:100px;overflow:hidden;">' + $self.find('.cff-lightbox-link').attr('data-title').substring(0,100) + '</p>' );
});
}, 50);
を調整することができます。 100 の値を変更することで、キャプションの文字を増やしたり減らしたりすることができます。
写真の上にカーソルを置くとキャプションが表示されるようにするには、次のスニペットを使用します：
setTimeout(function(){
$('.cff-album-item').each(function(){
$self = $(this);
$self.find('.cff-photo-hover').append( '<p style="padding:5px;height:100px;overflow:hidden;color:#fff;">' + $self.find('.cff-lightbox-link').attr('data-title').substring(0,500) + '</p>' );
});
}, 50);
