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

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

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

SSL(Secure Sockets Layer)とは、暗号化されたプロトコルで、インターネット上での通信セキュリティを提供しています。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

PHP

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

jQuery

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

Q&A

解決済

1回答

2821閲覧

ワ-ドプレスWEBフォント文字化け・SSL化による一部ぺージ鍵マ-クつかない

dtbwb

総合スコア10

SSL

SSL(Secure Sockets Layer)とは、暗号化されたプロトコルで、インターネット上での通信セキュリティを提供しています。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

PHP

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

jQuery

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

0グッド

0クリップ

投稿2018/03/30 11:31

編集2018/03/30 12:01

皆様どうぞ宜しくお願い致します。

当方、素人でワ-ドプレスをべ-スにサイトを作っております。
お助けいただきたいところは↓ 

■導入テ-マによるWEBフォントの文字化けとサイトのSSL化による一部ぺージ内のSNSドメインにて鍵マークがつかない(安全ではない)この二点の修復方法が分からず困っております。

該当のサイトです。https://www.sugitakoumuten.jp

先ず、サイト内エラ-は下記です。

■トップぺージ下記
クロスオリジン要求をブロックしました: 同一生成元ポリシーにより、https://sugitakoumuten.jp/wp/wp-content/themes/skin_tcd046/fonts/design_plus.woff?v=1.3 にあるリモートリソースの読み込みは拒否されます (理由: CORS ヘッダー ‘Access-Control-Allow-Origin’ が足りない)。
クロスオリジン要求をブロックしました: 同一生成元ポリシーにより、https://sugitakoumuten.jp/wp/wp-content/themes/skin_tcd046/fonts/design_plus.ttf?v=1.3 にあるリモートリソースの読み込みは拒否されます (理由: CORS ヘッダー ‘Access-Control-Allow-Origin’ が足りない)。
クロスオリジン要求をブロックしました: 同一生成元ポリシーにより、https://sugitakoumuten.jp/wp/wp-content/themes/skin_tcd046/fonts/design_plus.woff?v=1.2 にあるリモートリソースの読み込みは拒否されます (理由: CORS ヘッダー ‘Access-Control-Allow-Origin’ が足りない)。
クロスオリジン要求をブロックしました: 同一生成元ポリシーにより、https://sugitakoumuten.jp/wp/wp-content/themes/skin_tcd046/fonts/design_plus.ttf?v=1.2 にあるリモートリソースの読み込みは拒否されます (理由: CORS ヘッダー ‘Access-Control-Allow-Origin’ が足りない)。
クロスオリジン要求をブロックしました: 同一生成元ポリシーにより、https://sugitakoumuten.jp/wp/wp-content/themes/skin_tcd046/fonts/design_plus.woff?v=1.2 にあるリモートリソースの読み込みは拒否されます (理由: CORS ヘッダー ‘Access-Control-Allow-Origin’ が足りない)。
クロスオリジン要求をブロックしました: 同一生成元ポリシーにより、https://sugitakoumuten.jp/wp/wp-content/themes/skin_tcd046/fonts/design_plus.ttf?v=1.2 にあるリモートリソースの読み込みは拒否されます (理由: CORS ヘッダー ‘Access-Control-Allow-Origin’ が足りない)。

■お知らせぺージ下記
※②については、SNS等のアイコン表記が該当しているようです。
安全なページ上で (安全でない) 混在表示コンテンツ “http://b.st-hatena.com/images/entry-button/button-only@2x.png” を読み込んでいます[詳細]
news
unreachable code after return statement[詳細]
js:70:1092
安全なページ上で (安全でない) 混在表示コンテンツ “https://s3.feedly.com/img/follows/feedly-follow-rectangle-flat-small_2x.png” を読み込んでいます[詳細]
news
安全なページ上で (安全でない) 混在表示コンテンツ “http://s3.feedly.com/img/follows/feedly-follow-rectangle-flat-small_2x.png” を読み込んでいます[詳細]
news
安全なページ上で (安全でない) 混在表示コンテンツ “http://b.st-hatena.com/images/entry-button/button-only@2x.png” を読み込んでいます[詳細]
news
安全なページ上で (安全でない) 混在表示コンテンツ “https://s3.feedly.com/img/follows/feedly-follow-rectangle-flat-small_2x.png” を読み込んでいます[詳細]
news
unreachable code after return statement[詳細]
js:70:1092
CSI/tbsd_
cb=gapi.loaded_0:255:127
CSI/_tbnd
cb=gapi.loaded_0:255:127
クロスオリジン要求をブロックしました: 同一生成元ポリシーにより、https://sugitakoumuten.jp/wp/wp-content/themes/skin_tcd046/fonts/design_plus.woff?v=1.3 にあるリモートリソースの読み込みは拒否されます (理由: CORS ヘッダー ‘Access-Control-Allow-Origin’ が足りない)。
Content Security Policy: script-src: ‘strict-dynamic’ が指定された “'unsafe-inline'” を無視します。
Content Security Policy: script-src: ‘strict-dynamic’ が指定された “https:” を無視します。
Content Security Policy: script-src: ‘strict-dynamic’ が指定された “http:” を無視します。
クロスオリジン要求をブロックしました: 同一生成元ポリシーにより、https://sugitakoumuten.jp/wp/wp-content/themes/skin_tcd046/fonts/design_plus.ttf?v=1.3 にあるリモートリソースの読み込みは拒否されます (理由: CORS ヘッダー ‘Access-Control-Allow-Origin’ が足りない)。
クロスオリジン要求をブロックしました: 同一生成元ポリシーにより、https://sugitakoumuten.jp/wp/wp-content/themes/skin_tcd046/fonts/design_plus.woff?v=1.2 にあるリモートリソースの読み込みは拒否されます (理由: CORS ヘッダー ‘Access-Control-Allow-Origin’ が足りない)。
クロスオリジン要求をブロックしました: 同一生成元ポリシーにより、https://sugitakoumuten.jp/wp/wp-content/themes/skin_tcd046/fonts/design_plus.ttf?v=1.2 にあるリモートリソースの読み込みは拒否されます (理由: CORS ヘッダー ‘Access-Control-Allow-Origin’ が足りない)。

現状試したことは下記です。

■ネット等で調べ
【クロスドメインを許可していない】
フォントファイルを置いているディレクトリ直下の.htaccessに以下を追記します。「”」の中で書いているURLを許可したいドメイン名に置き換えてください。
<ifmodule mod_headers.c="">
<filesmatch "¥.(ttf|otf|eot|woff)$"="">
Header set Access-Control-Allow-Origin "http://tcdwp2.xsrv.jp/check/"
</filesmatch>
</ifmodule>

【プロトコルが混在している】
単純にWebフォントを呼び出している箇所をhttp://からhttps://に置き換えるとフォントが表示されます。しかし、両方混在のまま使用したいという場合もあるかと思いますので、その時は、埋め込みリソースからプロトコル部分(HTTP、 :HTTPS)を省略します。ちなみにこれはgoogleが推奨しているコーディングのやり方です。
src: url('http://design-plus1.com/fonts/');
/* ↓↓ */
src: url('//design-plus1.com/fonts/');

※上記【クロスドメインを許可していない】を試してみましたが改善されません。

【プロトコルが混在している】については、どの箇所なのか具体的に分からず試しておりません。
以上、ご教示をお願い申し上げます。

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

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

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

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

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

CHERRY

2018/03/30 11:48

Web サイト URL や Webサイトで表示している HTML 内容全体の記載がないので、「どこの部分でプロトコルが混在している」のかを具体的に指摘することは不可能ですので、Webブラウザでソースを表示して http://〜 で読み込んでいる部分を探してチェックしてください。
dtbwb

2018/03/30 12:02

ご回答いただきありがとうございます。ご指摘の箇所を追記致しました。宜しくお願い申し上げます。
dtbwb

2018/03/31 02:26

ご回答いただきありがとうございます。ページを参考に調べてみます。
guest

回答1

0

ベストアンサー

WordPressの設定のサイトURLで「sugitakoumuten.jp」になっているなら「wwww.sugitakoumuten.jp」と変更して、wwwがついていないURLにアクセスがあった場合にwwwをつけたURLにリダイレクトするようにしてはどうでしょうか。

投稿2018/04/05 05:16

stmkza

総合スコア478

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

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

dtbwb

2018/04/07 05:09

こんにちは、ご返信大変遅くなりまして申し訳ございません。 ご回答いただきまして有難う御座いました。 ご教示いただきましたよう先程、試したところ見事に解決致しました。 単純なことだったのですね!! 今回は、いろいろと調べ苦戦を致しましたので助かりました。 心よりお礼を申し上げます。 有難う御座いました。
dtbwb

2018/04/07 05:12

この度は、ご回答をいただきまして有難う御座いました。 先程、ご教示いただきましたよう試したところ見事に解決致しました。 単純なことだったのですね今回は色々いと調べ苦戦致しましたので大変助かりました。 心よりお礼申し上げます。 有難う御座いました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問