+本日の人気記事TOP10+
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく21
- 車のキーナンバー確認方法。キーレス紛失や壊れた時20
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法17
- カーメイトのエンジンスターターでエラー15表示と対処方法16
- スロットルポジションセンサー調整で不安定なアイドリング調整9
- TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号)6
- 日産セレナとエクストレイルでECOモーター(オルタネーター)のリコール情報と対策案など5
- シガーライターがない車にシガーライターソケットの付け方と増設方法5
- Windows10,Windows8.1プロダクトキー確認方法4
- Windows10で動かないアプリを動かす方法24
以前の記事にYouTubeの動画が重い時や遅い時に、ページの表示速度やサイト自体が重くなってしまわないようにする方法を記載しました。ですが、WordPressにおいてのショートコード化で動画IDのクイックタグの追加にて簡素化しましたが、どうしても記事の最後部分に以下のスクリプトコード(<script>// <![CDATA[によるもの)をクイックタグに追加しようとしても私にはちょっと解決方法が見つけることが出来ませんでした。
(考えることができなかったというのが正解かもしれません…。)
スマホアドセンス1[adsense]にも使われる
+これまでによく読まれている記事一覧クリックでOPEN+
人気記事一覧
車のキーナンバー確認方法。キーレス紛失や壊れた時
148,433件の PV
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく
105,298件の PV
Windows10,Windows8.1プロダクトキー確認方法
75,465件の PV
Windows10でエラーコード0x800705b4の対処方法
67,219件の PV
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法
41,005件の PV
スロットルポジションセンサー調整で不安定なアイドリング調整
40,203件の PV
車から異音の原因。カラカラ、カタカタ、コトコトなど…。
38,151件の PV
Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法
37,221件の PV
ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法
36,209件の PV
カーメイトのエンジンスターターでエラー15表示と対処方法
31,240件の PV
車のキーナンバー確認方法。キーレス紛失や壊れた時 148,433件の PV
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 105,298件の PV
Windows10,Windows8.1プロダクトキー確認方法 75,465件の PV
Windows10でエラーコード0x800705b4の対処方法 67,219件の PV
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 41,005件の PV
スロットルポジションセンサー調整で不安定なアイドリング調整 40,203件の PV
車から異音の原因。カラカラ、カタカタ、コトコトなど…。 38,151件の PV
Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法 37,221件の PV
ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法 36,209件の PV
カーメイトのエンジンスターターでエラー15表示と対処方法 31,240件の PV
この記事を読まれている方におすすめ一覧クリック
そして、ならばショートコードで対応と思いましてfunction.phpに基本的なショートコードの記述方法にて記述しました。
一応、ショートコード化は成功したのですが…。
(ソースコードにはちゃんと反映されているのですが、思うように機能せずでした。)
↑
たぶん、熟知されている方々はクイックタグへの追加やショートコード化も問題なくこなせるのかもしれません。
ちなみに、ショートコード化する際にはそのままですとサイト自体がエラーで表示されなくなってしまうので、
タグ変換サイトなどでエンコード(エンティティ?)してから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>
この上記コードを毎回Google日本語入力ソフトやMicrosoftIME(日本語入力)やATOKなどの辞書にて呼び出すのはちょっと面倒だし、
何より忘れてしまいがちかと思います。
なので、
それならば、そのままsingle.phpの記事本文の下部に追記しておけば良いのでは?
と考えまして、「外観」→「テーマの編集」にて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動画がカッコいく表示されていると思います。
もう一つDAIGOさんと北川景子さんの結婚式の動画です。

ちょっと、以前の記事(上記)と動画の再生中に大きさがちっちゃくなっちゃっているかと思いますが、せっかくの良い方法を考案してくれた方々のアイデアと効率化を考えると、全く動画が再生されないわけではないので良いのではないでしょうか。
だって、
YouTubeの動画を大っきく表示するということがメインではなく、記事としての価値と記事の内容を伝えられることが一番ですから!!
※おそらくwidthとかheightとかの指定サイズを変更すれば投稿記事幅いっぱいに動画再生可能なのかもしれません。
おすすめの記事一部広告
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく21
- 車のキーナンバー確認方法。キーレス紛失や壊れた時20
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法17
- カーメイトのエンジンスターターでエラー15表示と対処方法16
- スロットルポジションセンサー調整で不安定なアイドリング調整9
- TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号)6
- 日産セレナとエクストレイルでECOモーター(オルタネーター)のリコール情報と対策案など5
- シガーライターがない車にシガーライターソケットの付け方と増設方法5
- Windows10,Windows8.1プロダクトキー確認方法4
- Windows10で動かないアプリを動かす方法24
おすすめ!!
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!
Multiplex 広告
あなたにおすすめ
-
Yahoo!20周年特別サイト開設
インターネットの入り口でもあるポータルサイトで、有名なYahoo!が今年4月1日に20周年を迎えました。20年前と言えばWindows95が発売されて、パソコンが注目を浴びて同時にインターネットという…
インフィード広告アドセンス
-
Important notice for administrators
先月にWordPressのプラグインで有名な人気記事などを表示することが簡単にできるWordPress Popular Postsにて、以下のようなエラーメッセージが表示されるようになりました。 エラ…
インフィード広告アドセンス
-
20周年記念サイトの続集編
先日、 20周年記念サイトや30周年記念のBIGLOBE(前進企業から数えて)の紹介をしました。 その続きとなります。 これらの他にも未知のサイトや企業など多くあるかもしれませんが、 現在、知りうる限…
インフィード広告アドセンス
-
AFFINGER4Pro WordPress 不具合 伝えたいこと 備忘録
AFFINGER4でのDeprecated:Non-static method WPblogAdProp::setAd1()
Deprecated: Non-static method WPblogAdProp::setAd1() should not be called statically in /home/infova…
「WordPress, カスタマイズ, カスタマイズ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧
スマホアドセンス1[adsense]にも使われる
アクセスランキング
よろしかったらシェアよろしくお願いします。
-WordPress, カスタマイズ, カスタマイズ, 伝えたいこと, 備忘録
このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。
comment