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

企業向けHP/個人向けブログ|無料制作サービス6月30日まで

ホームページ・ブログ制作依頼に高額料金を払っていませんか?

フリーランス・個人事業主だからこそ無料でできるサービス。もちろん、無料だからといって質の心配無用。多数の企業様とのご依頼経験を積んだプロによるサービス。

今回は指定のサーバーに契約していただ人のみ限定のサービスとなります。たったこれだけの条件でHPやブログを運営可能。

・おしゃれなHPで集客したい・お店の商品をネットで販売したいなど

・学生・主婦が隙間時間にブログで稼ぐのは当たり前の時代!コソッとバレずに副収入を稼ぐノウハウもご一緒にプレゼント!

今回の企画は6月30日までの期間限定となりますので、お早めのご依頼お待ちしております

※現在、多数のご依頼をいただいております。

依頼をご希望の方に関してはお問い合わせよりご連絡ください。基本即日対応させていただきますが、納期につきましては多少前後することがありますのでご了承ください。

※初めてホームページを依頼するという方も安心してご相談くださいませ。

初めてで分からないのはお客様皆様ご一緒です。まずはお気軽にお問い合わせくださいませ。

おすすめの記事