【JavaScript】videoの音声ミュートをON・OFF切替るボタン設置の方法メモ
videoを自動再生設定してるけど、最初は音を出したくない。けど音を出したい人はボタンを押して音声ONにしてね〜っていう仕様にするときのコードメモ。jQueryは使わず、JavaScriptで記述。 HTML SCSS ...
HTML・CSSWebTips
HTML・CSSHTML・CSSbackground-attachment: fixed;がiOSで効かない！背景をパララックス風に設定するならclip-pathだ！
iOSのsafariさえ対応してくれればこんなめんどくさいコード書かなくて済むのに・・でもiOSユーザーは多いので対応しなくちゃ気持ち悪い！ということで解決コードをいつでもコピペできるよう、メモとして貼り付けておく。 H...
WebTips【WordPress】contact form7でサンクスページを設置する方法
wordpressのお問い合わせフォームのプラグインといえば「contactform7」が有名。だがしかし、お問い合わせ後、サンクスページへ遷移せず、「お問い合わせありがとうございます。送信されました。」的な文言が表示さ...
WebTips【WordPress】サブドメインサイトでcontact form7のインテグレーションreCAPTCHA v3設定したら送信エラーが出たときのメモ
サブドメインサイトでreCAPTCHA v3を設定したらお問い合わせ送信できないエラーが発生。 解決方法を先に言ってしまうと、サブドメインでreCAPTCHA v3のキーは発行は不要で、ドメインのreCAPTCHA v3...
WebTips【WordPress】OGP画像設定をカスタムフィールドで登録した画像も出力できるように調整したメモ。
投稿のカスタムフィールドで画像を設定している場合、アイキャッチ画像も設定するのはめんどくさいので、カスタムフィールドで設定した画像をOGP画像として設定、もしカスタムフィールドに画像が設定してなかったら汎用OGP画像が出...
JavaScript「Instagram Graph API」を使って取得し、PHPでサイトに埋め込む方法メモ(WPでインスタの投稿写真表示を自動化したい）
せっかくInstagramに写真アップしてるなら、自動でサイトにもギャラリーとしてアップしたいよね。イチイチサイトにも別でアップするとかめんどう〜。 だけど、Instagramをサイトに埋め込むのも結構大変。アクセストー...
WebTipsホームページ集客方法に悩んでいる初心者もベテランもおすすめ！「1日1テーマ読むだけで身につくホームページ集客大全100」
ひさびさに出逢った良書！１日１テーマって書いてあるけど、面白くて一気読み。シンプルなんだけど、極々当たり前のことなんだけど、できてないよね〜。だよね〜ってうなずきながら読んだ。 左ページは説明、右ページは図解で1テーマ。...
JavaScript【JavaScript】トップ（上）に戻るボタンでスクロールしたら表示・footerまで来たら止まる（固定）ように実装するメモ
上に戻るボタンでスクロールしたら表示されて、footerまで来たらいい感じにfooterの上で止まるようにしたいときのコードをメモしておく。 HTML SCSS JavaScript totop.style.bottom...
JavaScript【JavaScript】複数のモーダル（modal)ポップアップ実装のメモ。
モーダルウィンドウ、idでページに一つだけ実装すると、複数設置したいときにモーダル開かない、、複数のときどうだったけ？といつも調べてるのでコピペで使えるようにメモしとく。 HTML data-modal=”m...
HTML・CSSYoutube埋め込みで表示の縦横比（アスペクト比）をレスポンシブ対応するメモ
youtube埋め込みしてスマホサイズにすると上下に黒い背景が出るのはかっこ悪い！どのサイズでもyoutube画面の縦横比のまま表示できるようにするCSSなんだっけ？といつも調べるからメモしとく。 aspect-rati...