コーポレートサイトがあっという間に完成！「企業サイト向け WordPress テーマ by Communitycom」を使ってホームページを制作してみた

こんにちは！コミュニティコムスタッフの勝沼です。
弊社では埼玉県さいたま市にあるコワーキングスペース7F（ナナエフ）の運営や、WordPressを使ったウェブサイト制作をはじめとし、さまざまな事業をおこなっております。

コーポレートサイト制作を検討されている方の中で、

といったお悩みはございませんか？

そのような方におすすめなのが、WordPressテーマです。
今回は、弊社が作成した「企業サイト向け WordPress テーマ by Communitycom」というテーマを使用し、実際にコーポレートサイトを制作してみました。

このテーマは、企業の公式ウェブサイト（コーポレートサイト）に必要な機能が揃ったオールインワンな国産 WordPress テーマ（テンプレート）です。
会社の基本情報をはじめ、事業紹介や会社アピールなどのコーポレートサイト特有のコンテンツも簡単に入れ込むことができました。この記事では、その制作過程をご紹介します。

「企業サイト向け」ではありますが、会社以外にも様々な団体や小規模事業者の方もお使いいただける汎用性の高いWordPressテーマです。

「テーマ購入を検討しているが、詳しい操作イメージが持てないと不安」といったお悩みをお持ちの方にもおすすめの内容です。ぜひ一通りご覧ください！

企業サイト向け WordPress テーマ by Communitycom

制作概要・参考ページ

今回は以下内容でホームページを制作していきます。

使用テーマ	企業サイト向け WordPress テーマ by Communitycom
企業名	Sample Factory
ホームページ制作目的	・コーポレートサイトが欲しい ・会社に関する情報がわかりやすくまとまったウェブサイトを作りたい
制作する上で参考にしたページ	・WordPress テーマ by Communitycom 設定マニュアル ・企業サイト向け WordPress テーマ by Communitycom 設定マニュアル

マニュアルを読みながら作業を進めることで、よりスムーズに制作することができました。
実際に作業される際には、ぜひあわせてご覧ください。

さっそくホームページを制作してみましょう

以降の手順は、WordPress自体のインストールが完了しているところからスタートします。
WordPressのインストールがまだの方は、先に対応してからこの記事をお読みください。

STEP 01　テーマのインストール〜適用

STEP 02　カスタマイザーで編集する

WordPressのテーマにはカスタマイザーという便利な機能があります。

WordPressには、ホームページの見た目をリアルタイムで変更して確認できるテーマカスタマイザーという機能が用意されています。テーマをインストールした後にテーマカスタマイザーを使えば、HTMLやCSSといった難しいコードを書かなくても手軽に見た目のカスタマイズが可能です。

https://communitycom-shop.jp/theme_manual/how-to-use-customizer/

本来であれば専門知識が必要なところを、カスタマイザーを使えばウェブサイトでユーザーが直接目にする部分（フロント側）のほとんどを感覚的に設定できてしまいます。
ここの工程を一通り終えることで、かなりサイトが充実しました。

さっそく流れを紹介していきます。

■本格的な制作に入る前に
以降の工程も簡単に操作ができるようになっていますが、事前に入れる情報を準備しておいた方が、よりスムーズに制作を進めることができます。

▼事前に準備しておいた方が良い情報（例）
・ロゴ画像
・全体的なイメージカラー
・会社の基本情報、アピールポイント、事業内容など
・その他コーポレートサイトに入れたい情報、どのようなページを作成するか、サイト全体の構成
・その他使用したい写真や動画、バナーなど

コーポレートサイトの内容が充実しているほど企業の信頼感・安心感がアップしますので、十分に準備しておくことをおすすめします。
作業自体が簡単な分、ホームページの内容を考える方に時間を割くことができるのも、テーマ利用のメリットかもしれません。

STEP 02-1　見た目を整える（基本事項）

＊所要時間：10〜20分ほど（内容が事前に決まっていれば）

カスタマイザーを使用して、見た目を整えていきます。

・サイトタイトルまたはロゴの設定
・デザインの設定（テーマで使用する色、ページヘッダーの背景画像、投稿のアイキャッチ画像、サイドバーの表示について）
・ヘッダー画像の設定 または スライドショーの設定
・メニューの設定
・ウィジェットの設定

※企業サイト向け WordPress テーマ by Communitycom 設定マニュアルを読みながら進めています

今回ウィジェットは、以下で設定をしました。

「コラム用サイドバーウィジェットエリア」はその名の通り、コラムの投稿ページとアーカイブページで表示されるサイドバーとなります。

一通り設定すると、ファーストビューに写真とテキストが入ったことで「どのような会社か？」ということが少し伝わるサイトになってきました。
ちなみに、コラムの投稿はまだ作成していないためトップページに「コラム」セクションは表示されていない状態です。マニュアル通りに進めていけば、後ほど投稿を作成する手順も出てきますのでご安心ください。

STEP 02-2　会社に関する情報を設定する

＊所要時間：10〜20分ほど（内容が事前に決まっていれば）

カスタマイザーを使用して、会社に関する情報を設定していきます。

・会社情報の設定
・事業紹介の設定
・会社アピールの設定

※企業サイト向け WordPress テーマ by Communitycom 設定マニュアルを読みながら進めています

STEP 02-3　さらに細かな設定をしていく

＊所要時間：10分ほど（内容が事前に決まっていれば）

マニュアルに沿って、さらに細かな設定をしていきます。

・SNSアカウントの設定
・ページ共有の設定
・その他の設定
・カスタムテンプレート

※企業サイト向け WordPress テーマ by Communitycom 設定マニュアルを読みながら進めています

STEP 03　投稿を作成していく

さらに詳細な情報を追加していきます。
それぞれの投稿を作成するとトップページにも新たなセクションが現れます。

STEP 03-1　お知らせの投稿を作成する

---

おまけ情報 その1

作成したお知らせの詳細ページにコメント欄が表示されてしまった場合…

コメント欄が不要な場合には、ディスカッション設定を見直すことで非表示にすることができます。
方法としては「WordPressの管理画面から設定をする」もしくは「記事ごとに設定をする」の2通りがあります。今回は後者の方法で対応します。

近年コメント欄に寄せられるスパムも多くなってきているため、一度WordPressの管理画面からサイト全体のディスカッション設定を見直しておくと安心です。より詳しく知りたい方は「1-13 ディスカッション設定でコメント欄を管理しよう」をご覧ください。

---

---

STEP 03-2　コラムの投稿を作成する

コラムの投稿を作成すると、トップページにも「コラム」セクションが出現しました。トップページには最新コラムが6件表示される仕様になっています。

コラムは内容を考えることに時間を要すると思います。そのため、サイトを公開した後から少しずつ投稿していく方法もおすすめです。

簡単にホームページ制作ができた！

ホームページが完成しました！（完成したホームページはこちら → PDFファイルを見る）

合計1時間半〜2時間ほどでできあがりました。
入れる情報さえ決まっていれば作業自体は非常にシンプルで、マニュアルに沿って進めていくことで迷わずに制作することができました。

「企業サイト向け WordPress テーマ by Communitycom」では初めから会社に関する情報を入れるフィールドが用意されているため、そこに沿って情報を入れていくだけでコーポレートサイトが完成するというのは初めてホームページ制作をする方にとっても安心かと思います。

このサイトからお問い合わせやエントリーを受け付ける場合は、この手順とは別にお問い合わせフォームの作成が必要です。
代表的なプラグインContactForm7での作成手順を解説した記事もありますので、参考になさってください。

• ContactForm7：4-02 お問い合わせフォームを設置しよう

■まとめ
・詳しい知識がなくても簡単に見た目の整ったウェブサイトが制作できた
・会社情報に特化しているため、関連する情報を入れるフィールドが用意されていてわかりやすい
・一般的なテーマを自分用にカスタマイズするよりも、時間をかけずにホームページを制作することができる

高品質で信頼感のある採用・求人に特化したホームページを制作したい方には、非常におすすめのテーマです。
ぜひ候補の1つに入れてみてはいかがでしょうか？