web録web録HOMEweb録PCハード・ソフトBlogブログ運営・WordPressmemoただのメモ新規サイト開設時にすること2019.12.20自分用メモです。サイト開設時にすることをToDOリスト的にしたものです。私専用ですが、もしかしたら他の方にも役に立つのかも。Consoleへサイト登録ドメイン取得(お名前.com)お名前.comでのドメイン取得手順は以下の通り。お名前.comで希望のドメインを検索し申し込み「Whois情報公開代行」を必ず設定する。登録期間は最短の1年間。その他のサービスは不要なため「利用しない」にする。いうタイトルのメールがお名前.comから届くので、メール内にあるURLリンクをクリックしてドメインを有効化する。(このメールは、お名前.comに登録してあるメールアドレスが正しいかどうかを確認する為に送られてくる。)ネームサーバーの設定変更(お名前.com)お名前.comでドメイン取得が完了したら、引き続きお名前.comdにてネームサーバーの設定を行う。(ロリポップのレンタルサーバーを使用するため、ロリポップのネームサーバーを指定する)お名前.comにログイン。「ドメイン一覧」メニューから「ネームサーバー」の欄の「変更する」を押す。「他のネームサーバーを利用」タブを押す。「プライマリネームサーバー」と「セカンダリネームサーバー」にロリポップのネームサーバー(下表)を記入する。プライマリネームサーバーuns01.lolipop.jpセカンダリネームサーバーuns02.lolipop.jp補足:ネームサーバーとはネームサーバーとは、インターネット上で当該ドメインのへのリクエストをどのサーバーに振り分けるのかをコントロールするサーバーのこと。独自ドメインの設定(ロリポップ)ロリポップサーバーで独自ドメインの設定をする手順は以下の通り。ロリポップにログインし「サーバーの管理・設定」メニューの「独自ドメイン設定」へ行く。「設定する独自ドメイン」にお名前.comで取得したドメインを入力する。フォルダ」には、ドメイン名と同名のフォルダのフォルダ名を入力する。これを無指定にしておくと、いろんなドメインのファイルが混在してしまうので必須。「独自ドメインをチェックする」を押し、ドメイン登録完了。実際にブラウザからそのドメインのページを見ることができるようになるまでに、数時間~数日かかる(前回実施時は約3時間)。これは、お名前.comとその上位機関との間でのドメインの登録や認証に多少時間がかかるため。サブドメインの設定確認(ロリポップ)「サブドメイン設定」メニューに行き、「公開(アップロード)フォルダ」が上記の「独自ドメインの設定」で指定したフォルダ名と同じになっていることを確認する。同じになっていればOK。空欄や別のフォルダ名になっていたら修正する。サブドメインとは、独自ドメインを細かく区分けするために任意で作成するドメイン名のことです。ロリポップ!で、独自ドメインを設定されている場合、サブドメインの作成が可能です。例:独自ドメイン「●●●.com」の場合「sub.●●●.com」のような、「●●●.com」の直前に文字列が含まれているドメインがサブドメインです。「公開(アップロード)フォルダ」が空欄や別のフォルダ名になっていると、後述する「URLの正規化」がうまく機能しなくなる(記述すべき.htaccessファイルの保存場所が変わってくるため)。HTTPS化(ロリポップ)ロリポップサーバーのHTTPS化の手順は以下。「セキュリティ」の「独自SSL証明書導入」メニューに行く。「独自SSL(無料)」の欄の「SSL保護されていないドメイン」のところを見る。表示されているドメイン名のチェックボックスをチェックして、「独自SSL(無料)を設定する」ボタンを押す。「SSL設定作業中」という表示が出るのでしばらく(5分くらい)待つ。F3キーでページをリロードすると各ドメインの横に「(SSL保護有効)」と表示されていれば完了。合わせてwww付きのドメイン名にもチェックをいれて同じようにSSL化する。WordPressインストール(ロリポップ)ロリポップサーバーでWordPressをインストールするには、「WordPress簡単インストール」メニューで以下のとおりに設定する。サイトURLプルダウンからドメンを選択する。/スラッシュの後の「入力は任意です」の欄は記入しない利用データベースプルダウンの「新規作成」を選ぶサイトのタイトルサイト名を入力するユーザー名ユーザー名を入力。Wordpressのログインユーザー名として使われる。パスワードWordPressのログインパスワードとして使われるパスワード(確認)パスワードを再度入力メールアドレス自分のメールアドレスを入力する。WordPressからのお知らせ(アップデート情報など)が届く。「検索エンジンによるサイトのインデックスを許可する。URLの正規化(ロリポップ!FTP)正規化したいサイトのrootフォルダにある「.htaccess」を編集する。「.htaccess」内の下記の記述を見つける。WordPressの間は、WordPressによって書き換えられることがあるため、それよりも前に下記の要領で記述を追加する。WordPresshogehogeと.comの部分は正規化するサイトのドメインにする。「文字コード」はUTF-8にする。(デフォルトのASCIIだと日本語で記載する箇所が文字化けする)ファイルの属性(パーミッション)は、644のまま変更しなくてOK。#1の箇所は、「httpで始まるURLへアクセスがあったら、httpsで始まるURLへ301リダイレクトせよ」という意味。#2の箇所は、「最後が『/index.html』で終わるURLへアクセスがあったら、『/index.html』を削除したURLへ301リダイレクトせよ」という意味。#3の箇所は、「wwwが付いたURLへアクセスがあったら、wwwを削除したURLへ301リダイレクトせよ」という意味。#1~#3のリダイレクトによって「http」、「www付き」、「/index.html付き」のURLおよびそれらが組み合わさったURLへアクセスがあった場合は、「https」かつ「wwwなし」かつ「/index.htmlなし」の正規化されたURLへリダイレクトされるようになる。#1~#3は上で示したとおりの順番で記載すること。しないと正しく正規化されない場合がある。WordPressの箇所も含めると、下記が記載された「.htaccess」を1サイトにつき1つ用意することになる。新しいサイトを作るときにすべきWordPressの設定。忘れないようにここにメモ。行き、「Wordpressアドレス(URL)」欄のURLをhttps・・・・に変更する。「サイトアドレス(URL)」欄のURLをhttps・・・・に変更する。「変更を保存」ボタンをクリック(ログイン画面に飛ばされる)。ある「検索エンジンがサイトをインデックスしないようにする」をチェック(サイト公開までの一時措置)。「設定」→「メディア」からサムネイル等の画像サイズを設定する。「サムネイルのサイズ」は200×200にする。「中サイズ」「大サイズ」のいずれも値を0(ゼロ)として、複数サイズの画像が作成されないようにする(これらの画像サイズは別途プラグインで作成するため)。「設定」→「パーマリンク設定」を開き、「カスタム構造」をセレクトし、/%postname%と入力する。(○○は投稿名)となる。/%postname%の最後にスラッシュ/を入れないように注意する。管理画面の「設定」→「ディスカッション」にある「他のコメント設定」のチェックを全て外す。管理画面の「ユーザー」→「あなたのプロフィール」にある「サイトを見る時にツールバーを表示する」のチェックを外してAdminバーを非表示にする。テーマのアップロードローカルPCで作成したテーマをフォルダごとzipで圧縮。WordPressの「外観」→「テーマ」を開き、「新規追加」押す。「テーマのアップロード」押す→作成したzipファイルを選択→「今すぐインストール」押す。→「有効化」WordPressセキュリティ関連これらのセキュリティ対策は必須。管理画面の「ユーザー」→「あなたのプロフィール」でニックネームを変更する。(デフォルトはユーザー名と同じになっているためセキュリティの面で問題がある。)投稿者アーカイブの無効化functions.php内のcustom_handle_404()という関数で作成者ページが無効化(404)されているか確認する。無効化していないとサイトURL/?author=1でアクセスするとユーザー名がURL欄に表示されてしまう。参考サイト→「不要なページを無効化する(WordPressカスタマイズ事典)」コメント欄のユーザー名クラスの無効化WordPress標準のcomment-template.phpを使用していると、コメント投稿者のクラス名にユーザー名が使用されてしまう。ユーザー名を出力しないようにするには、functions.phpで出力を禁止するか、オリジナルのコメント出力関数を使用する。(本ブログでは後者の方法を採用しているため、functions.phpの変更は不要)参考サイト「WordPressのログインユーザー名は丸見え!?(WordPressでいこう)」WordPressのプラグインWordPressのプラグインは極力使わない方針にしている。理由は、サイトの表示が遅くなることと、動作がおかしくなった場合に原因を探すのが困難になることである。必要な機能はできる限り自分で作ることで、自分のスキルアップを兼ねたいという思いもある。自分のスキルでは作るものが難しそうなもの、または作るのに相当な時間がかかると思われるものは、プラグインをありがたく使わせていただいている。以下のプラグインは私が使っているもの。BackWPupサイトのデータバックアップでお世話になっている。Editor投稿エディターを旧仕様にする。7問い合わせフォームを簡単に設置できるプラグイン。自分で作るのはちょっと難しいのでありがたく使わせてもらっている。Optimizer画像ファイルを最適化してファイルサイズを下げるプラグイン。Metadata」にチェックExactDNタブ:とくになしAdvancedタブ:とくになしリサイズタブ:とくになしConvertタブ:「コンバージョンリンクを非表示」にチェックWebPタブ:とくになしメディアライブラリに新規に画像をアップすると自動的に最適化されます。7とセットで使用するプラグイン。コンタクトフォームからの問合せをWordPressで管理できる。Sizesメディアライブラリに画像を新規追加するときに、あらかじめ自分で指定したサイズの画像も複製してくれる。Sizesなら、画像サイズを3つ以上指定できることと、それぞれでトリミングをするかしないかを指定できることがメリット。関連記事のサムネイル用の横長画像サムネイルはメディアライブラリの画像一覧表示にも使われるため必ず作成すること。SitemapsXMLサイトマップを作成するプラグイン。記事作成時に自動でサイトマップを更新してくれる。更新時には検索エンジンにも自動で通知する。Console登録までの全手順(サルワカ)」を参考に行う。カテゴリページは、カテゴリ分けがある程度落ち着くまではサイトマップに含めないほうが良いと思われる。Plus記事ページに自動で目次を生成する。公式プラグインではないため、WordPressから直接ダウンロードできない。最近は使っていないためインストール不要AddQuicktag記事投稿のテキストエディタに<h2></h2>などのタグをワンクリックで挿入できる。挿入するタグは自由にカスタマイズできる(複数タグを連結したり、classをつけたりするなど)。他のWordPressで使っている設定を引き継ぐ場合はAddQuicktagの設定画面へ行き、「インポート」の欄のメニューで設定ファイルをインポートする。(事前に他のWordpressのAddQuicktagから設定ファイルをエクスポートしておくこと。Advanced投稿画面のビジュアルエディタに、各種タグ付けをするボタンが追加される。Advancedはビジュアルエディタのみで有効で、テキストエディタでは使用できないが、ボタンクリックで簡単にタグを選択できることがメリット。テーブルタグを挿入する際には、行列数の入力や追加がしやすい。対して、AddQuicktagはテキストエディタでも使用できることと、追加するタグにクラスをつけたり、ショートコードの入力に使用したりと自由度が高いことがメリット。ビジュアルエディタで使用する際には、プルダウンから選択する形式のため、やや使い勝手が落ちる。Plugin独自の採点方法で関連記事を抽出するプラグイン。カテゴリやタグの縛りなしで関連記事を表示できることがメリット。ページ表示が遅くなることがデメリット。このプラグインを使わなくても、同一カテゴリや同一タグを持つ記事の中からランダムで抽出するphpを作れば低機能ながらこのプラグインの代わりにはなる。このブログは記事数が大して多くないため、まだこのプラグインは使用していない。Patchデフォルトで入っている。日本語等の2バイト文字を使用するには必須らしい。有効化されていなかったら有効化する。Analyticsに行き、新規のプロパティを作成し、トラッキングIDを入手する。WordPressの子テーマのfunctions.php内にあるオリジナル関数google_analytics()に、入手したトラッキングIDを記述する。ConsoleはGoogle検索エンジンにとってそのサイトがどのようなサイトと認識されているかをチェックしたり、認識が間違っている場合は修正を促すことができるウェブサービス。具体的には以下のようなことができる。Consoleで「確認」をクリック→完了ついでに設定(歯車アイコン)からGoogleアナリティクスのプロパティを紐付けしておく記事カテゴリー:memo更新日:2019.12.20公開日:2018.8.22TwitterFacebookB!HatenaPocket↑よかったらシェアお願いします。関連する記事このあたりの記事が関連しそうです。(2TB)をレビューします!よく読まれている記事ASUSノートPCのメモリを4GB⇒8GBに増設してみた。RecodeでMOVからmp4へ変換する時のおすすめ設定5パターン100円で作るシンプルなノートPCスタンドWACOMのペンタブのカーソル位置がずれる。