【WordPress】contact form7でサンクスページを設置する方法
wordpressのお問い合わせフォームのプラグインといえば「contactform7」が有名。だがしかし、お問い合わせ後、サンクスページへ遷移せず、「お問い合わせありがとうございます。送信されました。」的な文言が表示さ...
WebTipsWebTips
WebTipsWebTips【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...
HTML・CSS【CSS】transitionの一括指定の記述メモ
transition記述するときまとめて書きたいけど順番どうだったっけ？どんな内容だったっけ？っていつも忘れるのでメモしておく。 一括指定の記述順番 transition: ①property ②duration ③de...
WebTips【hosts設定】DNS切替前にドメインのサーバー引っ越し先のサイトを確認する方法
サイトを別のサーバーにお引越しする際、wordpressにログインして設定したいけどサイトが見れない！引越し先のサーバーにサイトを設置して、あとはDNSを切り替えるだけ。というところまでできてるとお引越しの際に安心。ho...