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

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

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

BusinessPress

  • GPLライセンス・無料・商用利用可・カスタマイズ自由。
  • コーポレート型(ビジネスサイト)テーマ。

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

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

BusinessPressとは?

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

こざっぱりしたサイトを簡単に作成するのに向いています。

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

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

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

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

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

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

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

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

本シリーズでは基本的にCSSの調整は必要としません。
完成例のデモサイトは、CSSを全くいじってない状態です。

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

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

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

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

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

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

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

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

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

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

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

「BusinessPress」子テーマファイル

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

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

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

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

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

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

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

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

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

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

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

ずらずらとウィジェットエリアが並んでます。

初期設定で、この中の「ブログサイドバー」などにウィジェットが幾つか入ってるので、

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

ちなみに初期設定で入ってるエリアやウィジェットの種類は、それぞれのサイトによって異なってると思います。しっかり探して削除しておいてください。

次回以降は

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

おそらく、本シリーズはCSSの編集に頼ってないため、初心者さんには敷居が低いだろうと思います。

順次投稿予定。

追記 2022/09/28

テーマ「BusinessPress」やプラグインのアップデートにより、本シリーズの記述を修正することがあります。

その場合、修正状況をデモサイト内のブログに掲載します。

ken
パソコン教室のWordPressサイトを作成、という脳内設定で進めて行きます。
関連記事
WordPressテーマ「BusinessPress」でWEBサイトを制作(その12)追加応用編
WordPressテーマ「BusinessPress」でWEBサイトを制作(その11)各固定ページの作成
WordPressテーマ「BusinessPress」でWEBサイトを制作(その10)続・ブログページの作成
WordPressテーマ「BusinessPress」でWEBサイトを制作(その9)ブログページの作成
WordPressテーマ「BusinessPress」でWEBサイトを制作(その8)続々続・トップページのコンテンツ作成
WordPressテーマ「BusinessPress」でWEBサイトを制作(その7)続々・トップページのコンテンツ作成
WordPressテーマ「BusinessPress」でWEBサイトを制作(その6)続・トップページのコンテンツ作成
WordPressテーマ「BusinessPress」でWEBサイトを制作(その5)トップページのコンテンツ作成
WordPressテーマ「BusinessPress」でWEBサイトを制作(その4)プラグインの各設定
WordPressテーマ「BusinessPress」でWEBサイトを制作(その3)テーマの各設定
WordPressテーマ「BusinessPress」でWEBサイトを制作(その2)ページ構成・配色構想
テーマの知識が無いと困る!? 今後のWordPress制作

WEBサイト & 画像を制作します

WEBサイト & 画像を制作します

お見積もり・ご注文はクラウドソーシングのランサーズ経由で承っております。
ランサーズの無料アカウントを取得されておいてください。