(license)みなさん、こんにちは!企業サイトも地道に頑張っていますタカハシ(@ntakahashi0505)です。初心者でもできるWordpress企業サイトシリーズも6回目になりましたが、いよいよ最終回となります。前回はこちらの記事です。Canvasで固定ページなどを作るWordPressで企業サイトを作るシリーズの第5回目です。企業サイトには必須の会社案内などの固定ページ。Canvasを活用して見栄えの良いページを作る方法です。Canvasを活用して固定ページなどの中身のページができあがりましたね。今回は、ウィジェットの配置とメニューの作成、ディスカッション設定、そして公開までいきたいと思います。それでは、よろしくお願いします!目次ウィジェットを設置フッターにウィジェットを設置するメインエリアにウィジェットを設置メニューを作成するディスカッション設定プラグインを停止してサイトを公開まとめ連載目次:初心者でもできるWordpressで作る企業サイトウィジェットを設置ではまずウィジェットを設置していきます。左側のメニューから「外観」→「ウィジェット」を選択しますとこちらの画面になります。画面の左側に様々なウィジェットが準備されていますので、好きなウィジェットを選んで右側の設置したいエリアにぽいぽいとドラッグしていくことでウィジェットの設置が可能です。外したい場合は、ドラッグして左側に戻せばOKです。固定ページくらいだと思います。ちなみにですが、用意されているウィジェットはテーマによって異なります。当ブログで使っているSimplicityでは広告を設置するためのウィジェットがかなり豊富に用意されていて、広告枠の調整にとても便利です。今回、企業サイト用にインストールしたテンプレートキングの「会社案内系ベーシックデザインC01」では、比較的スタンダードなウィジェットのみの構成になっていますね。エリア別に説明をしていきたいと思います。フッターにウィジェットを設置するフッターエリアですがテンプレートキングの「会社案内系ベーシックデザインC01」の場合は、左右中央と3か所で設定が可能です。右側→テキスト:Facebookページプラグインとこのように設置していまして、使っているウィジェットはテキスト、カスタムメニュー、検索の3種類です。テキストウィジェットは、文字通りテキストはもちろん、HTMLタグやスクリプトなどを設置できる万能ウィジェットです。実際の設置はサイトオープンしてFacebookページを作成してからになりますが、Facebookページプラグインもこのテキストウィジェットで設置することができます。次に中央エリアに設置したカスタムメニューと検索のウィジェットはこちらです。カスタムメニューは別途設定したメニューのどれを使うかを決めればOKです。検索ウィジェットはただ置くだけで検索窓が設置されます。結果でき上がったフッターエリアはこちらです。メインエリアにウィジェットを設置メインエリアはトップページのメニュー、スライド画像そしてウェルカムメッセージの下の部分になります。テンプレートキングの「会社案内系ベーシックデザインC01」ではウィジェットだけでなく、カスタマイザーでも設定ができるので、両方で競合して設定しないように気を付けて下さい。このテーマに限らず、カスタマイザー、ウィジェット、そしてプラグインで同じ機能をかぶって設定できてしまうときがあります。その時は、どちらが優先されるのかパッと見ではわからず、想定外の動きをする場合がありますので、よく注意して進めて頂ければと思います。メイン部分は一般的な企業サイトの場合には固定ページか最近の投稿のウィジェットを設置するのですが、今回はタグつき投稿を設定しています。「お知らせ」というタグをつけた投稿記事の一覧だけが陳列表示されるようになっています。なんでそんな回りくどいことをしているかというと、最近の投稿ウィジェットをそのまま使うと、サムネイルが表示されずにテキストだけの表示になってしまうのです。それがタグつき投稿だと以下のようにサムネイルも表示されてリッチになります。いうのは試行錯誤しながらわかる感じなんですよね。いかない時もあります。メニューを作成する次にメニューを作成していきます。左側のメニューから「外観」→「メニュー」です。メニューは複数作成することもできますので、その場合は選択して変更するメニューを選んでください。新しいメニューを追加したい場合は「新規メニューを作成」をクリックです。メニューの設置方法はウィジェットと同じような感じです。左側から設置したいページやカテゴリをドラッグして、右側のメニュー構造に配置していきます。一段インデントをかければサブメニューを作れますね。株式会社プランノーツの場合は、メニューは二種類作成しました。メインとフッター用ですね。「サイトマップ」や「プライバシーポリシー」などはメインメニューには入れなくても良いかなと思いましたので、メインから外しています。これで完成したメインメニューはこちらです。これで外観としては完成しましたね。ディスカッション設定ただオープン前に企業サイトならではの設定をしておく必要があります。それはディスカッション設定でユーザーからのコメントをオフにしておくということです。企業サイトには必要ありませんからね。左側のメニューから「設定」→「ディスカッション」にて、以下図のようにチェックをしたり、外したりしてください。終わったら、画面の下のほうにある「変更の保存」を忘れないようにしてくださいね。プラグインを停止してサイトを公開ではいよいよ公開です。Redirect」を停止します。このプラグインはログインしていないユーザー(検索クローラーも含め)は常にログイン画面にリダイレクトをするという公開前の必須プラグインでしたね。Wordpressで作る企業サイト(1)サーバーへのインストールと非公開プラグイン企業サイトをWordpressで作る方法についていくつかの記事にわたってお伝えしていきたいと思います。初回はエックスサーバーへのWordpressのインストールとサイトの非公開をするまでです。Redirect」を見つけて「停止」をしましょう。これで晴れて公開となりました!お疲れ様です!株式会社プランノーツITを活用してお仕事効率化のお手伝いをする株式会社プランノーツのコーポレートサイトです。業務フローの改善、クラウドサービスやシステムの導入などの事例のほか企業情報、ニュース、採用情報等を掲載しています。plannauts.co.jpまとめこれまで6回に渡ってWordPressを使って企業サイトを作るというテーマで連載していきましたが、いかがだったでしょうか。企業サイトとしては最低限の要素のみになりますが、初心者でも、そしてそれほどコストをかけずに(というかサーバー代とドメイン代くらい)立ち上げができたのではないかと思います。WEBサイトというやつは一度作ってしまえば24時間365日休まずに働いてくれます。これからWEBでの集客や販促に力を入れていくのであれば、機能を増やしたり、デザインを凝ったり、SEOやSNSの対策を打ったりが必要になってきますが、それについてはまた別の機会にアップできればと思いますね。その時はまたご活用頂けると嬉しく思います。プランノーツ代表、コミュニティ「ノンプロ研」主宰。ITで日本の『働く』の価値を上げる!」をテーマに、VBA&GASの開発、講師、執筆などをしております。→詳しいプロフィールはコチラ★ご依頼・ご相談はお気軽にどうぞ!→お問い合わせはコチラ★フォロー頂ければ嬉しいです。「コミュニティ+講座」形式で継続性&教え合える環境も提供。!ノンプログラマーがプログラミングスキルを身に着ける支援ををするコミュニティ。セミナー・もくもく会・Facebookグループのサポートで「自らで学び続ける力をつける」支援、「教え合うことで学びの価値を上げる」場の提供をしています。関連記事WordPress・ブログ音声入力でブログを執筆するとどれだけ効率が上がるのか増えてきましたね、「音声入力」の話題。音声入力で執筆を始めてから、コツコツとその文字数と執筆時間を記録していましたので、音声入力を使用する前と比べて、どの程度の効果があったのかまとめてみました。2018.02.05WordPress・ブログ投稿画面をじわっと便利にする縁の下のWordPressプラグイン5選WordPress投稿画面で長く力を発揮してくれるおすすめプラグインを5つご紹介。・既存記事を複製・リビジョン数を制限・投稿画面での前後の記事へボタン・投稿写真のサイズ上限を設定・アイキャッチ設定を楽に!どれも地味だけど効果の高いプラグイン達で、サイト立ち上げ時からの導入がオススメです。2016.07.21WordPress・ブログブログ100万PV達成記念スペシャル!普段は聞けない?執筆メンバーのマル秘トーーク!2015年2月に開設した当ブログ、おかげさまで100万PVを達成しました!100万PV達成記念企画!執筆メンバーによるマル秘トークをお届けします。隣ITで執筆してみてどんな成長があった?2019.08.01WordPress・ブログ弊社が担当するWebサイトリニューアル案件、その作り直しの理由とは?弊社が担当するWebサイト制作の案件は、その7割がリニューアル案件です。その裏には一部の業者による非常に腹立たしい事実があります。Web、ITを生業にする業者のあるべき姿について思うことを書きます。2015」で最も衝撃を受けたセッション。なんとWordPressサイトを10分で立ち上げるという内容だったのですが、そのレポートと反省についてお伝えしています。2015.11.09WordPress・ブログWordPressのショートコードでアイキャッチ画像を表示する方法WordPressのショートコードで、数件の新着記事をサムネイル画像つきで表示する機能の実装を進めています。今回は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をコピーしました。