Webデザイナーでブロガーな個人事業主”リンゴ”が、【個人事業主・起業家のブログとHPでの発信&集客】【Apple中心にPC&ガジェット】【ワークスタイル】の情報を発信するブログ

当ブログについて

筆者について

リンゴプロフィール

個人事業主・起業家の発信〜集客を月3万円でアシスト
Webデザイナーでブロガーな個人事業主 リンゴ

リンゴをSNSでフォローするならこちら


制作(Web/印刷物)

-

僕自身が携わっている制作物に関しての話題を届けます。

元々、Webデザイナーとして仕事をはじめましたが、Webサイト以外にも、ロゴ・名刺・パンフレット・メニュー表・看板・販促物・パッケージ等のデザインをしています。

「こんな事できる?」って話があれば、気軽にお声がけくださいね!

この記事は「制作(Web/印刷物)」カテゴリーの記事

2017/12/12

制作(Web/印刷物)

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でシェアして下さい!記事を書くモチベーションが上がります!
  • 起業家・個人事業主の発信×集客はブログを使うべき理由は…↓

  • スポンサーリンク

こんな記事にも興味がありませんか?

リンゴから記事を読んでくれたアナタに

ブログや仕事、PCの事で困ったことはLINEで今スグ、Ringoに相談してください!

RingoのLINE@に登録して、いつでもどこでも何でも即相談

WebデザイナーRingoのLINE@アカウントを開設しました。

LINEから、友人や家族にメッセージを送るのと同じくらい気軽に相談をして頂けます!

これまでに「お店でブログを始めたいけど、どうすればいいの?」や「新しくMacBookを買おうと思うけど、このスペックで失敗しないかな?」等の相談を頂いています。

友だち50人(登録者50人)になるまでは、相談は無料で乗ります!(あと41人)

今スグに「友だち追加」ボタンを押して登録&相談をして下さい!

RingoのLINE@に登録

この記事を書いたのは「リンゴ」

筆者「リンゴ」について

リンゴプロフィール

リンゴをSNSでフォローするならこちら

個人事業主・起業家の発信〜集客を月3万円でアシスト
Webデザイナーでブロガーな個人事業主 リンゴ

Webデザイナーでブロガーな個人事業主のリンゴ(Ringo)です。

当ブログ『リンゴノマド』では【HPとブログの運営&集客】【PC&ガジェット】【ワークスタイル】【制作】に関する情報を毎日発信。

ブログを通してWebやガジェット等、デジタル関連の物が持っているワクワク感を伝えていきます!

仕事は【個人事業主・起業家のブログ発信×集客サポート】を中心に、【ブログ記事の執筆】【Webサイトや印刷物等のデザイン】をしています。

依頼・相談は問い合わせページ、もしくは各SNSにてお願いします。(返事が一番早いのでLINEがオススメです。写真下の『@』アイコンからメッセージ下さい。)

他にも、気になったことがあれば「ブログみた」と気軽に声をかけてください。

詳細プロフィールを見る

リンゴに仕事を依頼・相談する

  • 起業家・個人事業主の発信&集客は、ブログを使うべき理由は…↓

筆者について

リンゴプロフィール

個人事業主・起業家の発信〜集客を月3万円でアシスト
Webデザイナーでブロガーな個人事業主 リンゴ

リンゴをSNSでフォローするならこちら

ブログ全体の新着記事

Apple好きへ

6SからXSに機種変して気づいた日々イラッとさせられる最新iPh…

楽しく生活したい人へ

1・2・3!1・2・3!『プレイステーション クラシック』購入。…

楽しく生活したい人へ

純正GCコンより良い!?『ホリ クラシックコントローラー for…

Apple好きへ

泣きを見る前に!簡単だからMacのバックアップは必ず取れ!Tim…

Apple好きへ

iPadは量販店で買うべき!僕がAppleオンラインストアを使わ…

Apple好きへ

【2018年冬】MacBook vs MacBook Air。選…

新着投稿をもっと見る

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

楽しく仕事したい人へ

SafariでWebサイトを閲覧していると『Webサイトは安全で…

楽しく仕事したい人へ

埼玉県川越のウエディングプランナー『Toi et Moi Wed…

No Image

楽しく仕事したい人へ

CSSを使って”縁取りされた文字”を作る方法は『text-str…

楽しく仕事したい人へ

ロゴ作成で大切にしたいことを踏まえて、自社ロゴを作り変えました。

No Image

楽しく仕事したい人へ

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

No Image

楽しく仕事したい人へ

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

「制作(Web/印刷物)」の一覧を見る

ブログ全体の人気記事

Apple好きへ

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

Apple好きへ

【随時更新】Macで遊べるオススメのゲームをまとめて紹介!(iM…

Apple好きへ

iPadでもIllustratorを使いたい!そんなあなたにはコ…

楽しく生活したい人へ

MacはWindowsに比べて、ゲームに向いていない!?その通り…

Apple好きへ

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

楽しく仕事したい人へ

【追記】ニコちゃんマークこと「スマイリーフェイス」。皆よく使って…


▲最上部へ