2015.08.23みなさん、こんにちは!記事を書くことがとても良いおさらいになっていますタカハシ(@ntakahashi0505)です。初心者でもできるWordpress企業WEBサイトシリーズの第3回目です。前回は企業サイトという視点でのテーマの選び方についてお伝えしました。WordPressで作る企業サイト(2)ビジネス向けテーマの選び方と注意点Wordpressで企業WEBサイトを作るシリーズの第2回目です。今回はブログと企業サイトとの違いを明確にしつつ、企業サイトならではのWordpressテーマの選び方と注意点についてお伝えします。tonari-it.com2015.08.17株式会社プランノーツのWEBサイトのテーマは、検討した結果テンプレートキングの「会社案内系ベーシックデザインC01」にしました。ちなみに完成した企業サイトはこちらです。株式会社プランノーツITを活用してお仕事効率化のお手伝いをする株式会社プランノーツのコーポレートサイトです。業務フローの改善、クラウドサービスやシステムの導入などの事例のほか企業情報、ニュース、採用情報等を掲載しています。plannauts.co.jp今回の記事では、テンプレートキングのテーマについてインストールの方法とテーマのカスタマイザーの設定について解説をしていきます。本記事の前半ですが、テーマをWordpressにインストールして有効化するまでを解説していきます。インストールと有効化に関しては、どのテーマを使っても手順はほぼ変わらないと思いますので、他のテーマを取り扱う場合も参考になると思いますよ。テーマのダウンロードテンプレートキングのサイトからテーマをダウンロードします。→テンプレートキングのサイトはこちら使うテーマを決めたら、各テーマのページから無料ダウンロードをします。しつこいですが、商用OK、著作権表記不要で、その上無料です...!なんてすばらしい世の中なんでしょう。zipファイルでダウンロードされます。WordPressにインストール次にWordpressにダウンロードしたテーマをインストールしていきます。WordPressにログインして、メニューから「外観」→「テーマ」を選択。テーマの画面に移るので、「新規追加」をクリックします。テーマの追加画面で「テーマのアップロード」をクリックします。次の画面で先ほどダウンロードしたzip形式のテーマファイルを選択した上で「今すぐインストール」をクリック。アップロードが完了したら、次の画面で「有効化」。これでWordpressでテーマが反映されますので、続いて設定をしていきましょう。これだけでテーマが持つ様々な機能がサイトに搭載されたことになります。簡単かつありがたいですね~。次にテーマのカスタマイザーの設定をしていきます。段取りとしては、カスタマイザーの設定ではなくて、固定ページを作ったり、プラグインを入れたり、他の作業を先に進めることもできるのですが、私はテーマを有効化したらカスタマイザーの設定を優先して進めたほうがいいと思います。全体のレイアウトやデザインの設定テーマの持つ特徴的な機能の設定などのいわゆるサイトの骨組みともいえるような設定が集まっていることが多くて、ここを固めておくと、先の作業で「やっぱりデザインはこうすればよかったな」とか「このプラグインの機能、そもそもテーマにあったじゃん」とか、作業工程を戻してやり直すような失敗が少なくなると思います。骨組み、大枠、コンセプトから肉付け、詳細、コンテンツへと進めていくというイメージでいうと、カスタマイザーを先にするのが良いです。テーマにも依存するんですけどね...。テンプレートキングの「会社案内系ベーシックデザインC01」の場合は、そのような設計思想になっていると思います。カスタマイザーを開くでは実際にWordpressでテーマのカスタマイザーを開いてみましょう。メニューの「外観」から「カスタマイズ」を選びます。するとこのような画面になります。左側に各設定メニューがあり、それぞれの項目をクリックすると、それに関する設定がオープンします。設定を変更した場合は、その結果としてのサイトのイメージが右側の領域に表示されます。設定を反映したい場合はメニュー上部の「保存して公開」ボタンをクリックします。このような設定しながらイメージがすぐに確認できるので非常に便利ですね。一つ一つの設定について見ていきたいと思いますが、けっこう画像素材やテキスト素材を用意する必要があります。この記事を参考に先に素材を集めてしまって、一気に設定をしてしまうのが効率良いと思いますよ。サイトの基本情報ここではサイトのタイトル、キャッチフレーズ、アイコンを設定します。タイトルとアイコンは超重要設定ですので必須で設定してください。Packで設定をする派なので、ここでは空欄にしています。ロゴここではロゴを設定します。サイトのトップページに表示されますが、企業サイトですからここも必須で設定ですね。ヘッダーテキストエリアサイトマップ、問い合わせのリンクURL、表示するテキストを設定します。それぞれのURLは空欄にするとリンク自体表示されなくなると思いますので、それぞれのページが準備できたらURLを入れればOKです。企業サイトですから早めに設置したほうがいいですよね。テキストは文字サイズが大小ありますので、バランスを見ながらお好みでどうぞ。スライド画像サイトのイメージを決める重要な画像です。今回のテーマ「会社案内系ベーシックデザインC01」では5枚まで設定ができ、文言やリンクの追加もできます。テンプレートキングに限らず、主な企業向けテーマにはスライドで何枚か大きな画像を設定できるものが多いですよね。自前で撮影や描きおろした画像か、商用OK、著作権表示不要の画像をいくつか集めておかないといけません。これが結構時間かかるんですよね~。心してかかるべしです。ウェルカムメッセージ「会社案内系ベーシックデザインC01」の場合はスライド画像のすぐ下のエリアに入れるテキスト情報です。開設したばかりの企業サイトのトップページはコンテンツが少なくて寂しくなる傾向にありますので、入れておくとページが安定する気がします。固定フロントページトップページのウェルカムメッセージの下のエリアを「最近の投稿」にするか特定の「固定ページ」にするかを選択します。私は「最近の投稿」に設定をしています。Packで設定したサイトトップページのディスクリプションがうまく反映されないようでした。すると、上記カスタマイザー内のキャッチフレーズに入力すると、それがディスクリプションとして機能するかも知れませんが、未検証です。フッターここではフッターの一番下の著作権表示を指定します。その他の設定ひとまずここまでの設定でトップページの大枠はだいたい見えてきたと思います。以降、このイメージに合わせてウィジェットや各ページ、プラグインなどの作業を進めていくことになります。背景画像メニューウィジェットがあります。色と背景画像は通常の企業サイトの場合はデフォルトのままで設定は必要ないのではと思います。メニューとウィジェットに関しては、追々設定をしていきます。まとめ以上、テンプレートキングの「会社案内系ベーシックデザインC01」をサンプルとしてテーマのインストールとカスタマイザーの設定についてお伝えしてきました。テーマの設定項目はテーマによって様々なのですが、テンプレートキングはカスタマイザー設定でいうと非常に基本的な項目が揃っていて、かつシンプルに作られているので作りとしてはユーザーに優しいと感じました。他のテーマの設定をする場合も本記事が参考になれば嬉しいです。次回はコチラの記事でプラグインをインストールしていきます。WordPressで作る企業サイト(4)プラグインのインストールWordPressで企業サイトを作るシリーズの第4回目です。前回まででテーマをインストールしましたので、今回はプラグインです。実際に企業サイトに導入したプラグインについて紹介をしていきます。プランノーツ代表、コミュニティ「ノンプロ研」主宰。ITで日本の『働く』の価値を上げる!」をテーマに、VBA&GASの開発、講師、執筆などをしております。→詳しいプロフィールはコチラ★ご依頼・ご相談はお気軽にどうぞ!→お問い合わせはコチラ★フォロー頂ければ嬉しいです。「コミュニティ+講座」形式で継続性&教え合える環境も提供。!ノンプログラマーがプログラミングスキルを身に着ける支援ををするコミュニティ。セミナー・もくもく会・Facebookグループのサポートで「自らで学び続ける力をつける」支援、「教え合うことで学びの価値を上げる」場の提供をしています。関連記事WordPress・ブログContactForm7の入力フォームをブログテーマSimplicity2でも完全レスポンシブにする方法ContactForm7を有名ブログテーマSimplicity2で完全レスポンシブにする場合、事前設定が必要です。設定のガイドと、コピペで使えるCSSおよびフォーム作成ソースをご紹介しています。AppsGoogleAnalyticsアドオンを活用して自動で低品質コンテンツをあぶり出すブログの低品質コンテンツを常に自動であぶり出すシステムを作る手始めとして、GoogleAnalyticsアドオンで各記事の検索流入数と滞在時間を自動で出力する方法についてお伝えしていきます。2016.01.15WordPress・ブログコピペで使えるContactForm7の項目を横並びかつ完全レスポンシブにするCSSと設定方法WordPressの定番メールフォームプラグインContactForm7を、項目と入力フォームを横並びにし、レスポンシブにも対応させるCSSとフォーム作成方法を解説しています。ブラウザからテーマのstyle.cssに追記する方法までガイドした、初心者さん向けの内容です。2016.10.06WordPress・ブログこのブログはなぜ広告で稼げなかったのか、そして、なぜ販売を再開したのか当ブログ「いつも隣にITのお仕事」の広告を販売開始することにしました。今回は、なぜ今まで広告で稼げなかったのかについて歴史とその分析について、また、そしてなぜまた広告の販売を始めたのかについてお伝えします。2018.03.06PC全般・WindowsWordPress本番環境とローカル環境を超簡単に同期するWordMoveの設定&使い方Vagrant、VCCW、Cygwinなどを駆使してWindows内にWordPressのローカル環境を作っています。今回じゃローカルと本番を簡単に同期するWordmoveの設定と同期をしていきます。2016.02.11WordPress・ブログブロガーズフェステバル2016に参加して感じた2つの素敵なこと「ブロガーズフェステバル2016」に参加してきました。今年、参加して強く感じたこと、PVは成功の指標ではなくなりつつあること、またブロガーの定義がしづらくなっている、この2点についてお伝えします。「コミュニティ+講座」形式で継続性&教え合える環境も提供。詳細・お申込はこちら隣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をコピーしました。