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

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

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

BusinessPress

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

とりあえず速攻で、CSSなどいじらずに、格好良いサイトを作りたい人にはピッタリのテーマです。

今回から数回に渡って「BusinessPress」を使ったサイト作成の手順例を載せていきます。

~ 目次 ~

  • BusinessPressとは?
  • 架空のPC教室のWEBサイトを制作
  • テーマと子テーマのダウンロード
  • テーマと子テーマのインストール
  • 余計なウィジェットを削除
  • 次回以降は

BusinessPressとは?

「BusinessPress」は日本では少数派のコーポレート型テーマです。
ビジネスサイト専門のWordPressテーマ。

公式のデモサイトを見てもらうと分かりますが、こざっぱりしたサイトを簡単に作成するのに向いています。

その特徴として、
◎ヘッダーに電話番号・お問い合わせ・アクセス・SNSリンクなどを表示
◎フォントや行間が綺麗(これが最大特徴)
◎投稿ページの機能も充実
◎ブロックエディターでのコンテンツ作成が前提
などがあります。

使用用途としては、
「中小企業・店舗用に綺麗なWEBサイトを作りたい。
ブログも併設したい。
でも、CSSなんか手を触れるのも嫌です。」
こういう人に向いてると思います。

架空のPC教室のWEBサイトを制作

今回のWordPressサイト作成シリーズ、完成形は以下になります。

TAKADAパソコン教室 – ○○県○○市 初心者でも安心なPC教室
(架空のサンプルサイトです)

サイト制作の骨子として、

◇知人から依頼を受けてWordPressにてPC教室のWEBサイトを制作
◇高齢層でも見やすく、かつ、誠実な雰囲気を重視
◇トップページはLP(ランディングページ)的なコンテンツ配置
◇他に講座紹介・講師紹介などの固定ページも作成
◇ブログも併設
◇ブログの内容は業務日記系にとどまらず、PC・WEB関連の知見も掲載
◇ブログからの検索流入でアクセスを稼ぐことを意図
◇使用するテーマは「BusinessPress」
◇プラグイン「VK All in One Expansion Unit」「VK Blocks」を活用
◇「なるべく安く早く作ってね」⇒「 (^_^;)トホホ」

こういう脳内設定でいきます。

従来の当ブログWordPressサイト作成シリーズでは、
テーマ「Lightning」シリーズ
テーマ「Luxeritas」シリーズ
テーマ「Xeory Extension」シリーズ
CSSをカスタマイズすることを前提にしていましたが、本シリーズでは基本的にCSSの調整は必要としません。

その理由は、WordPressの新ブロックエディターである「Gutenberg」の登場によって、CSSをいじらずとも簡単にコンテンツレイアウトを作成できるようになったからです。

完成例のサンプルサイトは、CSSを全くいじってない状態です。

ただ一応、本シリーズの最後に「追加応用編」として、CSSを調整した場合の例も載せるつもりです。

以下、制作手順を書いていきますが、初歩的な部分は出来るだけ端折ります。
読む側はWordPressの基本的操作は理解しているという前提で書きます。

それとトップページとブログページの作成手順を主に掲載します。
他のページは最後にさらっとまとめて載せます。

テーマと子テーマのダウンロード

最初に、WordPressに「BusinessPress」のテーマと子テーマを入れます。

CSSは触らないので子テーマは入れなくとも機能しますが、将来的にご自身でCSSをいじる可能性もあるので、一応入れておくのが無難でしょう。

「子テーマとは何ぞや?」という人はこちらを参照されてください。

まず、「BusinessPress」のサイトからテーマをダウンロード。

ダウンロード」のボタンをクリックしてください。

次に、子テーマのファイルですが
残念ながら公式サイトではファイルを用意してくれてません。
自分で作成する必要があります。

慣れてる人は問題ありませんが、初心者の人には敷居が高すぎます。
そこで創kenブログにて子テーマファイルを作っておきました。
よかったら使ってください。
(ただし自己責任でね!)

「BusinessPress」子テーマファイル

上記リンクをクリックするとダウンロードされます。

テーマと子テーマのインストール

さて、テーマと子テーマのファイル(ZIPファイル)が揃いました。
この2つを、解凍などせずにそのままWordPressにインストールします。

WP管理画面より
外観」⇒「テーマ」⇒「新規追加

テーマのアップロード
テーマと子テーマのZIPファイルをアップロード、そしてインストール。

で、子テーマの方を有効化

これでテーマ・子テーマのインストールは完了です。

なお、「BusinessPress」は、WordPressの公式ディレクトリ登録テーマではないので、テーマの検索欄からは探せません。
必ず「テーマのアップロード」からインストールしてください。

余計なウィジェットを削除

次に、初期設定で入っている余計なウィジェットを削除しておきます。

WP管理画面より
外観」⇒「ウィジェット

この中の「フッター1」に、初期設定でウィジェットが3つ入ってるので、

これは使わないので削除しておきます。

次回以降は

今回は準備編と言うことで、次回以降は
◇サイトの構想
◇テーマとプラグインの設定
◇トップページの作成
◇ブログページの作成
◇追加応用編
この流れで進めていきます。

おそらく、今までのWordPressテーマ・カスタマイズシリーズに比べると、CSSの編集に頼ってないため、初心者さんには敷居が低いだろうと思います。

順次投稿予定。
「その8」ぐらいで完結させたいと思ってます(たぶん)。

 

ken
パソコン教室のWordPressサイトを作成、という脳内設定で進めて行きます。

 

関連記事
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サイトを制作(その4)プラグインの各設定

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

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

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

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

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

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

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

2017.08.09

 

PRリンク