質問: ### 前提・実現したいこと WordPress 子テーマでカスタマイズをしています。(使用しているテーマはレスポンシブタイプのテーマです。) フロントページに固定ページを作成して、画面いっぱいに写真を表示したいです。 それを実現するために、Vegas2というプラグインを実装するのがいいのでないかと考えました。 このプラグインを実装する具体的な方法(プロセス)がよく分かりません。 ### 発生している問題・エラーメッセージ ``` エラーメッセージ ``` ### 該当のソースコード ``` ソースコード ``` ### 試したこと Vegas2のサイトから、「VEGAS 2.4.0」をダウンロードしました。 https://vegas.jaysalvat.com/ ダウンロードしてみたはいいけれど、これらのファイルをどのようにワードプレスに入れていけばいいのかが分かりません。 ftpソフトから、どこかのフォルダに入れるのでしょうか? インターネット上の関連サイトを調べてみた情報: (1) を読み込ませるとのことですが、どこにどのようにして読み込ませればよいかが不明。 内に、とのことですが、それは、どこにあるのでしょうか? phpファイルの中でしょうか? (2)WordPressのjqueryは普通のjqueryと少し扱い方が違うので注意が必要とのこと。 (3)Vegas2のサイト情報:bodyに下記コードを記述する必要があるとのこと。これはどのファイルのどのあたりに追記すればいいのでしょうか? $("#example, body").vegas({ slides: [ { src: "/img/slide1.jpg" }, { src: "/img/slide2.jpg" }, { src: "/img/slide3.jpg" }, { src: "/img/slide4.jpg" } ] }); よろしくお願いいたします。 ### 補足情報(FW/ツールのバージョンなど)
回答: > > ダウンロードしてみたはいいけれど、これらのファイルをどのようにワードプレスに入れていけばいいのかが分かりません。 > > ftpソフトから、どこかのフォルダに入れるのでしょうか? > > > FTPでテーマのディレクトリ内に置いてください。 (1) 参考 独自のCSSやJSを読み込む http://kwski.net/wordpress/780/ (2) `$`を`jQuery`にしないとエラーになる場合がある。 (3) 多分header.phpの最下部が最も望ましいかと。 と、こんなとこでしょうか。 **追記** テーマのfunctions.phpに追加してください。 ``` function add_vegas_scripts() { wp_register_script( 'vegas', get_stylesheet_directory_uri(). '/vegas/vegas.min.js' ); wp_register_style( 'vegas', get_stylesheet_directory_uri() . '/vegas/vegas.min.css' ); wp_enqueue_script( 'vegas' ); wp_enqueue_style( 'vegas' ); } add_action( 'wp_print_scripts', 'add_vegas_scripts' ); ``` 動かない場合はソースを見て正しく読み込まれているか確認してください。