以前の記事にYouTubeの動画が重い時や遅い時に、ページの表示速度やサイト自体が重くなってしまわないようにする方法を記載しました。ですが、WordPressにおいてのショートコード化で動画IDのクイックタグの追加にて簡素化しましたが、どうしても記事の最後部分に以下のスクリプトコード(<script>// <![CDATA[によるもの)をクイックタグに追加しようとしても私にはちょっと解決方法が見つけることが出来ませんでした。
(考えることができなかったというのが正解かもしれません…。)
Loading…
車メンテナンス・カスタマイズ・点検・修理、WordPressカスタマイズ、PC設定、車、時事ネタ、情勢、日々の出来事など津々浦々に綴っていきます。
WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録
所要時間目安:約3分
この記事は2016年5月27日のものです。現在は状況が異なる可能性がありますのでご注意ください。
WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録
+本日の人気記事TOP10+
以前の記事にYouTubeの動画が重い時や遅い時に、ページの表示速度やサイト自体が重くなってしまわないようにする方法を記載しました。ですが、WordPressにおいてのショートコード化で動画IDのクイックタグの追加にて簡素化しましたが、どうしても記事の最後部分に以下のスクリプトコード(<script>// <![CDATA[によるもの)をクイックタグに追加しようとしても私にはちょっと解決方法が見つけることが出来ませんでした。
(考えることができなかったというのが正解かもしれません…。)
アドセンス336pxPC閲覧記事下表示1つ目コード
+これまでによく読まれている記事一覧クリックでOPEN+
一応、ショートコード化は成功したのですが…。
(ソースコードにはちゃんと反映されているのですが、思うように機能せずでした。)
↑
たぶん、熟知されている方々はクイックタグへの追加やショートコード化も問題なくこなせるのかもしれません。
タグ変換サイトなどでエンコード(エンティティ?)してから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とかの指定サイズを変更すれば投稿記事幅いっぱいに動画再生可能なのかもしれません。
いきなり!! Googleさんからタイトルのようなことを言われてしまいました。 「続行するには、以下の数字を入力してください:」 なんだこれは? と…。 何やら検索した数?が多すぎたり?検索の仕方が人…
インフィード広告アドセンス
もう一昨年になりますね。2020年4月に1回目の緊急事態宣言が発出され、その前は医療現場でさえマスク不足になり街のコンビニや薬局、はたまたネットからもマスクがなくなり国がSHARP(シャープ)に国産の…
インフィード広告アドセンス
ここ数年でよく見たり聞いたりする「アイキャッチ」という言葉があります。言葉通り、「目(目線・視線)をキャッチ(掴む)」という意味合いかと思われます。ですが、そのアイキャッチ画像って本当に必要なのか?時…
インフィード広告アドセンス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━◆◇◆セルフ鼻毛脱毛なら【KING's NOSE WAX】◆◇◆ 一瞬で飛び出た鼻毛とサヨナラ! 人と話すと必ず目に入る重要部分だからこそ…
インフィード広告アドセンス
画像引用元):https://twitter.com/poti1990/status/708217655077920768/photo/1?ref_src=twsrc%5Etfwもう、Windows1…
インフィード広告アドセンス
Multiplex 広告
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!
2024-05-02
アルファロメオMiTo 徹底メンテナンス! 2024年5月2日. テーマ:輸入車メンテブログ. コラムカテゴリ:くらし. 明日からゴールデンウイーク休業として、6日まで ...
2024-05-02
高級車をはじめ様々なモデルのインテリアに採用される本革。しかし本革はデリケートな素材でもあるため、メンテナンスには気を使わなければならなかったりも ...
アドセンス336pxPC閲覧記事下表示1つ目コード
よろしかったらシェアよろしくお願いします。
-WordPress, カスタマイズ, カスタマイズ, 伝えたいこと, 備忘録
このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。
This site is protected by reCAPTCHA and the GooglePrivacy PolicyandTerms of Serviceapply.
このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。
comment