動画や画像をせっかく貼り付けたのに再生されない….そんなときはjqueryが原因です。よくわからない人もCSSにコピペで1発で簡単に解決できる対象法を紹介します。
コピペで1発!jQueryを簡単に解決しよう。
別サイトでwordpressのテーマsimplicity2を使っています。はてなブログやwordpressにスライドショーや動きのある画像やyoutubeの動画をせっかく埋め込んだのに再生されない、または上手く動かないことってあります。
よくよく調べるとjQueryが関係しているとか。しかし、wordpress初心者にはとてもハードルが高そうで、あきらめてしまいそうです。jQueryを知らない人でもcssならわかると思います。そこに簡単にコピペするだけで簡単に動画が再生するコードを以下に紹介しています。それを参考にしてください。
jQuery
jQueryとはいろいろ設定することで、あなたのブログに動きをつけることができるようになります。スライドショーなどの動きのあるプラグインをインストールすると、どうしてもjQueryが関係してきます。
しかし、いろいろ原因が重なってスライドショーなど動きのあるプラグインが上手く動作しないことがあります。たとえば、他のプラグインと上手く噛み合ない、wordpressを更新していないなど。この原因を突き止めるには初心者には時間もかかりますし、面倒だと思います。
サーバーにアップロード
手順1として以下のコード(テキスト名javascript.js)をあなたのサーバーにアップロードします。
僕の場合、サーバーはサクラインターネットサーバーです。ファイル編集ソフトであれば何を使っていただいても大丈夫です。
ログイン→契約情報→サーバー設定→ファイルマネージャー
アップロード先は自分のサイトの1番最初に開いた場所です。
アップロードの仕方がわからない時
サクラインターネットの場合は、
適当にどれかのテキストファイルを右クリック→指定の名前でファイルの複製→
名前をjavascript.jsにする→複製後内容を編集をクリック→すべて消去→上記のコードをコピペする。
header.phpに書き込む
ファイルにアップロード出来たら、次にすることはwordpressを開いて→外観→テーマの編集→headr.phpを選択。
header.phpの<head></head>の間、<php wp_head(); >という記述のあとに、以下のコードを追加してください。
<?php wp_head(); ?>は上部にあります。すぐに見つかると思います。また必ず、子テーマにheadr.phpを移動してから設定するようにしましょう。
以上でjQueryの設定となります。最後まで読んでいただいてありがとうございました。