【WordPress】アイキャッチのかわりに記事内最初の画像を表示、もし記事内に画像がなかったらnoimage画像を表示する方法
WordPressで投稿するとき、アイキャッチ画像を設定するのを忘れたり、特にアイキャッチ画像を指定する必要もないなー（めんどくさいだけ）っていう、そんなこともたまにはある。 アイキャッチがない時、記事内にある画像を表示...
WebTipsWebTipsHTML・CSS【JavaScript】縦スクロールを横スクロールにするメモ（ついでに画面幅が変わってもいい感じになるよう調整するCSSも）
横並びの画面からはみ出してるコンテンツを全部見てもらいたいとき、スクロールするだけで横に動いたらいいなーってことないですか？ yukipan的には横にはみ出してるより縦並びで全部見れたほうが親切じゃないかと思う派なんだけ...
HTML・CSS【JavaScript】videoの音声ミュートをON・OFF切替るボタン設置の方法メモ
videoを自動再生設定してるけど、最初は音を出したくない。けど音を出したい人はボタンを押して音声ONにしてね〜っていう仕様にするときのコードメモ。jQueryは使わず、JavaScriptで記述。 HTML SCSS ...
HTML・CSSbackground-attachment: fixed;がiOSで効かない！背景をパララックス風に設定するならclip-pathだ！
iOSのsafariさえ対応してくれればこんなめんどくさいコード書かなくて済むのに・・でもiOSユーザーは多いので対応しなくちゃ気持ち悪い！ということで解決コードをいつでもコピペできるよう、メモとして貼り付けておく。 H...
食べ物の話このグリーンルイボスティー、えぐ味少なくて飲みやすい。
お茶を飲むとき、カップにティーバッグを入れて、お湯を継ぎ足ししながら飲んでる方いませんか？私はお湯を3・4回くらいは継ぎ足して「ほぼお湯じゃん！」って状態までティーバッグを使い倒します。 ティーバッグによっては、カップに...
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テーマ。...