サルでき流 WordPressではじめる企業サイトの作り方

第20回 ここまでのおさらい。作ってみよう!会社のWebサイト(中編)~社員ギャラリーとサイトマップの設置~

この記事を読むのに必要な時間:およそ 4 分

前編のおさらい

さてさて。

今回は「中編」と銘打っておりますので,ワタクシ当然1回前に「前編」を書いております。皆さま,そちらはお読みいただきましたでしょうか。え?読んでませんか?では,ここにリンクを貼っておきますね。前編はこちらです。

え?忙しくて読みに行く気がしない?困りましたね……。ドッグイヤー化が叫ばれる現代ニッポン。ビジネスパーソンの皆さまは,リンクをクリックする暇もないほど仕事に追われていると聞いてはいましたが,まさかこれほどとは……。

仕方がありません。ここはワタシが,前編を3行でまとめましょう。

そーれ!さんっ,はいっ。

  • 企業サイトの基本コンテンツ15個を
  • 記事と固定ページとカテゴリーで実装してみたら
  • 3個ほど重たいものが余ったから中編,そして後編に続く

ふー,以上でございます。案外スッキリまとまりましたね。

……えーと,5,000字近い字数をかけて,ワタシったら先週一体何を書いていたのかしら。内容なさすぎ。内容がないよう。

ということで,今回の中編では,余りモノ3人衆,⁠サイトマップ」⁠お問い合わせ」⁠社員でヒトコト」の中から,最初に社員でヒトコト次にサイトマップを実装していきます。

「社員でヒトコト」用の機能,ギャラリーを設置しよう

順番が前後しますが,まずは「社員でヒトコト」からいきましょう。あ,補足が要りますか?要りますね。

「社員でヒトコト」とは,ワタシが勝手に考えた企業サイト基本コンテンツです。一般的な言葉に言い換えると,「社員ギャラリー(写真集)⁠のことです。

とは言え,ただ社内のオッサンオバサン紳士淑女の皆さまの写真を並べておくのも,Webサイトを見に来てくれた人には味気ないですので,その写真に「オモシロ」一言メッセージを添えてみましょう。というところがオリジナリティです。

さて。では概要がわかったところで,実装方法を考えてみます。前回も書きましたが,今までの連載で使えるようになっているWordPressの機能はこのくらいです。

  • 記事を投稿すること
  • カテゴリーとタグを作成すること
  • 固定ページを作成すること
  • メニューを作成すること

基本機能オンリーですね。

では,と。この「社員でヒトコト」⁠とりあえず実装は「投稿記事」「固定ページ」が良いと思います。Webサイトの中の1ページ(記事)にしま しょう。

ただ,どちらで実装するにせよ,社員みんなでまとめて1ページという体裁が良さそうです。さすがに社員1人1人が1ページを持つことになると(いろんな意味で)重いですし。

ということで,ページ数が1ページになって,以降増えていきませんので,この場合は投稿記事というよりも固定ページ向きと考えて良さそうです。

では,固定ページに「社員でヒトコト」を追加しましょう。

またしても固定ページが増えました

またしても固定ページが増えました

で,ここに画像を入れます。1画像ずつ入れていくのであれば,通常の「メディアを追加」機能で入れていくのですが,今回は少し工夫をします。

「メディアを追加」ボタンを押した後に出てくるメディア選択画面の左上に注目してください。

ここです。ここ

ここです。ここ

「ギャラリーを作成」というリンクが見えますね。ポチッとどうぞ。

実はWordPressには,標準機能として「ギャラリー」という機能があります。ギャラリーはその名の通り,複数の画像(写真)を,画廊のように並べてくれる機能です。今回はコイツを使用します。

ワタシのほうでは,あらかじめ用意しておいた「社員写真」がありますので,それをポチポチと選択しちゃいます。皆さんは画像のアップロードからどうぞ。

そうすると,下のほうにある,⁠●点を選択済」という欄が増えていきます。どうです?変化していくのがわかりますか?これが,ギャラリーに表示する画像です。

現在は6点を選択しています。うっかり入れたくない画像を選択してしまった場合は,⁠クリア」でやり直せます

現在は6点を選択しています。うっかり入れたくない画像を選択してしまった場合は,「クリア」でやり直せます

選択が終わったら,画面右下の「ギャラリーを作成」ボタンを押しましょう。そうすると,⁠ギャラリーを編集」という画面に切り替わります。

「ギャラリーを編集」画面です。先ほど選択した6点の画像が表示されています

「ギャラリーを編集」画面です。先ほど選択した6点の画像が表示されています

選んだ画像が表示されていますね。

この「ギャラリーを編集」画面では,個別の画像の「並び替え」「削除」⁠ギャラリー全体としての「クリックされた時のリンク先」「ギャラリーのカラム(列)数」などを設定することができます。

今回,⁠社員でヒトコト」を作るにあたって大事なのは,この各画像の下にある「この画像のキャプション」欄です。ここに文字,⁠ヒトコト」を入力しておくと,ギャラリー内で画像のキャプションとして表示されます。

とりあえずテスト用の文字を書いて,⁠ギャラリーを挿入」ボタンをポチッとな。

ここに記したことが各画像のキャプションになります

ここに記したことが各画像のキャプションになります

固定ページの本文に,ギャラリーが挿入されました。

実際のWebサイトを見てみましょう。

実際のWebサイトで見ると,こんな感じです

実際のWebサイトで見ると,こんな感じです

画像がギャラリーにまとめられて表示されています。マウスを画像に乗せると,先ほど書いたヒトコトが表示されますね。

ギャラリーは固定ページのパーツとして追加されますので,例えば「部署ごと」「役職ごと」⁠出身地ごと」など,いくつものギャラリーを1つのページ内に設置することが可能です。皆さんの会社の社員の魅力が存分に伝わるよう,いろいろ工夫してみてくださいね。

著者プロフィール

カワサキタカシ(かわさきたかし)

元アイ・ビー・エムERPコンサルタント,元アップル教育ソリューション開発者兼営業,他にも様々な経験を経て,人材育成会社『株式会社マイウェイ』を夫婦で起業。現在,同社の取締役兼なんでも担当。

「Webサイト」から「iPhoneアプリ」,「ビジネスサービス」から「会社」まで,『作ること』が好き。そして作る楽しさを誰かに『教えること』も好き。楽しく作る技術を学ぶコミュニティ,『サルでき.jp』をぐーたら管理中。

著書に『iPhoneアプリ開発塾』(技術評論社),『サルにもできるiPhone同人誌の創り方』(飛鳥新社)がある。

株式会社マイウェイ Webサイト
株式会社マイウェイ Facebook
カワサキタカシ Facebook
サルでき.jp


企業サイト作り(運用)にお困りの経営者さま・Webご担当者さま。ワタシ,『企業サイトを楽しく作る(育てる)ためのサポートサービス』もやっております。困り果てて現実逃避の小旅行に出かける前に,是非一度弊社Webサイトまでお気軽にご相談くださいませ。