質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

プラグイン

プラグイン(plug-in)は、ソフトウェアアプリケーションの機能拡張の為に開発された、一組のソフトウェアコンポーネントのことを指します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

0回答

426閲覧

WP:fullpage.jsの設置

fffaaabbb

総合スコア7

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

プラグイン

プラグイン(plug-in)は、ソフトウェアアプリケーションの機能拡張の為に開発された、一組のソフトウェアコンポーネントのことを指します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2018/04/19 02:54

前提・実現したいこと

wordpressの既存のテーマ(sydney)にjQueryのプラグイン fullpage.js を実装したいのですが。うまく動きません。また、どこが不具合を起こしているのかもよくわかっていません。

おそらく次は実際に実行する段階だと思いますが、

$(function(){
$('#fullpage').fullpage();
});

このコードをどこに入れれば良いのかいまいち分かりません。

該当のソースコード

$(function(){ $('#fullpage').fullpage(); });

試したこと

1,fullpage.jsのjsファイル、cssファイルはwordpress内に入れました

2,header.php内に

<link rel="stylesheet" type="text/css" href="/css/jquery.fullPage.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="/js/jquery.easings.min.js"></script> <script src="/js/jquery.slimscroll.min.js"></script> <script src="/js/jquery.fullPage.min.js"></script> <script src="/js/contents.js"></script> を記入しました。

3,トップページとなるindex.phpのコンテンツを全て

<div id="fullpage"> </div> で覆いました。

4,分けたいセッションをに "section" のクラスを入れました。

補足情報(FW/ツールのバージョンなど)

wordpressのsydneyというテーマを使用しています。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

stampdoor

2018/04/19 03:43

出来ればcontents.jsの内容を、難しければ何を処理しているものなのかの説明の追記をお願いします。
fffaaabbb

2018/04/19 04:34 編集

contents.jsというファイルが入っていません。main.jsというものが存在しますが、それに該当するのでしょうか?
stampdoor

2018/04/19 03:54

<script src="/js/contents.js"></script>と書いてあるのでそのファイルを読み込もうとしています。main.jsがある、ということですがそのファイルは読み込まれているのですか?
m.ts10806

2018/04/19 04:04

ブラウザ開発ツールのコンソールにエラーが出ていないかご確認を。あと、ブラウザで「ソースを表示」してそれぞれのjs、cssファイルのリンクをたどり、(要は直アクセス)正常にファイルの中身が表示されるかご確認を。
fffaaabbb

2018/04/19 04:34

main.jsは読み込まれています。
fffaaabbb

2018/04/19 04:35

cssと/js/jquery.fullPage.min.js これのみ正常に表示されました。
m.ts10806

2018/04/19 04:35

main.jsという記述は質問内のどこにもありません。それで「読み込まれている」とはなぜそう言えるのでしょうか?記載ミスであれば質問を修正してください。
m.ts10806

2018/04/19 04:38

jquery.min.jsも表示されそうに思いますが(少なくとも私の方では確認できました。)  http:// → https:// と変更しても読み込まれませんか?いずれにしても全て正常に読み込ませる必要があります。ファイルをきちんと配置して、ファイルパスの記述を合せてください。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問