WordPressテーマ「BusinessPress」でWEBサイトを制作(その4)プラグインの各設定

WordPressテーマ「BusinessPress」でWEBサイトを制作(その4)プラグインの各設定

BusinessPress」は国産の無料WordPressテーマです。

BusinessPress

GPLライセンス・無料・商用利用可・カスタマイズ自由。
ブロックエディター(Gutenberg)に完全対応。
レスポンシブデザイン。
コーポレート型(ビジネスサイト)テーマ。

架空のWEBサイトを制作するという脳内設定シリーズ。
前回に引き続き、BusinessPressでのサイト制作「その4」。

前回はテーマの設定まで進みました。

これを最終回までに、以下の状態にまで作り上げます。
TAKADAパソコン教室 – ○○県○○市 初心者でも安心なPC教室
(架空のサンプルサイトです)

今回はプラグインの各設定について。

~ 目次 ~

  • 本サイトにて使用するプラグイン
  • 「VK All in One Expansion Unit」を入れるワケ
  • インストールと各機能の有効化
  • 「VK All in One Expansion Unit」のメイン設定
  • SNS Settings
  • メタディスクリプション・Call To Action
  • 今回はここまで

本サイトにて使用するプラグイン

本サイトにて使用するプラグインには以下のものがあります。
VK All in One Expansion Unit
VK Blocks
WP Multibyte Patch
Contact Form 7
WP User Avatar

このうち、
VK All in One Expansion Unit
VK Blocks
WP Multibyte Patch
は、必須で入れてください。

今回の記事では「VK All in One Expansion Unit」について解説します。

VK Blocks」はブロックエディターの拡張プラグインです。
サイト制作をラクチンにしてくれるので、必ず入れておいてください。

WP Multibyte Patch」は、WordPressで日本語ファイルを扱うためのプラグインです。
日本語のサイトではこのプラグインが無いと、文字化けなどが発生する可能性があります。
詳しくは下記ブログをご参照ください。

WP Multibyte Patchプラグインを確認しよう

「Contact Form 7」はフォーム作成用のプラグインで、お問合せページなどを作成する場合は必要となります。
また、他のフォーム作成用プラグインである「MW WP Form」などで代替してもかまいません。

「WP User Avatar」はアバター画像を簡単に作成できるプラグインで、本シリーズ後半のどこかで解説します。

「VK All in One Expansion Unit」を入れるワケ

「VK All in One Expansion Unit」は多機能なプラグインです。
シンプルなテーマである「BusinessPress」を機能的に補ってくれます。

過去に解説記事を書いたことがありますが、

WordPressプラグイン:多機能&カスタム投稿タイプを簡単作成「VK All in One Expansion Unit」

これは機能の一部である「カスタム投稿タイプ作成」に特化した内容でした。

本サイトでは、SNS連携やCTA作成のために組み込みます。

インストールと各機能の有効化

では実際に「VK All in One Expansion Unit」を入れてみましょう。

WordPress管理画面より「プラグイン」⇒「新規追加」、
検索欄にて
「VK All in One Expansion Unit」又は略称の「ExUnit」で探します。
どちらでもかまいません。

で、インストールして有効化

すると、WordPress管理画面の左に「ExUnit」と項目が追加されます。

これをクリックして各機能の有効化設定欄を開きます。

設定欄を見ると分かりますが、もの凄い多機能です。
よくこんなの作ったなあと感心させられます(^_^;)

デフォルトでは、幾つかの機能にチェックが入ってますが、このサイトでは以下の機能のみにチェックを入れ直して有効化します。
fontawesome link タグを出力
ソーシャルメディア連携
メタディスクリプションタグを出力
ウィジェット
Call To Action
ウィジェット有効化設定(全部)

この中でサイト制作上、最低限必要なのは
ソーシャルメディア連携
Call To Action
この2つのみとなります。

「ソーシャルメディア連携」はSNS連携・OGタグやTwitter カードタグの出力機能。
「Call To Action」はCTAの表示機能。

ここはそれぞれのサイト制作に合わせて、他の機能も追加して良いと思います。

有効化完了後に、必ずページ下の「変更を保存」をクリックしておいてください。

「VK All in One Expansion Unit」のメイン設定

次に「VK All in One Expansion Unit」のメイン設定に進みます。
有効化した各機能の設定です。

WordPress管理画面より「ExUnit」⇒「メイン設定」、

メイン設定欄が開きます。

以下、解説が必要な設定・変更する設定のみ記します。

SNS Settings

◇デフォルトのOGPイメージ
画像を設定

ここはSNSにてサイトの各ページが共有された時に、表示される画像を設定します。
それ用に合った画像を入れてください。

ただし、ページごとにアイキャッチ画像が設定されている場合は、そちらが優先となります。

このサイトでは以下の画像を設定しました。

画像のサイズは「橫1280px 縦720px」以上、縦横比「16:9」が推奨値です。

◇OGタグ⇒チェック入れ

◇Twitterカードタグ⇒チェック入れ

OGタグやTwitterカードタグとは何か?
分からない方は、以下を参照されてください。

OGPを設定しよう!SNSでシェアされやすい設定方法とは?

◇ソーシャルボタン
「ソーシャルブックマーク~~」にチェック入れ
シェアボタンを表示しない投稿タイプ:「固定ページ」にチェック入れ

ここはSNS共有ボタンの表示設定です。
こいつです↓

投稿ページのみに表示させます。

◇表示するボタン⇒全てにチェック

◇シェアボタンの表示位置⇒「本文の後」のみにチェック入れ

ここは各ページ本文の、前と後ろのどっちにSNS共有ボタンを表示させるか?という選択です。

どちらともチェックを入れてもかまいませんが、両方だとウザいので、このサイトでは「後」のみにしています。

◇Follow me box⇒チェックを外す

ここはチェックを入れたままだと、投稿記事の下に以下のような「Follow me box」が表示されます。

右の「Follow」ボタンを押すと、RSSリーダーのFeedlyが開きます。

あまり意味を感じないので、このサイトでは外してますが、自サイトのFacebookやTwitterのページがある人は入れておいてもいいかもしれません。

その場合は以下の項目も入力が必要になります。
「facebookアプリケーションID」
「Facebook ページ URL」
「Twitter ID」

例えば「Twitter ID」を入れると、以下のような表示になります。

メタディスクリプション・Call To Action

メタディスクリプション」と「Call To Action」の設定については、本シリーズの後の記事で解説します。

現段階では、そのままにしておいてかまいません。

今回はここまで

今回はプラグインの設定のみで、サイトの表示には前回分と特に変化はありません。

さて、次回はトップページのコンテンツ作成に移ります。

 

ken
お盆休み明けで、仕事が貯まって四苦八苦しております(^_^;)

 

関連記事
WordPressテーマ「BusinessPress」でWEBサイトを制作(その12)追加応用編

WordPressテーマ「BusinessPress」でWEBサイトを制作(その12)追加応用編

2020.10.01
WordPressテーマ「BusinessPress」でWEBサイトを制作(その11)各固定ページの作成

WordPressテーマ「BusinessPress」でWEBサイトを制作(その11)各固定ページの作成

2020.09.28
WordPressテーマ「BusinessPress」でWEBサイトを制作(その10)続・ブログページの作成

WordPressテーマ「BusinessPress」でWEBサイトを制作(その10)続・ブログページの作成

2020.09.23
WordPressテーマ「BusinessPress」でWEBサイトを制作(その9)ブログページの作成

WordPressテーマ「BusinessPress」でWEBサイトを制作(その9)ブログページの作成

2020.09.17
WordPressテーマ「BusinessPress」でWEBサイトを制作(その8)続々続・トップページのコンテンツ作成

WordPressテーマ「BusinessPress」でWEBサイトを制作(その8)続々続・トップページのコンテンツ作成

2020.09.10
WordPressテーマ「BusinessPress」でWEBサイトを制作(その7)続々・トップページのコンテンツ作成

WordPressテーマ「BusinessPress」でWEBサイトを制作(その7)続々・トップページのコンテンツ作成

2020.09.04
WordPressテーマ「BusinessPress」でWEBサイトを制作(その6)続・トップページのコンテンツ作成

WordPressテーマ「BusinessPress」でWEBサイトを制作(その6)続・トップページのコンテンツ作成

2020.08.27
WordPressテーマ「BusinessPress」でWEBサイトを制作(その5)トップページのコンテンツ作成

WordPressテーマ「BusinessPress」でWEBサイトを制作(その5)トップページのコンテンツ作成

2020.08.24
WordPressテーマ「BusinessPress」でWEBサイトを制作(その3)テーマの各設定

WordPressテーマ「BusinessPress」でWEBサイトを制作(その3)テーマの各設定

2020.08.12
WordPressテーマ「BusinessPress」でWEBサイトを制作(その2)ページ構成・配色構想

WordPressテーマ「BusinessPress」でWEBサイトを制作(その2)ページ構成・配色構想

2020.08.06
WordPressテーマ「BusinessPress」でWEBサイトを制作(その1)準備編

WordPressテーマ「BusinessPress」でWEBサイトを制作(その1)準備編

2020.08.03
テーマの知識が無いと困る!? 今後のWordPress制作

テーマの知識が無いと困る!? 今後のWordPress制作

2017.08.09

 

PRリンク