2675.12.16-水 16:16

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個入る大きさとなる。

関連

WordPress ギャラリーを印象的に見せるレスポンシブスライダー(複数設置対応)プラグインWordPress ギャラリーを印象的に見せるレスポンシブスライダー(複数設置対応)プラグイン
WordPress のギャラリーにスライダー機能を追加するプラグインです。標準ギャラリーと同じ使い方で、ギャラリーを簡単にスライダー表示にし、スライダーをページ内に複数設置することも出来ます。AMPにも対応しています (^^)

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

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

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

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

 

次の記事

カテゴリ別人気記事

温泉 カテゴリ人気記事

カテゴリ別新着記事

温泉 カテゴリ最新記事

最近更新した記事

 

ランダムフォト

ランダムフォト