「SWELL」導入時のメモ。

サーバーの登録から、ワードプレステーマ「SWELL」の導入までを備忘録としてまとめました。調べれば済むことはあえて書きません、リンクを貼っておきます。これからワードプレスでブログやサイトを制作したいと思っている方の参考になれば幸いです。

サーバーの登録。

ワードプレスを始めるにあたり、必須なのがサーバーです。オススメのサーバーは「ConoHa WING」。他にも色々あるけど、スピード、値段、使いやすさを考えるとこれが一番。

ワードプレステーマ「SWELL」のインストール。

このブログで使用しているテーマは「SWELL」。今のところ、お世辞抜きに一番オススメできるテーマです。詳しくは別の記事で書こうと思っているので書きませんが、とにかく素晴らしいです!

また、マニュアルが充実しており、不明点も会員専用フォーラム(またはSlack)で質問することができます。これは当たり前であって欲しいことですが、ユーザー任せのテーマが多い中でありがたいポイントです。

プラグインの設定。

ワードプレスは自由であることが最大のメリットです。逆に言えば全て自分で設定をしないといけません。SWELLのマニュアルには推奨プラグインが羅列してありますが、設定方法も含め、改めてメモしておきます。

「WP Maintenance Mode」サイトを非公開にする。

サイトをメンテナンスするときってあんまり見られたくないですよね。そんな場合に便利なのが「WP Maintenance Mode」というプラグインです。

メンテナンス中の画面背景や残り時間などもデザインすることができます。

「SEO SIMPLE PACK」SEOプラグイン。

最初は必要ないかもしれませんが、OGPの設定や記事のディスクリプションなど、あれば助かる機能がシンプルに搭載されています。

SEOプラグインは数多くありますが、「SWELL」の製作者さんが作った「SEO SIMPLE PACK」を使用しました。テーマ同様にレイアウトが美しく、初心者でも扱いやすいと思います。

「Highlighting Code Block」シンタックスハイライター。

もしコードを書く機会のある方であれば必須のシンタックスハイライター。今までは「highlight.js」を使っていたけど、なぜか整形できないトラブルがあって別のを探していました。

ここでも「SWELL」の製作者さんが作ったプラグイン「Highlighting Code Block」を導入することにしました(別に回し者ではありませんよ)。純正?ということもあってか、非常に使いやすいです。いちいち、エスケープ処理をしなくていいのは楽ですね。

「WP Multibyte Patch」文字化けを防止。

ワードプレスはもともと、英語がベースのソフトウェアでした。なので、稀にですが文字化けを起こすことがあるわけです。

それを防止するためのプラグインが「WP Multibyte Patch」。大抵の場合、デフォルトのプラグインに入っています。有効化するだけで特に操作は必要ありません。詳しく知りたい方は下記を参照にしてみてください。

「Invisible reCaptcha」スパム防止。

ブログを運営している中で問題になってくるのがしつこいスパムですよね。お問い合わせを見てみたら何だかよくわからない内容だったということは珍しくありません。

そんな、誰の得にもならないスパムを撃退するプラグインが「Invisible reCaptcha」です。

導入すればコメント欄でよく見受けられる「アレ」が表示されます。怪しいロボットを判別してくれる頼もしい相棒、必ず入れましょう。

「BackWPup」自動バックアップ。

いつなんどき訪れるか分からないデータのバグ。もしもの時のためにバックアップを取っておくことは必要不可欠です。

「Contact Form by WPForms」お問い合わせフォーム作成。

お問い合わせフォームはブログからビジネスに繋げたい人にとって重要なものです。

「Contact Form 7」というプラグインが有名ですが、今回は「Contact Form by WPForms」を導入しました。直感的に操作できるので、初心者にもオススメです。

「Site Guard WP Plugin」セキュリティ対策。

セキュリティ対策は必ずしなければならないことですし、し過ぎるということもないです。

最低限の対策であれば「Site Guard WP Plugin」を入れておけば大丈夫だと思います。日本製のプラグインで設定も難しくありません。

セキュリティ対策は沼なので、あまりこだわりすぎてサイトが重くなるのは避けたいところです。

「WP-Optimize」不要なデータを削除。

ワードプレスのデータベースには不要なものが徐々に蓄積されていきます。大したデータ量ではないですが、後になって響いてくるのであらかじめ最適化する設定にしておきましょう。

「Rinker」商品リンクの管理。

もしブログを通じて商品レビューをする予定の方にオススメのプラグイン「Rinker」。検索するだけで画像や各種リンクを作成してくれるのでとても便利です。

ただ、Amazonの検索にはAmazonアソシエイト・プログラムの審査に合格する必要があり一筋縄ではいきません。すぐには使わなくてもいずれ活躍してくれることを信じて、とりあえず入れておきましょう。

クレジットの削除などはnoteを購入することで可能です。
ぜひ支援しましょう!

FTPソフト「FileZilla」のダウンロード。

FTPソフトはワードプレスをカスタマイズする上で頻繁に登場するソフトです。どうせ入れるなら早いうちに済ませておきましょう。

「Googleアナリティクス 」を導入しデータ分析。

データ分析には「Googleアナリティクス 」と相場が決まっています。このデータを元にサイト運営を進めていくので早めに登録することをオススメします。

自分のアクセスを除外しないと正確なデータは得られません。
こちらを参照に自宅のIPアドレスを除外しましょう。

「Search Console」にサイトマップを登録。

Search Console(サーチコンソール )」にサイトマップを登録することで、サイトの存在をGoogleに知らせることができます。

まずはサイトマップが必要ですが、プラグインで簡単に作成できます。Search Consoleへの登録方法を含め、下記のサイトが非常に参考になります。初心者の方には1つの壁かもしれません。頑張りましょう!

その他のしておくと良いよって設定。

とりあえず、上記の作業が終われば各種カスタマイズをして、記事の執筆に取り掛かれます。その際にはメンテナンスの解除を忘れずに行ってください。

これから書いていく設定については、興味のある人だけやってもらえれば構いません。個人的には、どれも採用した方が良いと思えるものばかりです。

画像サイズの自動生成をストップ。

ワードプレスは画像をアップロードしたとき、勝手にリサイズしてそれを全て保存する機能がデフォルトでついてます。一見すると便利な機能に思えますが、あらかじめサイズを変更してアップロードしているのであれば無駄な機能です。

以下のコードをfunctions.phpに記述することでリサイズの自動生成をストップすることができます。

add_filter( 'intermediate_image_sizes_advanced', 'disable_image_sizes' );
function disable_image_sizes( $new_sizes ) {
 unset( $new_sizes['thumbnail'] );
 unset( $new_sizes['medium'] );
 unset( $new_sizes['large'] );
 unset( $new_sizes['medium_large'] );
 unset( $new_sizes['1536x1536'] );
 unset( $new_sizes['2048x2048'] );
 return $new_sizes;
}

add_filter( 'big_image_size_threshold', '__return_false' );

パーマリンクの設定。

「Smallchat」を設置する。

当サイトの右下にある(現在はありません)チャットボックスは「Smallchat」を利用して導入しました。お問い合わせフォームよりもカジュアルにコミュニケーションが取れるので気に入っています。

導入方法もシンプルで簡単です。

CSSで追加のデザイン。

追加CSSにコードを書くことで多少デザインを変えました。あまりカスタマイズはしない方針ですが、最低限の項目だけ。結局めちゃくちゃカスタマイズしました。。

外部リンクにアイコンを追加。

/* 外部リンクアイコン */
.post_content a[target="_blank"]::after {
 font-family: "Font Awesome 5 Free";
 content: "\f24d"; 
 font-weight: 400;
}

テキスト選択時の文字色・背景色を変更。

/* テキスト選択時の文字色・背景色を設定 */
::selection {
 background: #D9DAC5;
 color: #3a3833;
}
::-moz-selection {
 background: #D9DAC5;
 color: #3a3833;
}

まとめ。

以上が記事を書くまでにすることの作業です。もう一度改めてまとめてみます。

一連の流れ
STEP
サーバーの登録 

約60分

STEP
ワードプレステーマ「SWELL」のインストール

約15分

STEP
プラグインの設定

約60分

STEP
FTPソフト「FileZilla」のダウンロード

約20分

STEP
「Googleアナリティクス 」を導入しデータ分析

約10分

STEP
「Search Console」にサイトマップを登録

約20分

STEP
その他の設定

約15分

約200分、3時間がサーバーの契約から記事の執筆までにかかる時間になります。しかし、不慣れな人であれば倍ちかくの時間が必要かもしれません。

比較的わかりやすい解説ページをリンクとして選んだので、その通りに進めればきっと大丈夫。コーヒーでも飲みながら気楽に進めていきましょう。

(2)

実印 へ返信する コメントをキャンセル

閉じる