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

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

ただいまの
回答率

90.76%

  • PHP

    19185questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • WordPress

    6654questions

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

  • jQuery

    6320questions

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

  • プラグイン

    402questions

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

smartslider3が正常動作しません。

受付中

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 310

IsseiNumata

score 2

前提・実現したいこと

smartslider3について質問いたします。
上記、正常に動作していましたが、「Velvet Blues Update URLs」というプラグインを使用してサイトURLをhttp:→https:のSSL化を行ったところ、誤動作をしています。

発生している問題・エラーメッセージ

誤動作の内容としましては、スライドが表示されなかったり、画像が縦に並んでしまったりしています。同じコードをトップページに貼り付けた場合は正常に動作します。

該当のソースコード

該当ページ
https://www.sanwa-alumi.com/%e6%94%b9%e4%bf%ae%e5%b7%a5%e4%ba%8b/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%b7%e3%83%9f%e3%83%a5%e3%83%ac%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3/

試したこと

正常のソース(トップページ貼付時)と比べた場合、不具合のソースの方では「n2-has-hover」や「n2-ss-swipe-element」という表記が抜けています。

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

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

+3

JavaScriptでhttp://での読み込みが残っているような気がします。
ブラウザの[F12]デベロッパーツールでエラーがないか確認してみたらいかがでしょうか。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/11/20 18:15

    早速のお返事ありがとうございます。

    デベロッパーツールで確認した所、下記のメッセージがでています。

    申し訳ございませんが、ご指導頂きます様お願い致します。

    Failed to load resource: the server responded with a status of 404 ()
    n2-ss-20.css Failed to load resource: the server responded with a status of 404 ()
    jquery-migrate.min.js?ver=1.4.1:2 JQMIGRATE: Migrate is installed, version 1.4.1
    (index):728 Mixed Content: The page at 'https://www.sanwa-alumi.com/%e6%94%b9%e4%bf%ae%e5%b7%a5%e4%ba%8b/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%b7%e3%83%9f%e3%83%a5%e3%83%ac%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3/' was loaded over HTTPS, but requested an insecure image 'http://www.sanwa-alumi.com/x/wp/wp-content/uploads/2017/07/tel280_40.png'. This content should also be served over HTTPS.
    (index):729 Mixed Content: The page at 'https://www.sanwa-alumi.com/%e6%94%b9%e4%bf%ae%e5%b7%a5%e4%ba%8b/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%b7%e3%83%9f%e3%83%a5%e3%83%ac%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3/' was loaded over HTTPS, but requested an insecure image 'http://www.sanwa-alumi.com/x/wp/wp-content/uploads/2017/07/arigatou-1.png'. This content should also be served over HTTPS.
    (index):730 Mixed Content: The page at 'https://www.sanwa-alumi.com/%e6%94%b9%e4%bf%ae%e5%b7%a5%e4%ba%8b/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%b7%e3%83%9f%e3%83%a5%e3%83%ac%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3/' was loaded over HTTPS, but requested an insecure image 'http://www.sanwa-alumi.com/x/wp/wp-content/uploads/2017/07/toiawase_160_40.png'. This content should also be served over HTTPS.
    (index):731 Mixed Content: The page at 'https://www.sanwa-alumi.com/%e6%94%b9%e4%bf%ae%e5%b7%a5%e4%ba%8b/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%b7%e3%83%9f%e3%83%a5%e3%83%ac%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3/' was loaded over HTTPS, but requested an insecure image 'http://www.sanwa-alumi.com/x/wp/wp-content/uploads/2017/07/new_160_40.png'. This content should also be served over HTTPS.
    (index):732 Mixed Content: The page at 'https://www.sanwa-alumi.com/%e6%94%b9%e4%bf%ae%e5%b7%a5%e4%ba%8b/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%b7%e3%83%9f%e3%83%a5%e3%83%ac%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3/' was loaded over HTTPS, but requested an insecure image 'http://www.sanwa-alumi.com/x/wp/wp-content/uploads/2017/07/kumiai-1.png'. This content should also be served over HTTPS.
    /wp-content/cache/nextend/web/combined/f7825c72de598f215498b91e4d1b044e.js Failed to load resource: the server responded with a status of 404 ()
    (index):565

    Failed to load resource: the server responded with a status of 404 ()
    Arguments(3) (index):565
    Failed to load resource: the server responded with a status of 404 ()
    Failed to load resource: the server responded with a status of 404 ()

    キャンセル

  • 2017/11/21 07:10

    読み込みのエラーになっているのはSliderプラグインのキャッシュと思われます。
    プラグインのキャッシュを削除してみて下さい。
    https://smartslider3.helpscoutdocs.com/article/215-cache

    またいくつかの画像がhttp://のアクセスになっています。
    http://www.sanwa-alumi.com/x/wp/wp-content/uploads/2017/07/tel280_40.png
    など、修正が必要と思います。

    キャンセル

  • 2017/11/23 12:30

    ご回答、心からお礼申し上げます。

    プラグインのキャッシュを消しましたら、真っ白だった箇所が表示されるようになりました。
    しかし、依然、縦に画像が並んで表示されてしまいます。

    画像のアドレスは、https://~に転送されているようなので、追々直していきたいと思います。

    頼ってばかりで申し訳有りませんが、何卒、ご指導の程宜しくお願い致します。

    キャンセル

  • 2017/11/23 17:45

    今貴サイトを確認いたしましたところまだキャッシュファイルが404 Not Foundになっています。
    スライダーに関わるcssが3,jsが1つです。
    恐らくですがjsが読み込めていないためスライダーの設定ができていないと思われます。

    サーバはxrea.comでしょうか?私が借りておりますs333.xrea.comでダッシュボードからワードプレスをインストールして初期状態でSmartSliderプラグインをインストールしてサンプルのスライダーを設定してみましたが問題なく動作しております。
    他のプラグインの影響もあるかもしれません。
    可能でありましたら他のプラグインを停止しSmartSliderのみ有効として確認されたらいかがでしょうか。

    貴サイトで404エラーが発生しているファイル
    /wp-content/cache/nextend/web/n2-ss-23/n2-ss-23.css?1511406973
    /wp-content/cache/nextend/web/n2-ss-20/n2-ss-20.css?1511406973
    /wp-content/cache/nextend/web/n2-ss-21/n2-ss-21.css?1511406973
    /wp-content/cache/nextend/web/combined/86b1f06c8e442b905032293664064c3f.js

    キャンセル

  • 2017/11/23 19:30

    ご回答ありがとうございます。

    サーバーはxreaでございます。

    SSL化する為に、「Really Simple SSL」というプラグインを有効化したら、あちこちで不具合(リンク切れ)が出まして、今回の症状がでてしまいました。

    Really Simple SSL以外のプラグインをオフにしたことはありますが、改善されませんでした。

    トップページに同じコードを貼ると動作するのですが…

    キャンセル

  • 2017/11/24 21:54

    今確認させていただきましたが、TOPページは同じプラグインでスライダーを作成していますか?
    現在のTOPページでは問題となっていそうなcssやjsを読み込んでいないようです。

    SmartSliderと他のキャッシュプラグインの問題かもしれませんので今一度他のプラグインを全て停止し、SmartSliderのキャッシュを削除して確認してみたらいかがでしょうか。

    キャンセル

  • 2017/12/05 17:48 編集

    お返事遅くなり申し訳ありません。
    プラグインを全て停止しましたが、変化なしです。

    運営中の企業ホームページですので、僅かな時間しか動作確認できませんが、依然、[smartslider3 slider=00]のようなコードをTOPページに貼ると正常に動作します。

    類似するスライダーのプラグインを試してみましたが、やはり、トップペーでは動作し、それ以外は動作しません。

    宜しくお願い致します。

    キャンセル

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

  • ただいまの回答率 90.76%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • PHP

    19185questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • WordPress

    6654questions

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

  • jQuery

    6320questions

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

  • プラグイン

    402questions

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