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

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

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

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

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

 

  • バンスアンマック・ラムシン温泉 (บ่อน้ำร้อนบ้านสวนหมาก ลำสินธุ์ Ban Suan Mak Lam Sin Hot Spring)はまさに川の中にあり、川中温泉と呼ぶにふ ...
  • 今朝のジョギング中、いつもの広大な工事現場から湯気が立ち上っているのを見つけた。ここの現場監督が同じ宿にいて、聞いてみると、1週間前には見つかっていたという。 風邪引いて、丁度この1週間は外に出ていな ...
  • Google の Indexing API を使うと、新しい投稿記事を瞬時にGoogleの検索エンジンに登録できる。 WordPress のプラグインとしてインデックスAPIが利用できる。使い方は英語 ...
  • Yoast SEO を停止して、Rank Math SEO プラグインを使ってみたらGoogle の検索結果に表示される記事抜粋スニペットの文字数が短過ぎに見えてびっくりした。#1 Yoast Alt ...
  • スラタニでまた温泉を発見した。 クロンナムサイ Klong Nam Sai คลองน้ำใส  湧水の近くに温泉があった。 クロンナムサイは、運河・水・清=清水川というような意味。 雨の日でも清らか ...
  • WP_CRON を停止して、Linux の crontab に移行する設定をこれまでに何度も試みたがうまくいかなかった。 毎日バックアップされるはずの、UpdraftPlus プラグインのクロンが動い ...
  • Kusanagi WordPress プラットフォームでは Fcache とBcache がある。 Fcache とはNginx ヱブサーバーのキャッシュ機能であり、Kusanagi の独自機能ではな ...
  • 目次 1 HTTPD アクセスログの日本語化 2 Logwatch も日本語化 HTTPD アクセスログの日本語化 Nginx,  Apache ヱブサーバーのアクセスログを見ると、日本語URLはエン ...

タグクラウド

WordPress カテゴリ人気記事 Views most

WordPress・ブログ・温泉 カテゴリ人気記事 月間

20151216

タグ関連記事

閲覧履歴

    //cookieが無い場合の処理
2019
GA-views: 362
20151216