一部のページがどうしてもSSL通信にならないときは以前に紹介したドメインキングでの設定方法とエックスサーバーでの設定方法と基本的な流れは変わりませんが、サーバーの癖というか管理画面が違うと戸惑ったり失敗してしまったりすることもあるかと思いますので、今回は【さくらインターネットサーバー】でサイトをSSL対応させる方法を紹介します。Base【備忘録】サイトをSSL対応(http:→https:)へ変更する方法《Xserver編》https://www.momosiri.info/cms/ssl-xserver/このページへ検索経由でアクセスされた方はSSLって何?ということはないとは思いますが、いつも新着記事を見ていただいている方やイマイチ理解できていない方のためにSSLについて簡単に説明させいてただきます。Base【備忘録】ドメインキングで作成したサイトを無料でSSL化&サイトの設定変更をして...https://www.momosiri.info/sitenews/%e3%80%90%e5%82%99%e5%bf%98%e9%8c%b2%e3%80%91%e3%83%89%e3%83%a1%e3%82%a4%e3%83%b3%e3%82%ad%e3%83%b3%e3%82%b0%e3%81%a7%e4%bd%9c%e6%88%90%e3%81%97%e3%81%9f%e3%82%b5%e3%82%a4%e3%83%88%e3%82%92%e7%84%a1/月100円から利用できる格安レンタルサーバーのドメインキング。当サイトもこの記事公開段階ではこの100円のプランを使わせていただいています。年間1200円+ドメイン管理料だけでサイトを持てるなんて夢のようですよね。私の記憶では以前使ったときに初年...で紹介していますので興味のある方は参考に読んでみてくださいね。Encryptという無料のものを使用し、さくらサーバーではSSL証明書の取得と適用を自動で行ってくれますから、段取り通り進めれば数クリックでhttps:~のアドレスで接続できるようになります。それではサーバーコントロールパネルにログインして作業をすすめていきましょう。一読してみて「ちょっと大変そうだなぁ・・ちょっと不安だなぁ・・」と思われる方はで設定代行もさせていただいておりますのでご検討ください。さくらサーバーのサイトをSSL対応する方法SSL証明書の取得と適用方法サーバーコントロールパネルにログインしたら、左のメニューにある「ドメイン/SSL設定」をクリックします次にSSL化するドメインの右にある証明書列の「登録」をクリックします※マルチドメインで複数のサイトを管理している場合はドメイン名をよくよく確認してくださいそして次の画面で「無料SSLの設定へ進む」をクリックします最後に「無料SSLを設定する」をクリックしますこれであとは待つだけです(簡単すぎます)。※各画面の上に対象のドメインが表示されますので、必ず何度も確認してください今回の場合は14:12に証明書の適用を開始し15:03に終了してhttps:でアクセスできるようになりました。1時間で適用完了というのが目安のようですね。クリックして行います変更後管理画面への再ログインが促されますのでログインし直してください。***************************************************.htaccessを配置することで、ウェブアクセスに関わる設定を行なう事ができます。***************************************************前提条件.htaccessファイルの作成方法mod_rew...を見て、.htaccessファイルの作成・設定を行います。これをやることでhttp:(旧アドレス)へアクセスされてもhttps:(SSL化されたアドレス)へ転送されるようになります。※Wordpressで作成したサイトの場合は既に.htaccessファイルがありますのでそのファイルの先頭に追記、htmlで作成したサイトで.htaccessファイルがない場合にはindex.htm(l)のある場所へ新規作成してください。※ssl対応させるためのプラグインもありますが、こういうものは後々変更する予定がないことと、もしも誤って停止してしまったりサイトに不具合が発生したときに困りますから、それほど難しいことではないと思いますので手動で設定した方がいいと個人的には思います。アクセスしてきちんと表示されるかを確認します上の公式ヘルプでは転送用のコードが削除されているようですのでこちらで紹介しておきます。[R=301,L]</IfModule>【注意】コードをコピーして使用する前に必ずお読みくださいこの記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。使用については自己責任でお願いしますコードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いませんコードの変換エラーなどにより動作しない場合、更新エラーが出る場合がありますコードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがありますその場合には以下の方法で修正を行ってみてくださいコードの中に全角の記号が入っていませんか?半角にすることで解消できますコードの中に全角の空白(スペース)がありませんか?半角にすることで解決できますコードは合っているはずなのに更新できないときは特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「'」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。「何かが間違っています...」と表示され、更新できないときはこのエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。Base【Wordpress】コードは合っているのにfunctions.phpの更新ボタンをクリックすると...https://www.momosiri.info/cms/%E3%80%90wordpress%E3%80%91%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AF%E5%90%88%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%81%AE%E3%81%ABfunctions-php%E3%81%AE%E6%9B%B4%E6%96%B0%E3%83%9C%E3%82%BF%E3%83%B3/Wordpressで何かをカスタマイズするときに通らなければならないのがテーマのfunctions.phpへの追記。内部の画像リンクURLの確認と修正httpsでエラーが出ていないかのチェックと修正という全く同じ内容です。1と2の内容についてはhtmlサイトであればエディタなどで旧http:~のものを探して変更していく作業を行います。Wordpressの場合はリンクのほとんどが絶対URL(http:~)なので1つプラグインを使うことで設定が簡単になりますからここから先をを参考に進めてください。内部リンクを全て「http:」から「https:」へ置換えするここはプラグインに頼ることにしましょう。R...https://www.momosiri.info/wppi/search-regex/※Wordpressのバージョンを5.2にしてこのプラグインを使ったらいきなりエラーメールが届くようになったという方、文末にあるリンク記事の方法で対処すると問題が解消できますので参考にしてみてください。Wordpressでサイトを作り、たくさんの投稿などのコンテンツを...というのがあります。これを使って一括変更してしまいましょう(画像は日本語です。上のリンクページで使い方と日本語化の方法を掲載しています)。当サイトの場合は「https://www.momosiri.info/」を「https://www.momosiri.info/」に変更するので画像のようにします。終わったら「検索」をクリックしましょう。ちなみに下図のように「変換して保存」をクリックするとザザーーっと変換されますが、念のためざっと確認はしておきましょうね。覚悟を決めてやっちゃいましょう!!これで内部リンクのURL変更が完了しました。一応いくつか内部リンクのある記事でリンクをマウスオーバーしてみてきちんと置き換えられているかを確認しましょう(特にカスタム投稿タイプの記事について行うことをおすすめします)。サイト内エラーのチェックをするここまで来たところでページがきちんと表示されるからOK・・・ではありません。実際にトップページを開いてみるとまだアドレスバーの左端が「i」マークになっています。クリックするとなにーーーー安全じゃないだと~~って感じですね。そこで何が問題なのか確認していきます。トップページを開いた状態で「F12(デベロッパーツール)」を開きます「console」をクリックしますすると・・・黄色の△マークや×マーク(エラー)がずらずら表示されますね。これを1つ1つ潰していきます。△マークからまあ簡単にいうと前半に書いてあるページで後半に書いてある部分がSSLに対応したものではないという内容です。1行目だけ解説すると「’https://www.momosiri.info/cms/%e3%80%90wordpr.....’」にある「’https://www.momosiri.info/wp-content/uploads/2017/06/%E3%83%91%E3%8.....’」という画像ファイルが対応していないという警告なんです。Regex」で置き換えられない部分が残っていたということなんですね(基本的に本文部分だけ置き換えましたから・・・)。この画像をクリックしてみると、トップのスライダー画像の1つでした。これはプラグインで画像を取り込んでいるのでhttpsになっていなかったのでしょう。エラー修復していきます。※キャッシュ系プラグインを入れてる場合には一旦キャッシュを削除してからでないと正確な情報が得られない場合があります。↑の項で書かせていただきましたが、プラグインやテーマで画像などを扱っている場合には画像などの参照元が「http:」から「https:」になっていないところがある可能性がありますので、いろいろなページを開いてデベロッパーツールでチェックするか、管理画面上から考えられるところは事前に確認しておきましょう。最終的にアドレスバーの左側に「保護された通信」と表示されればサイト的には完成です。Consoleの設定変更サイトのURLが変更になったわけですから当然所有権の再確認など必要になります。coversの公式ヘルプにある通り、「http:」のサイトと「https:」のサイトは別のサイトと認識されるようですから新規に登録してサイトマップを送信しておきます。Consoleとの連携の設定(httpのサイトとの連携を解除した後httpsのサイトと連携させる)を行います。外部でランキングなどに参加している場合にはURLの変更が必要な場合があります。それから肝心のアフィリエイトサービスについてはそれぞれのサービスでURLの変更をする必要があります。調べたところAmazonアソシエイトではSSL化しても連絡は不要のようです(自身で確認してくださいね)。これで一通り変更が終了しました。ページごとに不具合が出たり、何かのプラグイン等で不具合が出たりすることがありますので都度対処していくしかないと思います。「http:~」でアクセスできないこの間は今まで通り「http:~」でアクセスするとページは問題なく表示され、「https:~」へアクセスするとエラー画面しか表示されない状態が続きます。サーバーの画面にも書いてある通り反映には時間がかかりますので、待つしかありません。「http:~」(以前のアドレス)、「https:~」(新しいアドレス)でも接続できなくなってしまった場合には他のトラブルが発生している可能性が高いので、SSL設定を一旦削除して戻してみるといった処置をして確認する必要があります。Regex」ですが、このプラグインで本文内の文字列を変更できるのは「投稿」と「固定ページ」のみ。カスタム投稿タイプには対応していません。サイトでカスタム投稿タイプを使っている場合はプラグインを少しカスタマイズする必要があります。R...https://www.momosiri.info/wppi/search-regex/※Wordpressのバージョンを5.2にしてこのプラグインを使ったらいきなりエラーメールが届くようになったという方、文末にあるリンク記事の方法で対処すると問題が解消できますので参考にしてみてください。一部のページがどうしてもSSL通信にならないときはブラウザではhttpsで始まるサイト(ページ)URLでもその中にある外部サイトのコンテンツが非SSLである場合には最終的にページ内のコンテンツがSSL通信できる状況でないと判断します。あるのが外部サイトから画像をリンク挿入した場合。ページ表示の途中で画像を表示するために接続する段階で非SSL(暗号化通信が保てない)場合には完全に安全な通信が確保できなくなる可能性があるということで、ページ全体が非SSL通信です!と判定するわけです。これを1つ1つ調べて変更していくのは大変だし、すべてのhttpをhttpsへ一括変更してしまうとhttpsで表示できないコンテンツはエラーとなってしまいます。これを防ぐために、http://で始まっている外部サイトのリンク挿入コンテンツがあれば、自動でhttps(SSL)で接続してみて、だめだったら表示されないようにして!!と指示する魔法のコードがあります。tweet【Wordpress】SSL化後どうしてもアドレスバーが鍵マーク(安全な接続)にならない...https://www.momosiri.info/cms/%e3%80%90wordpress%e3%80%91ssl%e5%8c%96%e5%be%8c%e3%81%a9%e3%81%86%e3%81%97%e3%81%a6%e3%82%82%e3%82%a2%e3%83%89%e3%83%ac%e3%82%b9%e3%83%90%e3%83%bc%e3%81%8c%e9%8d%b5%e3%83%9e%e3%83%bc%e3%82%af/タイトルはWordpressにしていますが、htmlで作成したサイトでも適用できる方法です。サイトをSSL化(証明書の割り当て)して、サイト内のページなどをすべてSSL通信に対応させることを常時SSL化と言います。Wordpressで常時SSL化するにはサイトアドレスとWordpressア...をご覧いただければと思いますが、これを使うことでhttpsで始まるアドレスでありながら実は非SSLと判定されてしまうことを回避できます。※便利なコードですが、内部リンクや内部画像のURL変更や分かる範囲での変更を行って、どうしても・・・という時に使うことをおすすめします。このコードを使うことで、https接続してみてダメだったものは非表示になってしまいますが、後々そのサイトがSSL化されたときには正常に表示されるようになりますので地味に便利だと思いますよ。ひまあーと(管理人)☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。作者の記事一覧はこちらいつでもご相談・サイトカスタマイズの依頼を受け付けていますWordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。こちらのバナーからお気軽にお問い合わせください。※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。【スポンサーリンク】タグ:SSLWordpressワードプレス記事の拡散にご協力をお願いします閲覧いただきありがとうございました。画像の一括アップロード時に時々httpエラーが出るのは?改善できる?「時々」画像アップロード時に処理が途中でスキップされ、最終的にhttpエラーとなる現象について、原因と今の環境でできる対策を検証しつつ紹介します。【WordPress】投稿編集画面の「link」ボタンで表示される画面に検索項目が表示されないときのチェックポイント記事を作成するときにリンクを作成するとき便利なのがエディタの「link」ボタン。いつもは「link」ボタンをクリックすると、URL、リンク文字列とともに表示される「または既存のコンテンツにリンク」の下の「検索窓」と「サイト内部の検索結果」。これが表示されない、困った・・・に対処したときの対応を紹介します。WordPressのテーマやプラグイン、本体のインストールや更新時にFTP情報画面が出るのを防ぐ方法Wordpressでプラグインやテーマをインストールしたり削除したりするとき、こんな画面が出てきませんか??FTP接続の確認画面です。一度情報を設定してしまえば画面が1つ出てくるだけで「OK」をクリックすることで済む話なのでわざわざ対応させることもない気もしますが、この1手間があるかないかで何となく気分が違うので、設定してみます。記事の拡散にご協力お願いします閲覧いただきありがとうございます。この記事が役に立つ情報でしたら是非SNSでシェアやコメントをお願いします。Amazonアソシエイト・プログラムの参加者です。