2015.08.17みなさん、こんにちは!テーマ選びには偉い苦労をしましたタカハシ(@ntakahashi0505)です。本記事は初心者でもできるWordpressで企業WEBサイトシリーズの第2回目です。前回はWordpressのインストールと非公開化をしましたがWordpressで作る企業サイト(1)サーバーへのインストールと非公開プラグイン企業サイトをWordpressで作る方法についていくつかの記事にわたってお伝えしていきたいと思います。初回はエックスサーバーへのWordpressのインストールとサイトの非公開をするまでです。tonari-it.com2015.08.12今回はいよいよWordpressテーマを選びます。ブログと企業サイトとの違いを明確にしつつ、企業サイトならではのWordpressテーマの選び方そして選ぶ際の注意点についてお伝えしたいと思います。ちなみに完成したサイトはこちらです。株式会社プランノーツITを活用してお仕事効率化のお手伝いをする株式会社プランノーツのコーポレートサイトです。業務フローの改善、クラウドサービスやシステムの導入などの事例のほか企業情報、ニュース、採用情報等を掲載しています。LiteAttitudeテンプレートキングまとめ連載目次:初心者でもできるWordpressで作る企業サイトブログと企業サイトの違いを明らかにしておくやってみて思ったことがあります。ブログを作るときよりも、企業サイトを作るときのほうが、テーマの選び方が圧倒的に困難を極めました...テーマ選びをする前にブログと企業サイトで何が違うのか、これをきちんと理解しておく必要があるのですが、私はそこを適当に進めてしまったので、無駄に試行錯誤を繰り返すハメになりました。これから作る皆さんには、同じ目に会わないように、ブログと企業サイトの違いについてお伝えしておこうと思います。固定ページプロフィールお問い合わせといったものになると思います。お問い合わせなどといった構成になります。ブログの場合はコンテンツとしてはトップページや固定ページよりも記事が果たす役割が非常に大きいと言えます。多少イケてない記事があったとしても(ないに越したことはないですが)、どんどんコンテンツが流れていきます。一方で、企業サイトの場合はまず開かれるのはいつでもトップページ。会社案内や事業内容などは、一度アップしたらしばらくは更新することはありません。トップページや固定ページについてはずっとほぼ同じ内容やデザインで晒されますから、質を「良く」しておかないと、サイト全体として一気に質の低いサイトになってしまう...ということです。企業サイトは最初に準備するページの重みが重いのです。デザイン、とくにトップページ私の場合、ブログに関してはデザインに関してはシンプルであればOKという選び方でしたからテーマSimplicityを導入してから、ほぼCSSなどをいじることはしていません。一方で企業サイトのほうがデザインに気を使います。企業のテーマカラーもありますし、目指したい企業イメージがありますから、それに合ったテーマを選ばなければなりません。企業サイトで最も難しいと感じた部分がトップページです。ブログでは最新記事一覧がトップページの構成要素となっていましたが、企業サイトの場合はそういうわけにはいきません。企業のイメージに会ったスライド画像をいくつか用意して、企業やサイトの内容を簡潔に表現するウェルカムメッセージ、もちろんニュース一覧も必要ですし、Facebookページプラグインや、個人ブログへのリンクも欲しい...つまり企業サイトのトップページは構成要素が複数になる場合があり、複数あるということはそれを最適にデザイン、配置する必要があるということなんですね...。この点は本当に難儀しました。企業サイトのWordpressテーマ選びで抑えておきたいポイント他にいくつか必須で抑えておいたほうが良いポイントがあります。レスポンシブ対応レスポンシブWebデザインとは単一のHTMLでスマートフォン、タブレットといった画面サイズが異なるデバイスへ対応できるWebサイト制作手法をいう。5分で分かるレスポンシブWebデザイン今の時代、PCよりもスマートフォン経由で閲覧するユーザーが多くなってきていますし、Googleもスマホ対応をしているサイトの掲載順位を優遇する傾向があります。ついて企業サイトですから当然商用利用になります。商用利用ができないWordpressテーマは残念ながら選ぶことができません。著作権表記についてを必須としているWordpressテーマもあります。表記さえすれば利用はできるのですが、企業サイトですから著作権表記はないほうがありがたいように思えます。高い方は気にしなくて良いのですが、英語が苦手な方は、日本語テーマを選んだほうが良いと思います。WordPressテーマをインストールした後にサイトタイトルロゴスライド設定ウィジェット設定レイアウトアナリティクス関連など様々な設定をします。これがですね、テーマによって外観>カスタマイズ外観>ウィジェット外観>専用メニューなど設定する場所とその設定内容がバラバラで、どこでどのように設定していいかを調べながら進める必要が出てきます。企業サイトの場合は、ブログよりもトップページを中心にページの構成が複雑になりやすいのです。英語が苦手な人が英語テーマを選んだ場合はなかなか作業が進まないです...。WordPressテーマを選ぶまでの足跡では実際に私が検討をしたいくつかのWordpressテーマや参考記事についてお伝えしていきたいと思います。Liteやっぱり憧れますよね、シングルページ。Lifeをインストールしてみたんですが、やはりブログとは構成の概念がだいぶ異なっている点、全てが英語の説明でかつ日本語の紹介ページが見つけられなかったという点で断念しました。あと使ってらっしゃる方もいらしたのですが、少しページの表示が重いかなと思いました。Lite」でヒットします。こちらのサイトに海外製のビジネス向けイケてるWordpressテーマが紹介されていますので、ご興味ある方はどうぞ。http://wpbeginner.ki-blog.biz/wordpress/%E3%82%A8%E3%83%AC%E3%82%AC%E3%83%B3%E3%83%88%E3%81%AA%E3%81%8A%E3%81%99%E3%81%99%E3%82%81%E4%BC%81%E6%A5%AD%E3%82%B5%E3%82%A4%E3%83%88%E5%90%91%E3%81%91%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9it/wpbeginner.ki-blog.bizAttitudeこちらも英語テーマなのですが、日本語の紹介ページが多かったのでチャレンジしてみました。インストールをして、けっこう色々な設定をしました。構成の概念として、トップページのスライダー画像やサービスをピックアップ紹介する箇所は、それぞれ個別の固定ページを作ってカスタムウィジェットで表示設定をしていくという、なかなか慣れない進め方でした。トップページがほぼ出来上がった段階で、ふと「他ととても似通ったページになってしまうのでは...?」という懸念がムクムクと膨らんでしまいました。英語ができれば自分なりにカスタマイズもできるのかも知れませんが、解説ページを外れることができず...断念。インストールする場合はWordpressのテーマ検索「Attitude」でヒットします。こちらのテーマにチャレンジされたい場合はこちらの記事がとても参考になります。無料ながら万能、多用途型のスゴいやつ。きのWordPress無料テーマです。高いカスタマイズ性、柔軟なレイアウト、レスポンシブなど高機能。デモサイトあり、使い方も徹底解説です。WordPress無料テーマ&テンプレート紹介サイト|テーマタンクwp-themetank.comテンプレートキング→テンプレートキングやっぱり日本語...安心です。あちこちで紹介されているので情報も多いですし、テーマの種類も、カラーバリエーションも豊富です。テーマの基本設定もシンプルに作られていてわかりやすいと思いました。!素晴らしい...実は有料テーマも検討をしていたのですが、購入したところで気に入らなかったらどうしようとか、うまく設定ができなかったらどうしよう、などといった不安がよぎって踏み出せなかったのです。その他、こちらの記事にWordpressテーマを紹介していますので合わせてご覧ください。Permanentlyblog.codecamp.jp何はともあれ、こうして株式会社プランノーツのサイトが出来上がったわけです。株式会社プランノーツITを活用してお仕事効率化のお手伝いをする株式会社プランノーツのコーポレートサイトです。業務フローの改善、クラウドサービスやシステムの導入などの事例のほか企業情報、ニュース、採用情報等を掲載しています。plannauts.co.jpまとめWordPressで企業サイト向けのテーマ選びの際に知っておくべきことについてお伝えしてきました。ブログと企業サイトで構成要素が違うデザイン、とくにトップページが異なるという点はよく理解しておくと、テーマ選びが楽になると思います。ついて日本語対応についてもお伝えしました。次は今回選びましたテンプレートキングのテーマを設定についてお伝えをしています。WordPressで作る企業サイト(3)テーマのインストールと設定の仕方Wordpressで企業WEBサイトを作るシリーズの第3回目です。今回の記事では、テンプレートキングのテーマについてインストールの方法とテーマのカスタマイザーの設定について解説をしていきます。プランノーツ代表、コミュニティ「ノンプロ研」主宰。ITで日本の『働く』の価値を上げる!」をテーマに、VBA&GASの開発、講師、執筆などをしております。→詳しいプロフィールはコチラ★ご依頼・ご相談はお気軽にどうぞ!→お問い合わせはコチラ★フォロー頂ければ嬉しいです。「コミュニティ+講座」形式で継続性&教え合える環境も提供。!ノンプログラマーがプログラミングスキルを身に着ける支援ををするコミュニティ。セミナー・もくもく会・Facebookグループのサポートで「自らで学び続ける力をつける」支援、「教え合うことで学びの価値を上げる」場の提供をしています。関連記事PC全般・WindowsVCCWによるWordPress用ローカル環境構築&ハマりやすいポイント本番環境と超簡単に同期できるWordPressのオススメローカル環境をWindowsに作るシリーズです。今回はVCCWによるWordPress開発環境を作っていきますが、ハマりポイントも...!2016.01.13WordPress・ブログWordPressのショートコードで記事の抜粋・リンクつきの投稿の作成者も表示するWordPressのショートコードで、数件の新着記事をサムネイル画像つきで表示する機能の実装を進めています。今回は、投稿記事の抜粋そしてリンク付きの投稿の作成者も追加で表示してみたいと思います。作りましたので、その方法についてお伝えします。2016.01.12WordPress・ブログブログ開設からたった2年で私が出版のチャンスを得た理由この度「ExcelVBAを実務で使い倒す技術」という本を書きました。オファーを頂けたのは、ブログのおかげ...開始から2年という短さでチャンスを得られたのには、いくつかのポイントがあったと思います。2017.04.19PC全般・WindowsWordPress本番環境とローカル環境を超簡単に同期するWordMoveの設定&使い方Vagrant、VCCW、Cygwinなどを駆使してWindows内にWordPressのローカル環境を作っています。今回じゃローカルと本番を簡単に同期するWordmoveの設定と同期をしていきます。2016.02.11WordPress・ブログ本番環境でも気軽にWordPressカスタマイズ。このプラグインを入れておくと、フォームからのメールが届いていない!というトラブルにも対応できるうえ、データとして出力もできるので送信履歴を管理するのにも役立ちます。「コミュニティ+講座」形式で継続性&教え合える環境も提供。詳細・お申込はこちら隣ITを応援する当ブログを「応援したい!」「役に立ったよ!」というお気持ちを、コチラからお支払いただくことができます。日々更新の活力倍増いたします。※PayPalアカウントが必要です。※金額は変更可能です。Apps2PowerPoint・VBA28Python87RPA1VBScript15Vue.js・JavaScript13WEBサービス・クラウド68WordPress・ブログ88Word・VBA42コミュニティ・イベント109セミナーのお知らせ11チャットワーク72データ分析・アクセス解析40仕事・生産性・働き方73動画配信8商業出版21起業・フリーランス72電子書籍・Kindle3運営会社プランノーツは"IT×働き方改革"をお手伝いする会社です。「コミュニティ+講座」形式で継続性&教え合える環境も提供。詳細・お申込はこちら隣ITを応援する当ブログを「応援したい!」「役に立ったよ!」というお気持ちを、コチラからお支払いただくことができます。日々更新の活力倍増いたします。※PayPalアカウントが必要です。※金額は変更可能です。Apps2PowerPoint・VBA28Python87RPA1VBScript15Vue.js・JavaScript13WEBサービス・クラウド68WordPress・ブログ88Word・VBA42コミュニティ・イベント109セミナーのお知らせ11チャットワーク72データ分析・アクセス解析40仕事・生産性・働き方73動画配信8商業出版21起業・フリーランス72電子書籍・Kindle3運営会社プランノーツは"IT×働き方改革"をお手伝いする会社です。開発者プログラムとは、またどうして期限切れになったのか2020.02.222020.02.22ノンプロ研の福岡で初イベント「ノンプロ研無料体験@福岡」を開催しました!2020.02.14GASのV8ランタイムとRhinoランタイムのログと実行のUIの違いについて比較&解説2020.02.092020.02.09新構文をさっそく試そう!GASのプロジェクトをV8ランタイムに切り替える方法2020.02.082020.02.12Facebookページいつも隣にitのお仕事タイトルとURLをコピーしました。