第3回「2時間で出来るWordPressを使ったホームページの作り方」セミナーを行いました

37Designのブログをご覧くださいましてありがとうございます。

本日は第3回「2時間で出来るWordPressを使ったホームページの作り方」セミナーを行わせて頂きました。

プライベートスタジオのピラティスのM先生です。

ホームページの作り方なんかをきちんとご理解いただけたかと思います。

「2時間でできるWordPressを使ったホームページの作り方」セミナーの流れ

えー、回数を重ねていくごとにブラッシュアップをしていますが、今回は楽しすぎてちょっと時間オーバーしてしまいました。

いつもの流れと同じなのですが、簡単な流れとしては、

  • WordPressのインストール
  • ユーザーの追加
  • WordPressログイン
  • テーマの変更
  • プラグインの追加・更新
  • 外観の変更
  • 固定ページの作成
  • グローバルメニューの作成
  • フロントページの設定
  • ブログ投稿の作成
  • 固定ページの編集
  • ウィジェットの作成
  • 完成

といった流れで進めさせていただいています。

めちゃめちゃわかりやすいし楽しいと思います。

WordPressのインストール

事前準備としてWordPressのインストールはこちらで行った状態でスタートします。

講座前に独自ドメインとサーバーも一緒にご契約いただいていれば、そのサーバーで事前にドメインとサーバーを紐つけていたものを準備しますし、お試しの場合は弊社サーバーを使って作っていただきます。

講座後に独自ドメインとサーバーのご契約をいただくことも可能です。

ユーザーの追加

こちらも事前準備としてこちらでユーザーを追加させていただいています。

受講者様のメールアドレスとユーザー名、パスワードを登録し、ユーザーの追加を行います。

WordPressログイン

いよいよWordPressに触れていっていただきます。

WordPressの管理画面(ダッシュボード)と公開画面の違いを説明し、ログイン画面を開いてもらいます。

WordPressのユーザー名とパスワードを入力し管理画面にログインしていただきます。

管理画面と公開画面の切り替えの方法などを体験していただいて、しっかりとご理解していただけるようにしています。

テーマの変更

管理画面にログインできるようになったら、テーマについてお話をさせていただきます。

基本的には初心者の方はいきなりデザインを組んでいくということは不可能ですので、こちらである程度指定したシンプルなテーマを使っていただき、テーマの変更を行います。

デフォルトテーマも悪くは無いですが、コーポレートサイトを作る場合などはシンプルなテーマにするほうが使いやすいです。

プラグインの追加・更新

もともと入っている不要なプラグインを消したり、プラグインの追加を行います。

無料プラグインでほとんどの機能が賄えるため、無料のプラグインを追加していきます。

弊社が厳選したプラグインを使うため競合などもありませんので、安心して使っていただくことが可能です。

外観の変更

テーマとプラグインを決めて変更したら、テーマカスタマイザー内よりロゴマークやヘッダーイメージなどの外観を変更していきます。

ロゴマークやヘッダーイメージは事前に用意していただくか、弊社37Designで制作することも可能です。

ロゴマークやヘッダーの変更方法などをご説明させていただきます。

外観を変更していくとやはりホームページとしての形ができてくるのがわかります。

また、この時点でテーマカラー等がある場合は色の変更も一緒に行います。

固定ページの作成

そしていよいよ固定ページの作成に入っていきます。

まずはサンプルのページをゴミ箱に入れて消去してから新しく作ります。

基本的には業種にもよりますが6ページほど作っていただきます。

トップページやブログを表示するページお問合わせ、アクセスマップなどのページのことですね。

この時点では本文は軽く書いていただきます。

基本的にはブログと書き方が同じなので、後ほどブログと一緒に書き方をきちんとレクチャーするためです。

グローバルメニューの作成

固定ページを作っていただいたものをグローバルメニューに並べていきます。

グローバルメニューとはウェブサイトの一番上のメニューのことです。

まずはメニューを作ってその中に先程作った固定ページを並べていきます。

メニューを並べて保存すると、公開画面上にメニューが表示され、固定ページにリンクされていることを確認します。

フロントページの設定

WordPressはそのままではブログ投稿が並んでいるだけなので、コーポレートサイトを作るためにはトップページに固定ページを表示させる必要があります。

また、投稿一覧のページも設定してあげる必要があります。

なので、フロントページの設定をこの時点で行います。

この設定が完了するとURLにアクセスすると、トップページが表示されるようになります。

ブログ投稿の作成

いよいよブログ投稿を書いていきます。

この時点でWordPressにだいぶ慣れてきたと思いますので、本文の書き方などをきちんとレクチャーしていきます。

WordPressの一番の要はブログにあります。

タイトル、画像の入れ方、見出しのこと、文字の装飾などで本文をきちんと書いていきます。

カテゴリーやタグによる記事の分類もきちんとご説明させていただきます。

固定ページの編集

ブログ投稿で本文の書き方に慣れてもらったら、更に固定ページの編集を行っていきます。

公開画面や管理画面から、どのようにして固定ページを編集するかなど、業務に必要な固定ページの編集方法をきちんとご理解いただきます。

また、地図の埋め込みを行ったり、問い合わせフォームの設定もこの時点で行います。

WordPressを使えばそういった作業がすべてコピー&ペーストで行うことが可能です。

ウィジェットの作成

ウィジェットとは本文の右側にあるサイドバー内のブログパーツのことで、組み合わせることでメニューを表示させたり、最新の投稿一覧を表示させたり、検索窓を表示させたりすることが可能です。

テーマによってウィジェットの場所が違うのできちんと表示されるようにウィジェットを作成し配置していきます。

完成

以上でWordPressを使ったホームページが完成します。

今回は少しスタートも遅くなってしまいましたので、少々時間がオーバーしてしまいました。

なかなかいい感じに完成して喜んでいただけました。

いやー、教えた方も嬉しいです。

今回は仮サーバーでの制作を行いましたが、そのまま独自ドメインとサーバーをご契約いただきましたので、独自ドメイン取得後、仮サーバーの情報を本サーバーに移す作業を行います。

WordPress講習まとめ

いやー、今回も新しいウェブサイトが完成しました!!

ホームページを作る上で、実用的なものがきちんと作れるということが一番大事じゃないかなと考えています。

正直なところ、外観やプラグインなんてそんなにしょっちゅう替えませんし、日々の業務として1番大事なブログ投稿や固定ページの書き方にウェイトを置くべきかなと考えています。

なかなか時間もオーバーしてしまいますね。

今後続けていく上で、講座の内容をしっかりと整えて行かなければなりませんね!

なにはともあれ今回の講座も非常に喜んでいただけました。

M先生、ありがとうございます。

投稿者プロフィール

古田 健
古田 健
WordPressを使ったホームページの構築を得意としており、その中でも企業が勝ち残るため、強みを徹底的に研ぎすませた、一点突破型ランディングページを提案している。 ECサイトからスタートアップのサイトまで幅広く手がけ、、サイトの改善をおこなうことで、売上をあげる実践的なWebマーケティングを行っている。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です