ビデオの自動再生ができる条件が色々変更になっているため、上記のケースが続出しました。 iPhoneで強制的に全画面再生になってしまうのを回避するにはVideoをインライン再生すれば良いようです。（iOS10から対応）これ…
ブロックエディターのYoutube埋め込みをレスポンシブ化
簡単なので記事にするほどのことでもありませんが、今後使う場面が多そうなので、さくっとコピペできるように残して置きます。figureに細かいクラスがついていますのでそれを触る感じですね。
DNS レコードでのドメイン所有権の確認(Search Console)
Search Consoleの管理画面が大幅に変更になり、それにともなってサイトの登録方法が「ドメイン」と「URLプレフィクス」の2種類から選べるようになりました。当然ドメインの方が便利ですが、DNSを触れない場合は、こ…
Bootcamp用の論理ドライブ領域を広げてwincloneで復元
Bootcampにwindows10をインストールして使っているのですが、win用のハードディスクの割当が小さすぎて、不足すると言われてしまいました（32GBしか当てていなかったのです）・・・このままではwin10のアッ…
AnimateCCのcanvasレスポンシブで困った件
Adobe AnimateCCは、Flash感覚でタイムラインアニメーションを作成し、canvas書き出しが出来る便利なソフトなのですが、レスポンシブの書きだしでちょっとハマってしまいました。同じことがまた起こると思われ…
ブロックのyoutube埋め込みをレスポンシブにする
ブロックエディターになってから、youtubeはiframeを自分で入力しなくても、URLを入れるだけで埋め込みに対応するようになりました。デフォルトのままではレスポンシブになりませんので、幅100%表示のレスポンシブに…
PHPのループで最初だけ別の処理
エンジニアではないので、PHPを利用するのはもっぱらwordpressのカスタマイズの時ですが、ループ処理の最初だけcurrentやactiveといったクラス名をつけたい場合があり、その場合の処理方法です。 下記はマルチ…
CSSアニメーションを可視領域に入ったら発火（inview.js その１）
cssアニメーションはとても便利なのですが、アニメーションをいつ発動させるかは、CSSだけでは操作できません。そこで要素が画面内に入ったことをシンプルに判定したい。そんな時は「inview.js」の出番です。 使用方法の…
楽天トラベルカスタマイズ覚書（2019春時点）
楽天がらみの仕事は管理画面の使い勝手に癖が有りすぎて、あまりやらないのですが、お付き合いのあるお客様のお仕事で継続的にお引き受けしているものがあります。年に数回しか行わない作業なので、その度にコツを忘れて泣かされる！です…
GutenbergでGalleryショートコードを使う
Gutenberg以前（Classicエディター）は、ギャラリーの挿入を使うとショートコードが生成されました。これをfunctionsで変更すると、ギャラリーの表示方法を、bxsliderなどに容易に変更できたのですが、…