iframe

サイトのトップページに最新のYouTube動画を埋め込んでみた

サイトのトップページに最新のYouTube動画を埋め込んでみた

教室紹介ページに、教室のYouTubeチャンネルの最新動画を埋め込みました。YouTubeの埋め込みコードを使用し、CSSで表示を大きく調整しました。iframeタグのallow属性で、埋め込まれた動画に付与する機能を指定しています。教室紹介ページへの最新YouTube動画の埋め込み教室に興味を持った人に、どのような教室なのかを知ってもらうために、YouTubeを活用するのが良いと考えました。そこで教室を紹介するトップページに、最新のYouTube動画を表示できるようにしまし...

2024.05.16 2024.05.25

とりあえずのメモホームページ運用

偽サイトにWordPress管理者バーが表示された？これって不正アクセス？

偽サイトにWordPress管理者バーが表示された？これって不正アクセス？

お問合せメールにはよく迷惑メールが届きます。何気なくリンクを開いたところ、教室サイトに「ログイン画面」が表示される偽画面が出てきました。気になったのが、WordPressの管理者バーも表示されていたこと。偽サイトにアクセスしたときにブラウザ内の何らかの情報が抜き取られてしまったのかと不安になりました。しかし、サイト内を確認すると iframe（インラインフレーム）で教室サイトを表示させた上に、偽のログイン画面を重ねているだけでした。偽サイト側からはインラインフレーム内のデー...

2023.08.24 2023.08.29

スマホ基礎セキュリティトラブルと対処ホームページ運用操作には要注意

フォームの要素にラベルが関連付けられていません（input#focus_retriever, iframeTracker）[PSI]

フォームの要素にラベルが関連付けられていません（input#focus_retriever, iframeTracker）[PSI]

PageSpeed Insightsで「フォームの要素にラベルが関連付けられていません」として、「input#focus_retriever」が問題になっていました。js-iframe-trackerを無効したら解決しました。iframeTrackerは、リンククリックを計測するためのjQueryプラグインです。フォームの要素にラベルが関連付けられていませんPSIで「input#focus_retriever」にラベルがない、と表示される。フォームの要素にラベルが関連付けられ...

2023.07.09 2023.07.10

とりあえずのメモホームページ運用追記予定の話

【未解決】埋め込んだTwitterのフォントサイズを小さくしたい（けど、いったん断念）[WordPress]

【未解決】埋め込んだTwitterのフォントサイズを小さくしたい（けど、いったん断念）[WordPress]

ただ、ツイートの埋め込みの文字サイズを本文に揃えたいだけなのに、めちゃくちゃ大変……。Twitterのツイートは、「ツイートを埋め込む」からコードを表示して、HTMLに埋め込むことができます。ところが、枠の幅や文字サイズなどは、ウェブサイトと異なるスタイルが適用されます。結論としては、あれこれ調べましたが、諦めました。「埋め込みツイート」が Twitterの仕様変更に依存しているので、サイト側で変更してもすぐに元に戻ってしまうからです。「twitter-tweet」のクラスを...

2023.04.09 2023.07.03

SNSとりあえずのメモプログラミング