以前の記事にYouTubeの動画が重い時や遅い時に、ページの表示速度やサイト自体が重くなってしまわないようにする方法を記載しました。ですが、WordPressにおいてのショートコード化で動画IDのクイックタグの追加にて簡素化しましたが、どうしても記事の最後部分に以下のスクリプトコード(<script>// <![CDATA[によるもの)をクイックタグに追加しようとしても私にはちょっと解決方法が見つけることが出来ませんでした。
(考えることができなかったというのが正解かもしれません…。)
WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録
2025年8月29日 (金曜日)本日の人気記事トップ10
今日は2025年8月29日です。
2025年8月29日 (金曜日)↓における週間月間人気記事トップ3は?↓
計測データがありません。
Windows10でエラーコード0x800705b4の対処方法 4PV
Windows10で前回の記事でも紹介したWindows Updateができないくて、その対処方法を記載しました。 そしたら、 一応、sfc /scannowの実行でいくつかのWindo…
以前に、エアコンダクト内LED化について少しだけ実施しましたが(センター部分のみ)、なんとも左右の運転席側と助手席側が暗く感じてしまうので運転席側エアコンダクト内と助手席側エアコンダクト内のLED化も…
ハンドルスピンナーおすすめと世田谷ベース掲載ALEBANAハンドルスピンナー ハンドルスピナー軽自動車ハイエーストラック対応工具不要専用緩衝材入り (ブラック) 2PV
ハンドルにも車種によってステアリングの重さが変わってきます。最近では、油圧式ステアリングはほとんどなくなり多くは電子制御によるステアリングのパワステ機能が備わっています。逆に言うと以前のようにステアリ…
Windows10でエラーコード0x800705b4の対処方法 4PV
Windows10で前回の記事でも紹介したWindows Updateができないくて、その対処方法を記載しました。 そしたら、 一応、sfc /scannowの実行でいくつかのWindo…
以前に、エアコンダクト内LED化について少しだけ実施しましたが(センター部分のみ)、なんとも左右の運転席側と助手席側が暗く感じてしまうので運転席側エアコンダクト内と助手席側エアコンダクト内のLED化も…
ハンドルスピンナーおすすめと世田谷ベース掲載ALEBANAハンドルスピンナー ハンドルスピナー軽自動車ハイエーストラック対応工具不要専用緩衝材入り (ブラック) 2PV
ハンドルにも車種によってステアリングの重さが変わってきます。最近では、油圧式ステアリングはほとんどなくなり多くは電子制御によるステアリングのパワステ機能が備わっています。逆に言うと以前のようにステアリ…
以前の記事にYouTubeの動画が重い時や遅い時に、ページの表示速度やサイト自体が重くなってしまわないようにする方法を記載しました。ですが、WordPressにおいてのショートコード化で動画IDのクイックタグの追加にて簡素化しましたが、どうしても記事の最後部分に以下のスクリプトコード(<script>// <![CDATA[によるもの)をクイックタグに追加しようとしても私にはちょっと解決方法が見つけることが出来ませんでした。
(考えることができなかったというのが正解かもしれません…。)
一応、ショートコード化は成功したのですが…。
(ソースコードにはちゃんと反映されているのですが、思うように機能せずでした。)
↑
たぶん、熟知されている方々はクイックタグへの追加やショートコード化も問題なくこなせるのかもしれません。
タグ変換サイトなどでエンコード(エンティティ?)してからfunction.php内に記述しないとなりませんでした。ました。
<script>// <![CDATA[
$('.youtube').click(function(){
video = '<iframe src="'+ $(this).attr('data-video') +'" frameborder="0" width="480" height="270"></iframe>';
$(this).replaceWith(video);
});
// ]]></script>
<script>// <![CDATA[
$('.youtube').click(function(){
video = '<iframe src="'+ $(this).attr('data-video') +'" frameborder="0" width="480" height="270"></iframe>';
$(this).replaceWith(video);
});
// ]]></script>
何より忘れてしまいがちかと思います。
と考えまして、「外観」→「テーマの編集」にてphp内にそのまま記述しました。
追記場所としてはテーマによって異なるかもしれませんがおおむね同じような場所だと思います。
<?php the_content(); //本文 ?>
<?php if ( function_exists( 'dynamic_sidebar' ) && dynamic_sidebar( 5 ) ) : else : ?>
<?php endif; ?>
<?php wp_link_pages(); ?>
<!--YouTube遅くならない方法スクリプトここから-->
<script>// <![CDATA[
$('.youtube').click(function(){
video = '<iframe src="'+ $(this).attr('data-video') +'" frameborder="0" width="480" height="270"></iframe>';
$(this).replaceWith(video);
});
// ]]></script>
<!--YouTube遅くならない方法スクリプトここまで-->
こんな感じにです。
重くなったり遅くなったりぜずに、ちゃんとYouTube動画がカッコいく表示されていると思います。
ちょっと、以前の記事(上記)と動画の再生中に大きさがちっちゃくなっちゃっているかと思いますが、せっかくの良い方法を考案してくれた方々のアイデアと効率化を考えると、全く動画が再生されないわけではないので良いのではないでしょうか。
※おそらくwidthとかheightとかの指定サイズを変更すれば投稿記事幅いっぱいに動画再生可能なのかもしれません。
ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
よろしかったらシェアよろしくお願いします。
新着コメント