*Essence

FC2ブログ共有テンプレートを作成・配布しています。不精なので時々更新。(^^;
Top Page › Tag - YouTube

YouTubeの埋め込みを高速化する Lite YouTube Embed

記事内に YouTube動画を埋め込む方法(レスポンシブ化とか)は過去に掲載しているのですが、動画を載せたページが重くて PageSpeed Insights で色々注意されるのですよ。^^; しょうがないよなぁ~と諦めていたのですが、それを解消してくれる JavaScript ライブラリが既に有ったのですね♪ 先ずは見本、記事内に1つだけ動画を入れ、PageSpeed Insights で計測しています。(スマホだと滅茶苦茶数値が悪いのでPCの計測値です。)...

YouTube動画を自動的にレスポンシブ化する

過去に『記事掲載時にYouTube等の動画をレスポンシブで埋め込む』というカスタマイズを掲載しているのですが、divタグで括らなくてもレスポンシブにならないかと考えておりました。先日、そんなご相談のメールを頂いてNet上を彷徨い探しておりましたらとても素晴らしい記事がっ!下記サイトで、YouTube動画を埋め込んだ時 自動的にレスポンシブで埋め込まれる方法を紹介されています。↓WordPressと有りますが、当方のテンプレート...

al_responsive のカスタマイズ(CSS変更・その他)

その他の箇所のカスタマイズ(^-^;です。暗色系・シンプル系等、全く異なったイメージを作る際に是非変更してみて下さい。1) 薄く透過されている大枠の背景 2) 丸みを帯びた角を直角に戻す。3) 記事掲載時にYouTube等の動画をレスポンシブで埋め込む1) 薄く透過されている大枠の背景 [al_responsive〇c]のスタイルシート編集枠をほんの少し下げた所に有る#wrapper{ という部分の背景色を変更します。何も加工が無け...