気儘な忘備録

自分のための覚書です。

WPプラグイン

WPに無条件で入れておきたいプラグイン

SiteGuard WP Plugin
ログイン画面と管理画面を保護するプラグイン
不正アクセスや不正ログインを防ぐ。

 

SIMPLE BLOG DESIGN(MERIL専用)
読みやすいブログ記事を書くためのプラグイン
初心者でも簡単に読みやすい見た目に整えられる。

 

EWWW Image Optimizer(初心者)
  imagify(※リサイズ必要)+lmsanity

画像圧縮

画像の読み込み速度を速くするためにファイルサイズを圧縮する。

 

 

Blog Floating Button
ブログにフロートボタンを実装できるプラグイン
専門的な知識がなくても、簡単にクリック率の高いボタンを実装できる。

 

WP Multibyte Patch
日本語版 WordPress のマルチバイト文字の取り扱いに関する不具合の累積的修正と強化を行うプラグイン

 

 

Site Kit by Google

 Google公式ツールとWordPressを簡単に連携できるプラグイン

Googleの定番ツール「アナリティクス」や「サーチコンソール」等とWordPressを簡単に連携できて、さらにWordPress上での利用が可能になる

 

 

IP Geo Block
スパム攻撃を防ぐ
国産のファイアーウォール型プラグイン。コメント等を日本だけに制限すると、大半のスパムが来なくなる。

※重いAkismet Anti-Spam(アンチスパム)は要らない
Cocoonで不具合?

 

 

FileBird

メディアライブラリをフォルダで整理

WordPressのメディアライブラリに仮想的なフォルダを追加してファイルを整理できるプラグインです。ドラッグ&ドロップ操作でファイルをフォルダ分けして整理できます。

 

 

WebSub(旧PubSubHubbub
記事を公開したときGoogle等にインデックスを促す。

自動でインデックスしてくれるが、サーチコンソールよりは遅い。

検索エンジンに更新したページを認識させる。記事のパクり防止。

 

 

Advanced Editor Tools(旧TinyMCE Advanced)
記事作成の効率化(ブロックエディタでもクラシックエディタでも使える)

記事内で文章を文字装飾する時に使うプラグイン、表の作成や難しいタグをいちいち手打ちしなくても「アイコン」を押すだけで使えるようになる。

 

 

XML Sitemaps

sitemap.xml を自動生成してくれる。
Google Search Console(グーグルサーチコンソール)にウェブサイトのサイトマップ登録が出来きる。

※Disable WP SitemapsプラグインWordPressによるサイトマップ生成機能を無効化)した方が良い!

※サーチコンソールへサイトマップの追加も忘れずに!

 

 

Updraft Plus
バックアップ
サイトが不慮のトラブルやハッキングなどで消えてしまった際も、データを保存しておけば復元が出来る。

 

 

 

WPに必要に応じて入れるプラグイン

SEO SIMPLE PACK
SEO対策のプラグイン

  • サイトタイトルの設定
  • OGP(SNS)設定
  • Googleアナリティクスの設定
  • Googleサーチコンソールの設定

 

WP-Optimize
キャッシュ系プラグイン(ゴミ箱の中身や投稿のリビジョンを削除)

WordPressデータベースの不要なものを削除し、最適化ができるプラグイン

設定をしておけば自動で定期的にクリーンアップもしてくれる。

 

 

WP Fastest Cache

キャッシュ系プラグイン(キャッシュを有効化するプラグイン

キャッシュの使用で表示速度を高速化するプラグイン

※WP-Optimizeが高速かも⁉

 

 

 

 

Contact Form 7
お問い合わせフォーム

 

WPForms Lite(なかじさん推奨)
お問い合わせフォームを設置できるプラグイン

 

 

AddQuicktag
記事装飾
文字の囲みなど・・・。

 

 

Shortcodes Ultimate
アニメーションを追加
文字や画像が動く。

 

ブログ(サイト)の見た目

私自身が分かればいいように書いている備忘録です。

 

私的な備忘録として書き残すため、文章がおかしかったり誤字脱字がある場合があります。

 

よって質問等は受け付けません。

 

 

ブログの配色を考える

参考サイト

handywebdesign.net

 

colorhunt.co

 

どこにどの色を使うか決める

  • ブログの背景
  • ヘッダーや見出し、文字の強調
  • グローバルナビ
  • ボタン色

 

ワードプレスの初期設定の方法

私自身が分かればいいように書いている備忘録です。

 

私的な備忘録として書き残すため、文章がおかしかったり誤字脱字がある場合があります。

 

よって質問等は受け付けません。

 

ワードプレスをサーバーにインストールした後の、初期設定の方法を書き残します。

 

 

 

ワードプレス初期設定

ブログアフィリエイト

 ◆サンプルページを削除

投稿 ⇒ 投稿一覧

サンプル記事 ⇒ ゴミ箱に移動 ⇒ ゴミ箱 ⇒ 完全に削除する

 

固定ページ ⇒ 固定ページ一覧

サンプル記事 ⇒ 以下同じ

 

 

◆一般設定

設定  ⇒ 一般

  • タイトルを決める。(32文字以内)
  • キャッチフレーズを書く。(120文字以内)

 

※サイトアフィリエイトなら、狙うキーワードを入れる。

 

  • サイトアドレスをhttpsに変更する

 

最後に変更保存をクリック

 

 

◆表示設定

設定 ⇒ 表示設定

  • フィードの各投稿に含める内容 [抜粋のみを表示]チェック
  • 検索エンジンでの表示 [索エンジンがサイトをインデックスしないようにする]チェックを外す

 

 

◆投稿設定

設定  ⇒ 投稿設定

  • 「顔文字を画像に変換して表示する」などはチェックを外す。
  • 投稿カテゴリーの設定は「投稿」⇒「カテゴリー」の設定からカテゴリーを作成したのちに設定をするようにする。

 

◆更新情報サービス設定

最新のPing送信先のURLを貼り付ける。

 

最後に変更保存をクリック

 

 

◆ディスカッション設定

設定 ⇒ ディスカッション

  • 「他のコメント設定」で「名前とメールアドレスの入力を必須にする」という項目があります。
  • これは外しておいた方がサイト訪問者さんがコメントをしやすいので外す。

※必須にすると、訪問者の質が上がり迷惑メールが減る。

 

  • 自分宛のメール通知のチェックはどちらも外しておく。(サイトが増えるとたくさんメールが来てしまうため)
  • 「コメントの手動承認を必須にする」にチェック。
  • アバターを表示する」のチェックリストを外す。

アバターの表示はどちらでも良い

 

最後に変更保存をクリック

 

 

◆メディア設定

設定 ⇒ メディア

  • テーマによって画像のサイズが変わる。

※例:コクーンの場合 

  • サムネイル・・・300×300
  • 中サイズ・・・・500×500
  • 大サイズ・・・・800×5000(800)

 

 

パーマリンク設定

設定 ⇒ パーマリンク設定

  • 「カスタム構造」にチェックを入れ、空白に(/%postname%/%post_id%/を入力
  •  共通設定の数字ベースにチェック(WP初心者は数字ベースが良い)

 

 

 

 

◆プライバシー設定

設定 ⇒ プライバシー

 

※同業者や、系統が似ているサイトのプライバシーポリシーを参考にする。

 

 

Googleアナリティクスとサーチコンソールへの登録

アナリティクス ⇒ サーチコンソールの順で設定。

 

※設定方法は、各々詳しいサイトを参考にする。

 

 

 

サイトアフィリエイト

◆サンプルページを削除

投稿 ⇒ 投稿一覧

サンプル記事 ⇒ ゴミ箱に移動 ⇒ ゴミ箱 ⇒ 完全に削除する

 

固定ページ ⇒ 固定ページ一覧

サンプル記事 ⇒ 以下同じ

 

 

◆一般設定

設定  ⇒ 一般

  • タイトルを決める。(32文字以内)
  • キャッチフレーズを書く。(120文字以内)

※サイトアフィリエイトなら、狙うキーワードを入れる。

 

 

◆表示設定

設定 ⇒ 表示設定

  • フィードの各投稿に含める内容 [抜粋のみを表示]チェック
  • 検索エンジンでの表示 [索エンジンがサイトをインデックスしないようにする]チェックを外す

 

 

◆日付/時刻を消す

日付/時刻フォーマット ⇒ カスタム ⇒ 消す

 

最後に変更保存をクリック

 

 

◆ディスカッション設定

設定 ⇒ ディスカッション

  • 投稿のデフォルト設定の上から2,3番目のチェックを外す。

※サイトアフィリエイトは、基本コメントを受け付けない。

※コメントを受け付ける場合は、コメントの手動承認を必須にする。

 

最後に変更保存をクリック

 

 

パーマリンク設定

設定 ⇒ パーマリンク設定

  • 「カスタム構造」にチェックを入れ、空白に(/%postname%/%post_id%/)を入力
  • 共通設定の数字ベースにチェック(WP初心者は数字ベースが良い)

 

 

 

◆ヘッダー画像の設定

外観 ⇒ ヘッダー

  • GIMPの使ってヘッダー画像を作成

 

GIMPの使い方はこちら

⇒ https://www.youtube.com/watch?v=zOV4wnVsTmM

 

 

◆プライバシー設定

設定 ⇒ プライバシー

※同業者や、系統が似ているサイトのプライバシーポリシーを参考にする。

 

 

Googleアナリティクスとサーチコンソールへの登録

アナリティクス ⇒ サーチコンソールの順で設定。

 

※設定方法は、各々詳しいサイトを参考にする。

※ペラサイトは、サーチコンソールは不要。

独自ドメインの開設

私自身が分かればいいように書いている備忘録です。

 

私的な備忘録として書き残すため、文章がおかしかったり誤字脱字がある場合があります。

 

よって質問等は受け付けません。

 

 

ドメインとサーバーの紐づけ

①お名前ドットコムでドメインを取得

 

Xサーバー側の設定

Xサーバーのサーバーパネルにログイン https://www.xserver.ne.jp/login_server.php

 

右上ドメイン設定をクリック

ドメイン設定追加をクリック

取得したドメインを入力 ➡ ドメイン設定の追加(確認) ➡ ドメイン設定の追加(確定) 

 

左のメニューサーバー情報をクリック

ネームサーバー1~5をコピー

 

Xサーバー側の設定は以上

 

 

次にXサーバーとお名前ドットコムを紐づけする

 

お名前ドットコム側の設定

お名前ドットコムにログイン https://www.onamae.com/navi/login/

ドメイン一覧 ➡ ドメイン設定 ➡ ネームサーバー設定 ➡ ネームサーバーの変更

変更するドメインを選択

他のネームサーバーを利用に✅

ネームサーバー情報を入力

 

Xサーバーでコピーしたネームサーバー1~5を入力

確認画面へ進む

設定する

最後、ドメインのURLを確認する(30分から1時間程度、長くても1日まてば確認できる)

 

サーバーとドメインの設定は以上

 

 

ワードプレスのインストール

 やり方はふた通りある

  1. WPを自動でインストールする方法
  2. データーベースを自分で準備しWPをインストールする方法

やり方はWebを参照

 

 

SSL化する

  1. SSL化設定をクリック
  2. SSL化したいドメインを選択
  3. 独自SSl設定の追加をクリック
  4. SSL化したいドメインせを確認
  5. 独自SSL設定を追加する(確定)をクリック

SSL化が反映されるまで1時間ぐらいかかる