2015.09.08みなさん、こんにちは!企業サイトのほうも地道に頑張っていますタカハシ(@ntakahashi0505)です。今回は初心者でもできるWordPress企業サイトシリーズの第5回目です。前回はこちらの記事でWordPressで作る企業サイト(4)プラグインのインストールWordPressで企業サイトを作るシリーズの第4回目です。前回まででテーマをインストールしましたので、今回はプラグインです。実際に企業サイトに導入したプラグインについて紹介をしていきます。tonari-it.com2015.08.27企業向けサイトを作る際に入れておくと良いプラグインについてお伝えしました。次の手順なんですが、例えばブログの場合ですと、Wordpress導入してテーマやプラグインを入れてしまえば、あとは投稿記事をガンガン更新していくだけである程度カタチになります。企業サイトとなるとそうはいきません。いうのも企業サイトはブログに比べて必要となる固定ページが多いのです。い合わせは最低でも必要になりますよね。あとはWEBで紹介できるような商品があればその紹介ページなども欲しくなります。それぞれの固定ページも文章や箇条書きだけのテキストだけで構成されたページばかりというわけにはいかず、ある程度写真や図などをうまく活用したりデザインもしたりする必要が出てきます。あまりにもチープだと、せっかくアクセス頂いても「この会社、大丈夫かな...?」などと思われてしまいますからね。Shortcodes」を活用して、少し凝った固定ページなどの作り方をお伝えしたいと思います。Shortcodesを使うことでWordpressで作成するページに様々なパーツを埋め込むことができるようになります。価格表などなど盛りだくさんです。それぞれリンク先でイメージをご覧になれます。この時点で、企業サイトの固定ページで活躍しそうな香りがプンプンしますよね。Shortcodesのインストールは他のプラグインと同様です。Shortcodes」でOKです。Shortcodes」WordPressの記事にちょっと凝ったデザインのパーツを入れようとすると、スタイルシートを設定したり画像を作ったりと、案外手間が掛かることがあります。ここからダウンロードしたZipファイルをアップロードしてください。Shortcodesはビジュアルモードで使います。Shortcodesのアイコンとメニューが追加されています。このアイコン・メニューの中から埋め込みたいパーツを選択しますとエディタに該当のショートコードが挿入されます。これは2カラムにコンテンツを横並びにするパーツです。Content」というテキストが横並びに配置されています。必要に応じてショートコード内のパラメータを変更この手順で数々のパーツをページの中に埋め込むことができます。こいつは助かりますね~。具体的に企業サイトの固定ページに使ったパーツについていくつか紹介をしていきたいと思います。事業内容ですが多くの企業の場合は複数のサービスをいくつか並べて紹介したいと思われているはず...しかし画像やテキストなどのコンテンツを横に並列に並べるのは、Wordpressだとなかなか難しいのです。Shortcodesのカラムを使います。カラムを使うことで、指定の通りにコンテンツを並べることができます。実際に作成したページはこちらです。テキストと画像を4分割で並べただけなのですが、まずまずの見栄えになります。実際のページはこちらをご覧くださいね。事業内容|株式会社プランノーツITを活用してお仕事効率化のお手伝いをする株式会社プランノーツの事業内容と実績をご紹介します。コンサルティング、研修・セミナーなど。plannauts.co.jpこのページを作成する際のショートコードはこのような感じです。メニューから選んだショートコードに、テキストや画像を追加しただけです。パラメータは一切触っていません。2~4カラムの並列はもちろん、2/3+1/3や、1/4+1/2+1/4などの組み合わせも同様の方法で簡単に追加できるようになります。企業サイトを作成する場合は、間違いなく使えるチャンスがありそうですね。企業としてのメッセージを伝えるページが欲しかったのですが、ただテキストで書くだけだと間が持たなかったり、フォントを大きくしてもダサかったり、かなり困りました。Shortcodesのアコーディオンを使いました。見栄えはこんな感じです。「title」で設定した箇所をクリックすると、そのセクションのアコーディオンが開きます。実際、動かしてみたい場合はこちらのページもご覧くださいね。ミッション|株式会社プランノーツITを活用してお仕事効率化のお手伝いをする株式会社プランノーツのミッションについてお伝えします。お仕事効率化を実現し、生産性を上げ、未来に投資できる時間を作り、人材そして企業の成長へ寄与します。plannauts.co.jpこのアコーディオンのショートコードはこちらです。「title」とセクション内の文章を編集しただけです。アコーディオンを使えばテキストだけのページでも見栄えが良くなりますし、動きを出すことで「隠れているところを見てみたい」というモチベーションも高める効果を期待できますね。Shortcodesの価格表とボタンが活躍します。こちらが作成したページです。ボタンはクリックすると問い合わせページへリンクします。価格表は見たままですね。Shortcodesのものではなく、SPIKEという決済サービスのものを活用しています。機会があればSPIKEについてもお伝えしたいです。これらのパーツを埋め込むショートコードですがこのようになります。ボタンは一行のみですね。urlでリンク先のURLを指定して、ボタンに載せるテキストをコードで挟めばOKです。問い合わせボタンはアチコチのページで使いまわしがききますね。価格表は、planで価格表のタイトル、costに価格、perは購入単位を書きます。今回の例ではperは空白にしていますね。商品紹介テキストについては箇条書きで列挙すればOKです。プランが複数ある場合は、カラムと組み合わせて埋め込みます。これで商品紹介ページの完成です。Shortcodesとその使い方、実例についてお伝えしました。紹介したパーツも含めましてカラムアコーディオンタブ価格表ボタンお客様の声などのパーツが企業サイトを作る際にかなり活用できると思います。自作で企業サイトを作る場合は入れておいて損はないプラグインだと思いますよ。これでだいぶサイトが出来上がってきましたね。次回はこちらの記事です。WordPressで作る企業サイト(6)ウィジェットとメニューを設置して公開するWordpressで企業サイトを作るシリーズも6回目となりました。今回はフッターとメインエリアのウィジェットの配置、メニューの作成、ディスカッション設定、そして公開までいきたいと思います。tonari-it.com2015.09.20メニューやウィジェットの設置をして一気に公開までいっちゃいます。プランノーツ代表、コミュニティ「ノンプロ研」主宰。ITで日本の『働く』の価値を上げる!」をテーマに、VBA&GASの開発、講師、執筆などをしております。→詳しいプロフィールはコチラ★ご依頼・ご相談はお気軽にどうぞ!→お問い合わせはコチラ★フォロー頂ければ嬉しいです。「コミュニティ+講座」形式で継続性&教え合える環境も提供。!ノンプログラマーがプログラミングスキルを身に着ける支援ををするコミュニティ。セミナー・もくもく会・Facebookグループのサポートで「自らで学び続ける力をつける」支援、「教え合うことで学びの価値を上げる」場の提供をしています。関連記事WordPress・ブログ2020年にブログのページビューを200万に到達させるには何記事必要か分析してみた5年後、2020年までにブログのページビューを200万PVまで伸ばしたいとしたら、どうすれば達成できるでしょうか?エクセルを使ってシミュレーションしてみましたので、8月の運営報告とともにお伝えしたいと思います。2015」のレポート第2弾。今後のネットの世界ではマルチパブリッシングが必須...その理由とその際にWordPressが果たす役割についてレポートをしたいと思います。2015.11.03WordPress・ブログブロガー大忘年会でブロガーという人種に見出した3つの素晴らしい特性つい半年前までは全く得体の知れない存在だった『ブロガー』。先日参加したブロガー大忘年会2015などを通して、ブロガーが持つすごく素敵な特性を発見したので、ぜひお伝えしたいと思います。2016」の参加レポート。「WordPressで運営する大手メディア座談会」で話された中からマネタイズをテーマにレポートをします。2016.09.23WordPress・ブログコンテンツマーケティングについてはアフィリエイターに学べ!ということに気づいた件ブログのアクセスは順調に伸びているのに、仕事依頼の問い合わせが増えない件について頭を悩ましています。そんなある日、コンテンツマーケティングはアフィリエイターに学ぶべき!というこに気づかされました。2016.08.01WordPress・ブログ忘れると痛い...!WordPress初心者向け投稿前の6つのチェックリスト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をコピーしました。