英語とappleとDIYと

apple製品、英語関連、DIYについて

イヌでもわかる!jQueryコピペで1発解決!動画や画像が動かない対処法

Check!!!▼

スポンサーリンク

f:id:buchibuchi4647:20170317052930j:plain

動画や画像をせっかく貼り付けたのに再生されない....そんなときはjqueryが原因です。よくわからない人もCSSにコピペで1発で簡単に解決できる対象法を紹介します。

 コピペで1発!jQueryを簡単に解決しよう。

別サイトでwordpressのテーマsimplicity2を使っています。はてなブログやwordpressにスライドショーや動きのある画像やyoutubeの動画をせっかく埋め込んだのに再生されない、または上手く動かないことってあります。

よくよく調べるとjQueryが関係しているとか。しかし、wordpress初心者にはとてもハードルが高そうで、あきらめてしまいそうです。jQueryを知らない人でもcssならわかると思います。そこに簡単にコピペするだけで簡単に動画が再生するコードを以下に紹介しています。それを参考にしてください。

jQuery

f:id:buchibuchi4647:20170607084307j:plain

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の設定となります。最後まで読んでいただいてありがとうございました。