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

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

当サービスお得情報紹介

当サイトのサービスはサイト作成だけでなく修正・カスタム・アクセスアップだけに留まらず、初心者向けに副業・アフィリエイトのノウハウも紹介しております。少しでも購入者が満足できるようなサービス提供を提供中。

購入して終了ではなく….サービス終了後も定期的なやりとりを通じてお客様の相談・依頼をいただくことが一番重要だと思っております。長い付き合いになると思いますが、当サービスを利用して会社の利益アップ・脱ノウハウコレクターとなりませんか?

 

学生・主婦の方から社会人の方まで幅広くご依頼をいただいております。

上記のサービスはいずれも好評です。特にアフィエイトをしている人でなかなか成果の出ない人や初心者で何からすれば良いのかわからない人にはおすすめのサービスとなっております。

サービスご依頼ご希望の方はサイト内に設置「お問い合わせ」フォームより依頼・または下記よりご連絡ください。当サービスはプロフィールにもありますよう[ランサーズ・スキルクラウド・ココナラ」などCtoCサービスで1000件以上の販売実績があります。常にお客様の満足できるサービスを意識して運営しています。

現在ココナラでおすすめの案件

ここならでは現在全てのサービスを半額以下で販売中でございます。
コンテンツ副業「再販権・テンプレ付き」販売します 副業続かない・初心者「セールスレター・再販権付きサービス」
特におすすめの案件がコチラ!これ弊社の記載が悪いのか?あまり売れてないですが、絶対におすすめの案件です。なぜ売れないのか?逆に心配してます。おそらくココナラで1番の穴場案件です。この案件だけで絶対に成功します。

そのほかの安定した人気サービスもぜひご利用お待ちしております。

最新情報をチェックしませんか?