「Swiper.js」を使ってスライド実装

2020年05月15日（金）

5月に入ってからはずっとパソコンとにらめっこ。
お店のホームページも7割くらいはスマホで見ているので、スマホでの操作に適したスライダーを試していました。
写真をスワイプさせることが出来ます。
前のは、下のサムネイルを押して表示させる方法でした。

実装したのは、こちらのページです。

https://www.hotta-megane.co.jp/megane/5744

試しに、こちらのブログの方にも作ってみました。
もしかしたら、ブログでもこちらの方がスマートなのではないかと思ったり。SEO的にはどうなんでしょうか。

実は、スマホでの縦表示にすると、下に大きな余白が出来てしまい、力技で体裁を整えています。

今後、bootstrap3から4にバージョンアップするためにまた触らなくてはいけないので、まずはこれで行きます。

マスク越しでの表情や仕草

2020年05月14日（木）

Category: こだわり, フィッティング, メガネのお話, 日常, 磨く, 目のお話

非常事態宣言が石川県でも解除されそうですね。

解除されてもしばらくは、マスクをする生活が続きそうです。

テストレンズを入れたりして見え具合をみる時に、大事にしているのはお客様の表情や仕草です。
マスクをしていると、どうしても無表情になりがちですし、マスクの下の表情は、目を見ての推測になります。
今まで以上に、目をじっと見てしまうかもしれません。
逆に、こちら側の表情も伝わりにくいので、オーバーリアクションした方がいいのかもしれませんね^^

早く、マスクもない生活が戻りますように。

Putri プトゥリ EP-879

2020年05月12日（火）

Category: メガネのお話, 商品紹介

本日の1本。

Putri プトゥリ EP-879　47□17-137

小顔の方に合うシンプルで可愛いデザイン。

ラベンダーマット/パープル

https://www.hotta-megane.co.jp/megane/5943

WordPressでJavaScriptを読み込むには「script」タグを直接書き込んでは動かない

2020年05月11日（月）

Category: IT関係, こだわり, プライベート, 磨く

コロナの影響で時間があるので、HPのシステムをバージョンアップするために、プログラミングの画面とにらめっこしています。
忘備録として記します。

常に触れているわけではないので、大事なところを忘れていたりすることが多いのです。
実際、Javascriptを読み込ませようとしてもどうやってもうんともすんとも動かない。
どこか書き方が間違っているのだけど、なかなか原因を突き止められません。
プログラムを簡素化してやってみたり、いろんなところを少しずつ弄っていってと。。。

HPのリニューアルのときにも結局ここが肝でした。

WordPressでJavaScriptを読み込むには「script」タグを直接書き込んでは動かない！！

Googleのタグなんかは直接書き込んで動いているので、動くはずだと、他のところに目が行っていました。

wp_enqueue_script()という関数を使用して、function.phpの方に書き込みます。

今、Swiperというjavascriptを試しているので、その場合はこう書きます。

/* Swiper */

function my_swiper_styles() {
  wp_enqueue_style( 'swiper', get_template_directory_uri() . 'https://unpkg.com/swiper/css/swiper.min.css', array(), false, 'all');
}
add_action( 'wp_enqueue_scripts', 'my_swiper_styles');

function my_swiper_scripts() {
  wp_enqueue_script( 'swiper', get_template_directory_uri() . 'https://unpkg.com/swiper/js/swiper.min.js', array(), false, true );
}
add_action( 'wp_enqueue_scripts', 'my_swiper_scripts');

これだけで、半日無駄にしているので、いいかげん覚えておこう。