美容サロンと働くApple好きなWebデザイナー”Ringo”が美容室・美容サロンでも役立つHPやブログ運営・MacやiPhone・その他ガジェットやアプリに関する記事を毎朝8時に更新!

当ブログについて

- ブログ筆者について -

Webデザイナー

Webデザイナー"Ringo"

美容サロンと働くWebデザイナー"Ringo"。

Webデザインを初めて約8年、美容サロンと一緒に働くようになって約4年。

偶然携わった美容業界のアナログさに驚き、この状態は良くない・変えていきたいと感じたことをきっかけに、2015年から美容サロン向けのWeb屋「Re:birth Design」を開始。

”Ringo”というブログハンドルネームは、Apple製品を同僚に薦めまくる事から。

Apple製品、特にMacが好き。Apple製品で業務を快適にすることを常に考えている。

ただ最近、WindowsやSurfaceに惹かれつつあったり…。

執筆・製作のご依頼を承っております。お問い合わせページ・SNS・メールにて、「ブログみた」とお声がけ下さい。

詳細プロフィールを見る

Ringoに仕事を依頼・相談する


Post Title

「ロリポップ」でサイト・ブログに無料の 独自SSL設定をする手順。(WordPress)

  • スポンサーリンク

Webデザイナー”Ringo”ロリポップでWordPressを使ったサイトを運営しているあなた向け。

Webデザイナー”Ringo”おはようございます。
美容サロンと一緒に働くWebデザイナー、Re:birth DesignのRingo(@rebirth_design)です!毎朝8時に、このブログをアップしています。

ロリポップでは、無料で独自SSL「Let’s Encrypt」を設定することができます。

レベルの高い認証ではないですが、GoogleがSSL化を推奨している今、どんなサイトも設定しておいたほうが良いんじゃないでしょうか。

SSLとは?

Secure Sockets Layer (SSL)とは、1994年にNetscapeによって開発された世界標準のセキュリティーテクノロジーです。

SSLはWebサーバーとWebブラウザーとの間に暗号化し送受信できる通信方法です。

機密性の高い個人情報やクレジットカードの情報などを取扱う際にはSSLによる通信が利用されます。

COMODO JAPAN『SSLって何?』より

ロリポップのユーザー専用ページから独自SSLを設定。

まずはロリポップのユーザ専用ページにログインします。

ページ左側のメニュー『セキュリティ』から『独自SSL証明書導入』を選択します。

すると、ドメイン一覧が表示されます。

SSLの設定をしたいドメインにチェックを入れ、ドメインの右にある『独自SSL(無料)を設定する』をクリック。

設定完了までに少し時間がかかります。今回は5分位かかりました。

これでロリポップ上での作業は完了です。

自分のサイトのURLに「https://」を付けてアクセスして問題なく表示されるか確認しましょう。

URL入力欄に鍵のアイコンが追加されていますか?

アイコンが表示されていれば、問題なくSSL化できています。

SSLの設定が終わったら、WordPressの設定変更もわすれずに。

WordPressではロリポップ以外にも、いくつか設定変更をしなくてはいけない部分があります。

まずは「サイトアドレス」と「WordPressアドレス」を変更しましょう。

WP管理画面から「サイトアドレス」と「WordPressアドレス」を変更。URLを「https://」に。

WordPressの管理画面にログインをして、メニューの『設定』から『一般』を選択します。

「サイトアドレス」と「WordPressアドレス」にサイトのURLが入力されています。

この2つのURLを「http://●●●(ドメイン名)」→「https://●●●(ドメイン名)」と変更します。

ログイン画面へと移動するので、再度ログインしましょう。

ちなみにURLを変更したので、この画面でも上部に鍵アイコンが表示されるようになっていますね。

投稿記事内に入れた「http://」で始まるURLを変更。

次に投稿記事内にある画像等のリンクを変更する必要があります。

「http://〜」で始まるもの含まれていると、ブラウザのURL欄に鍵アイコンが表示されずに「通信は保護されていません」的な表示になってしまいます。

一つ一つ書き換えていくのは面倒なので、WordPressのプラグインを使います。

「Search Regex」という一括置換をするためのプラグインをインストールして有効化しましょう。

有効化するとメニューの『ツール』に『Search Regex』が追加されます。

『Search Regex』のページを開くと英語で色々と書いてあるかと思いますが、気にせず『Search pattern』の欄に「http://●●●(ドメイン名)」と入力します。

そしてその下『Replace pattern』の欄に「https://●●●(ドメイン名)」と入力します。

下の青い『Search』を押すと該当する物が一覧で表示されます。

問題がなければ、『Replace&Save』をクリック。

これで記事内の画像リンクが全て置き換わりました。

ウィジェット内のリンクは手作業で変更。

『Search Regex』で置き換えても、ウィジェット内のリンクはそのままです。

手作業で「https://●●●(ドメイン名)」に変えていきましょう。

僕はすっかりウィジェットの存在を忘れていて、いつまでも上手くいかなかったので、あなたは忘れずに…!

「http://」でアクセスされた場合に「https://」へリダイレクトするよう設定をする。

ここまでで設定は完了していますが「http://●●●(ドメイン名)」へもアクセスできる状態になっているので「https://●●●(ドメイン名)」へとリダイレクトするように設定します。

.htaccess内に追記する

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>

↑これをWordPressをインストールしたフォルダ(ディレクトリ)内にある「.htaccess」内に追記します。

ここまでやればロリポップとWordPressを使ったサイトのSSL設定はOK。

まとめ「GoogleもSSL化を推奨しているし、無料だから早いうちにやっておこう。」

Webデザイナー”Ringo”今回は「ロリポップで無料のサイトのSSL設定をする手順。(WordPress)」って話でした。

難しくはないけれど、手順を知らないと少し手間がかかりますね。

ロリポップとWordPressの組み合わせでサイトを運営している方の役に立てばなと思い、手順を紹介しました。

自分も忘れないように備忘録もかねて…。

SSLの設定はGoogleも「セキュリティは Google の最優先事項です。」と推奨しているので、検索結果表示の評価にも影響があります。

HTTPS をランキング シグナルに使用します
セキュリティは Google の最優先事項です。Google は、 デフォルトで強力な HTTPS 暗号化を導入する など、業界でも最先端のセキュリティを Google サービスに導入することに力を注いでいます。これにより、たとえば Google 検索、Gmail、Googl…

もちろんSEOのためだけではなく、ユーザーが安心してコンテンツを楽しめるようにする為にもSSL化は大切なことですよね。

まだ設定をしていないあなた、これを機にSSL化をしちゃいましょう。

ということでまた明日も朝8時に記事を更新しますので、ブックマーク&チェックお願いしますね!

あと、このページをSNSでシェアするのも是非お願いします。ではまた明日!

この記事が面白い・役に立ったと思ったら、今すぐSNSでシェアしよう!
Instagramへのシェアは、下の画像をスクリーンショットor保存&テキストをコピペして投稿!
「ロリポップ」でサイト・ブログに無料の 独自SSL設定をする手順。(WordPress)
  • スポンサーリンク

Ringoから記事を読んでくれたアナタに

ホームページ・ブログでお困りではありませんか?

HPやブログで困っていませんか?

ブログ・HPの相談を通常「1時間2,000円」で承っています。

…が、2018年2月末まで「年始の初回お試しキャンペーン」ということで、初回に限り1時間500円にて承ります!(メール・チャットにて)

美容室やサロンのブログやHPでわからないことがあれば、僕に「記事ってどうか書けばいいの?」とか「画像ってどう加工するの?」など、人に聞くのに遠慮してしまうような初歩的なことも気軽に相談してください。

他にも「ブログ・HPで集客するにはどうすればいいの?」・「私のお店にもホームページは必要?」といったお悩みもお受けしております。

美容サロンと働くWebデザイナー”Ringo”に、アナタの”お悩み”をお聞かせ下さい!

これからビジネスを始めるあなた、もしくは始めたばかりのあなたからの相談は特に大歓迎です。

僕自身、始めたばかりは何をすれば良いのかよくわかりませんでした。

「気軽に相談できる人がいればな…」と思ったことも多いです。

だから、あなたのブログやHPに関しての相談相手になりたいんです。

今すぐに下のリンクから、お問い合わせページにアクセスしてお問い合わせ下さい。

各SNSからでもお問わせOKです。まずは「ブログ見た」とお気軽にお声がけ下さい!

今スグ、Ringoに問い合わせをする

- ブログ筆者について -

Webデザイナー

Webデザイナー"Ringo"

美容サロンと働くWebデザイナー"Ringo"。

Webデザインを初めて約8年、美容サロンと一緒に働くようになって約4年。

偶然携わった美容業界のアナログさに驚き、この状態は良くない・変えていきたいと感じたことをきっかけに、2015年から美容サロン向けのWeb屋「Re:birth Design」を開始。

”Ringo”というブログハンドルネームは、Apple製品を同僚に薦めまくる事から。

Apple製品、特にMacが好き。Apple製品で業務を快適にすることを常に考えている。

ただ最近、WindowsやSurfaceに惹かれつつあったり…。

執筆・製作のご依頼を承っております。お問い合わせページ・SNS・メールにて、「ブログみた」とお声がけ下さい。

詳細プロフィールを見る

Ringoに仕事を依頼・相談する

  • あなたにオススメの記事

  • スポンサーリンク

- ブログ筆者について -

Webデザイナー

Webデザイナー"Ringo"

美容サロンと働くWebデザイナー"Ringo"。

Webデザインを初めて約8年、美容サロンと一緒に働くようになって約4年。

偶然携わった美容業界のアナログさに驚き、この状態は良くない・変えていきたいと感じたことをきっかけに、2015年から美容サロン向けのWeb屋「Re:birth Design」を開始。

”Ringo”というブログハンドルネームは、Apple製品を同僚に薦めまくる事から。

Apple製品、特にMacが好き。Apple製品で業務を快適にすることを常に考えている。

ただ最近、WindowsやSurfaceに惹かれつつあったり…。

執筆・製作のご依頼を承っております。お問い合わせページ・SNS・メールにて、「ブログみた」とお声がけ下さい。

詳細プロフィールを見る

Ringoに仕事を依頼・相談する

ブログ全体の新着記事

No Image

制作(Web/印刷物)

WordPressオリジナルブログテーマ「ググログ」を作成中。

レビュー(商品/サービス)

薄くて軽いMacBookを持ち運ぶとき、入れるケースも薄くて軽く…

No Image

美容室・美容サロン向け

スタッフがブログを書いてくれない!?ブログを書く意味・目的を改め…

No Image

ビジネス・ワークスタイル

ブログでの発信を難しいと感じるならTwitter等のSNSがオス…

No Image

ビジネス・ワークスタイル

自宅や会社にいるのに制限のあるモバイルルーターを使うことで効率が…

No Image

ブログ運営・活用

WordPressのテーマ変更後にアイキャッチ画像のサイズがバラ…

制作(Web/印刷物)の新着記事

No Image

制作(Web/印刷物)

WordPressオリジナルブログテーマ「ググログ」を作成中。

No Image

制作(Web/印刷物)

ブログテーマを試験的に変更しています。

制作(Web/印刷物)

話題のオーダースーツ専門店「俺のTailor」のHPリニューアル…

制作(Web/印刷物)

ホームページのリニューアルをするタイミングって?判断する基準は年…

制作(Web/印刷物)

お店の集客に必要な物って多すぎる!?これらを全部揃えるのって大変…

制作(Web/印刷物)

サイトやブログにVideoタグで埋め込んだ動画。再生数を集計する…

ブログ全体の人気記事

iPhone/iPad(iOS)

【追記有】Apple PencilとiPad Proの接続が出来…

Mac(Mac OS/OS X)

【検証】MacBookをクラムシェルで使うと、本当にバッテリー劣…

Apple関連

[追記あり]Apple WatchでInstagramのアプリが…

Apple関連

[解決]AppleWatchのInstagramでFeed・Ac…

Apple関連

Apple Pencilが故障。壊れたら交換には出さずに新品を買…

Mac(Mac OS/OS X)

MacBookProのディスプレイの掃除はこれ!Mac同梱『クリ…


▲最上部へ