年別アーカイブ2016

X サーバで簡単HTTPS化

ヤフーも、楽天も、相次いでHTTPからHTTPSに変更になった2017年!
昨年からGOOGLEがHTTPS化を推奨し始めて、いよいよSEOにもかかわってくるという状況で慌てて導入を始めた大手ECサイト。
それになぞらえて、わたくしもHTTPS化することにいたしました。

HTTPS=HTTPにSSLを追加した、セキュリティの高いサイト、というのは言わずもがななのですが、このSSL証明書の取得って、高いんじゃないの?という昔からのイメージに尻ごみしそうですが、なんとXサーバだと、SSLが無料対応!まさに神サーバ!

と思って検索していたら、意外と他社も安いみたいです。

設定はとっても簡単なのですが、一応説明いたしますね。

1.サーバーパネルにログイン

サーバーパネルにログインしたら、SSL設定というボタンを押してください。

2.SSLを設定するドメインを選択する

次にSSLを設定するドメインを選んでください。

3.設定ボタンを押して待つ。

独自SSLの設定を追加タブを押し、独自SSL設定を追加する(確定)を押して完了です。


反映までは、最大1時間くらいかかるようですので、気長に待ちましょう。

あとURLがHTTPのままだとエラーになる場合がありますので、
反映後は、くまなくサイトをチェックしましょう。

4.「.htaccess」でHTTP→HTTPSに301リダイレクトの設定をする

反映が完了したらXサーバの「.htaccess編集」から301リダイレクトの設定を行います。
HTTPに訪問したユーザを自動的にHTTPSにジャンプさせる必要がありますので、この設定をしていないとグーグルからもサイトが2つあると勘違いされ、減点対象になってしまいますので、設定をお忘れなく!

5.「.htaccess」を設定するドメインを選ぶ。

6.「.htaccess編集」タブを開き、以下を追加してください。

あとは確認ボタンを押し決定してください。

7.ワードプレスのサイトURLも変更をお忘れなく!

設定>一般のWordPress アドレス (URL)もサイトアドレス (URL)もどちらもHTTPSに変更してくださいね。

以上になります。

GOOGLE MAPを白黒にする方法

デザイン的に、グーグルマップのカラーリングって結構浮いたりするときがあります。
そんな時は、グーグルマップを白黒にしてしまいましょう!

とっても簡単にグーグルマップを白黒にできます。

1.JSを用意する。

こちらのコピペしてエディタに貼り付けてください。

2.座標、マーカー画像を書き換えアップする。

座標をこちらから取得して、書き換えてください。

■グーグルマップ座標取得
http://www.geocoding.jp/
※34.672243, 135.20255といった数値

またマーカー画像もお好きなものに変えちゃってください。
こちらは当社のロゴを入れています。

書き換えたら、JSファイルをご自分のサーバーにアップしてください。

3.HTMLを入力する。

あとは、これを貼り付けるだけ。ただし、先ほどアップしたJSファイルの指定場所だけは間違わないように。

以上、たったの3ステップ!

デモはこちら

さあ、やってみましょう。