FlexSliderのサムネイルサイズを変更する方法

FlexSlider は Celtispack プラグインパック に含まれていて、画像ギャラリー作成時に、FlexSlider を選択できる。
このサムネイルが70x70pxで小さいので大きくする方法を探ってみた。

/DocumentRoot/wp-content/plugins/celtispack/modules/celtis-gallery-slider/
にある、celtis-gallery-slider.php を次の様に変更する。
赤字のsmall を好みの大きさのサムネイルの通称に変更すれば良い。 

diff celtis-gallery-slider.php celtis-gallery-slider.php.back
80c80
<             'size'       => 'thumbnail-680',
---
>             'size'       => 'large',
85c85
<             'title'      => 'false',
---
>             'title'      => 'true',
122c122
<               $thumb = wp_get_attachment_image_src($id, 'thumbnail-133');
---
>               $thumb = wp_get_attachment_image_src($id, 'small');

133pxだと、680px幅にちょうど5個入る大きさとなる。

http://celtislab.net/archives/20140827/celtis-gallery-slider/

celtislab.net

 

http://celtislab.net/archives/20140827/celtis-gallery-slider/

ただ、FlexSlider を有効にすると、普通のギャラリーの表示が1列表示になる。columns="2" と指定していても。これはSimplicityのテーマがいけないらしい。他のテーマに切り替えて表示してみるときちんと表示される。mobileでも。

これは、style.css に float: left; を追加したら治った。

.gallery-item {
float: left;
margin-top: 0px;
text-align: center;
width: 50%;
}

それでもJavascript を off にしていると画像が全く表示されなくなる。