【Switch使い方講座】企業サイトを作る手順。スタッフや会社情報などを設定します

おすすめテーマ

【Switch使い方講座】企業サイトを作る手順。スタッフや会社情報などを設定します

企業サイト

WordPressテーマ「Switch」で建築関係の企業サイトを作る手順を説明しています。

Switchは、店舗や企業サイトにおすすめのテーマです。

前回の記事では、「お知らせ」と「イベント」まで作成しました。

今回は、後半部分を一気に終わらせてしまおうと思います。

具体的にやることは、

・インタビュー（スタッフ紹介）
・フル幅画像
・ブログ
・PRエリア設定
・会社情報設定

の５つです。

設定はすごく簡単なので、大丈夫ですよ^^

Switchの公式サイト＞＞

インタビュー設定

インタビューの設定をします。

ただ、今回は企業サイトということで、インタビューを職員紹介に置き換えてみようと思います。

学習塾や料理教室など、インタビューが向いている場合は、そのままインタビューとして作成すればいいですよ。

インタビューの設定は３カ所あります。
1．「インタビュー」
2．「TCDテーマ」→「トップページ」→「メインコンテンツ」→「インタビュー」
3．「TCDテーマ」→「インタビュー」

1.インタビュー記事の作成

まずは、元になるインタビュー記事（職員紹介）を作成しておきましょう。

ワードプレスメニューの「インタビュー」をクリックします。

インタビュー記事作成

インタビュー記事を作成する画面になります。

通常の投稿と同じ要領で、インタビューの記事を作成しましょう。

トップページに、社長・事務員・営業職員の紹介記事を並べる予定なので、記事は３つ作っておきます。

アイキャッチはトップページに表示されるので、必ず設定しておいてください。

2.トップページの設定

次に、トップページのインタビュー欄を設定しましょう。

「TCDテーマ」→「トップページ」とクリックし、その中の「メインコンテンツ」→「インタビュー」に進みます。

インタビューの設定

設定するのは、タイトル、サブタイトル、アーカイブリンクの３つです。

①タイトル
職員の紹介にするので、「STAFF」としました。
かなり大きな文字で表示されるので、文字数は少なくしておきましょう。

②サブタイトル
サブタイトルは、タイトルの右側に表示される小さな補足説明です。
タイトルを英語にしたので、日本語で分かるサブタイトルが良いと思います。
「スタッフ紹介」としました。

③アーカイブリンク
アーカイブリンクは、インタビュー記事の一覧がズラッと並ぶページへのリンクです。
「スタッフ一覧」としました。

3.インタビュー詳細ページ

最後に、インタビュー記事をクリックしたときの詳細ページの設定をします。

「TCDテーマ」→「インタビュー」とクリックします。

インタビュー詳細設定

設定するのは、①のタイトル、②の説明文、背景画像、背景画像のアニメーションタイプの４つです。

①１のタイトル
社長や社員の紹介にするので、「STAFF」としてみました。

②２の説明文
説明文は、「当社のスタッフ」とします。

③背景画像
背景画像は、推奨サイズの横1,400px、縦600pxのものを用意します。
指定サイズの画像切り抜きはこちら↓
オンラインで画像編集できる無料サイト＞＞

④背景画像のアニメーションタイプ
アニメーションタイプは「なし」にしておきます。
詳細ページが表示されたときは、「当社のスタッフ」という文字がタイピングしているかのようにアニメーション表示されます。
背景画像まで動くと見にくくなることもあるので、ここでは「なし」としておきます。

フル幅画像

続いて、フル幅画像の設定です。

画面横幅いっぱいに画像が表示され、その上にキャッチフレーズとボタンを設置することができます。

このコンテンツは目立つので、資料請求の案内にしてみようと思います。

「TCDテーマ」→「トップページ」→「メインコンテンツ」→「フル幅画像」と進みます。

フル幅画像の設定

設定するのは、画像、キャッチフレーズ、説明文、ボタン設定の４カ所です。

①画像
推奨サイズの横1450px、縦500pxの画像を選択します。
トップページに大きく表示される画像なので、なるべく良い物を用意してください。

②キャッチフレーズ
今回は「優雅で快適なライフスタイルを実現する住まい」としてみました。
文字数はこれくらいにしておいた方が良さそうですね。
文字サイズはデフォルトのままでOKです。

③説明文
「効率よく光や風邪を取り込む間取りを実現。プライバシーが保たれた中庭は、人やペットの出入りが容易になり、住まい全体の回遊性を高めます。」としてみました。
けっこう長い文章ですが、フォントサイズが小さめなので、もっと文章は長くても大丈夫です。
短すぎるとバランスが悪くなるので、良い文章を考えてくださいね。

④ボタン設定
画像の上に表示されるボタンです。
「資料請求はこちら」としました。
ボタンのURLは、リンク先のアドレスを入力しておきます。

ブログ設定

ブログの設定をしましょう。

ブログを設置すると、お客様との接点ができ、アクセス数が増えます。

JALやユニクロなどの大手サイトの中は、ブログに力をいれて集客をしているようですね。

では、「TCDテーマ」→「トップページ」→「メインコンテンツ」→「ブログ」と進んでください。

ブログ設定

設定するのは、表示数の１カ所だけです。

デフォルトの設定よりも増やして、「8」件にしておきましょう。

8件にすれば、ブログが横4×縦２というように、２列で表示されます。

ブログの数はこれくらい表示させると目立ちますね。

ブログを充実させると、検索流入が増えて収益も上がりますよ。

PRエリア設定

PRエリア設定です。

このコンテンツは、横幅いっぱいの画像（動画）の上に、２つのバナーを設置することができます。

公式デモサイトでは、動画の上にバナーを設置していますね。

「TCDテーマ」→「フッター」→「PRエリア設定」に進みます。

PRエリア設定

設定するのは、キャッチフレーズ、説明文、バナー設定、背景のタイプ、背景画像の５つです。

①キャッチフレーズ
「人が最もリラックスできる空間を創る」としてみました。
文字数はこれくらいが良いかと思います。

②説明文
「部屋に合わせたインテリア家具や雑貨をコーディネイトいたします。」としました。
ちょっと文字数が少なかったです^_^;
この倍以上の文字数の説明文を用意しましょう。

③バナー設定
画像の上に表示させるバナーを２つ設定します。
まずは「バナーの設定１」をクリックしてください。

タイトル、背景画像、URLを入力します。
ここで気を付けたいのは背景画像です。
作成したバナーは、右半分がタイトルになります。
そのため、背景画像は左半分しか表示されないことに気を付けて選ぶようにしましょう。
「バナーの設定２」も同様に設定します。

④背景のタイプ
背景のタイプは、今回は「画像」にします。
動画の方が、バナーの存在が目立つのですが、用意するのが難しいので画像で良いと思います。

⑤背景画像
背景画像は、推奨サイズの横1450px、縦500pxのものを用意します。
ここでの注意点は、バナーを目立たせるように設定すること。
画像を設定してみたら、一度プレビューしてみてください。
もし、バナーが目立たなければ、もう少し下に「背景に重ねる色の透明度」という設定欄があるので、
その値を増やすと目立つようになります。