現場のワークフローで覚えるビジネスサイト制作』を書かせていただきました。現場のワークフローで覚えるビジネスサイト制作」を見るページ最後に出版社様から本書を5冊プレゼントいただきましたので5名様にプレゼントがあります。前回のプレゼントでも応募条件に満たないツイートがありましたので入力する際に必要な文章をいれてツイートしてください。対象者としては、HTMLやCSSの知識はある程度わかっていて、wordpressレッスンブックなどでブログを作ったことがある人でも「ゼロからのWordPressサイト構築は未経験」、「PHPなどのプログラムはあまりわからない」という方のために、WordPressでビジネスサイトを構築する手法をステップ・バイ・ステップ形式で解説しています。ブログフォーマットでなく通常のサイト全体を作りたい自分の会社のサイトやブログをオリジナルで作りたいという方を対象に極力複雑なプログラムを使用せずに、よく使う記述をまとめて、これ一冊でサイト全体ができるようになっております。ブログのようなフォーマットが統一されたものはすぐ作れますが、複数のデザインフォーマットの切り替えやサイト全体の設計を考えると結構構築方法に悩みますよね。WordPressは無料のテーマがたくさんありますので、そのまま入れるだけで見栄えのよいサイトを使うことができますが、どうしてもちょっといじりたいといった際にファイル構造がテーマ毎に違うのでわからなかったり、基本のWPタグなどの知識がないとカスタマイズができないので、かっこいいテーマも使えないという事にもなると思います。そこでサイト全体の構築を学びながら、テーマファイルの役割の意味、よく使うWordPressのタグの使い方などを理解することによってオリジナルでのサイト構築や既存テーマのカスタマイズなどの作業の参考になれば幸いです。※ちなみにブログはHTML5でサイトを作ろうですが、今回のサイトはXHTMLで書いています。※クリックで拡大しますこのように通常のWEBサイトではサイトマップなどを作成しますが、その際にWordPressのどのテンプレートを使うのか?というのを考えてしまうと思います。どのテンプレートを使用するかは製作者によってなのであくまで一例にすぎませんが構築前にしっかりとファイル設計をするのがWordPressで通常の企業サイトを作成するの大切になります。今回作成したサイトのサンプルはこちらで確認することができます。●TOPページhttp://wordpress-book.webdesignmatome.com/●更新情報一覧http://wordpress-book.webdesignmatome.com/news/●更新情報詳細ページhttp://wordpress-book.webdesignmatome.com/news/seminar/semi002/●製品情報一覧http://wordpress-book.webdesignmatome.com/products/●製品カテゴリー一覧http://wordpress-book.webdesignmatome.com/products/●製品詳細ページhttp://wordpress-book.webdesignmatome.com/products/products_a/a002/●会社概要http://wordpress-book.webdesignmatome.com/company/●アクセスhttp://wordpress-book.webdesignmatome.com/company/access/●お問い合わせhttp://wordpress-book.webdesignmatome.com/contact/●トピックスhttp://wordpress-book.webdesignmatome.com/topics/●サイトマップhttp://wordpress-book.webdesignmatome.com/sitemap/その他に実装した機能としては下記のようなものがあります。ページ」の他に「カスタム投稿タイプ」「タクソノミー」の使い方jQueryの読み込みや各種プラグインの活用方法Twitter,Facebook,Google+など各種ソーシャルボタンの設定とOGPの設定サンプルとこれらの機能を見ていただけるとわかると思いますが、これらの機能を使っていくと結構サイト全体が作れるんじゃないかなと思っていただけるのではないでしょうか?これらをWordPressをやりこんだ人でなくても、はじめて使う人でもできるように書かせていただきました。今回のようにデザインもある程度作りこむとHTMLやCSSでのコードがかなり複雑になって記述するのが大変になってしまいます。そこで配布素材の中に書籍の内容をステップ毎にコピー&ペーストで作成できるテキストファイルをご用意しました。参考HTMLの静的なサイトを作成するのと違ってWordPressはサーバーにインストールしてプログラムを記述しますので、記述ミスなどが原因で進まなくなってしまうということがよくあります。いったストレスを極力なくしてWordPressでの作業に集中できるようにしています。現場のワークフローで覚えるビジネスサイト制作』を5名さまにプレゼント終了いたしました。たくさんのご応募ありがとうございました。出版社様のご好意で本書を5冊いただきました。そこでいつもブログを見ていただいている方に抽選で5名様にプレゼントいたします。見てみたいという方は下記の方法で応募できます。とツイートすればOKです。#html5-WPbookあわせてFacebookページも更新中http://www.facebook.com/html5memoFaceBookページでは3つのブログの更新情報やWEB制作においての気になる記事を更新しています。こちらもよかったら「いいね」お願いします。書籍応募の締め切り10月3日までツイートされた中から抽選で5名様を選び、ツイッターのダイレクトメールにてご連絡しますので、当選通知が来た方は送付先の住所を教えて下さい。※なお発送は日本国内に限らさせていただきます。@html5memoをフォローし忘れてダイレクトメールが届かなかったり、連絡後1週間経っても返信が無い場合は当選が無効になるので気をつけて下さいね。本書にでてくるPHPの基本的なコードまとめ次回からWordPressの書籍を解説する連載をしますブログの方ではWordPressでサイト全体を作る上でのポイントなどをまとめた連載をしようとおもいます。書籍にあるような基本を行い、そのあといろいろカスタマイズなどをしていければいいなと思っております。JAPANというサイトを作りました。このプロジェクトでは、日本各地の素晴らしい風景やイベントを動画で伝えていきたいと思ってます。トレーラーとして京都でのムービーをアップしましたのでよかったら見てください。※PCでご覧の方は是非4Kのフルスクリーンで見てください。ハヤシユタカ2001年、有限会社ムーニーワークスを設立。WEB制作の他、書籍執筆、セミナー講演、企業研修などを行う。クリエイター育成機関デジタルハリウッドでは1999年より講師として本科WEBデザイナーコースやデジタルデザインコースを担当。詳しいプロフィールはこちら最近書いた記事2016/10/23まずはここから始めよう!作業効率を早めるPhotoshopとIllustratorのショートカットまとめ(ファイル操作・コピペ・ズーム関連)2016/07/19Instagram(インスタグラム)の基本的な運用やマーケティング、活用事例の勉強に参考にしたサイトや記事まとめました。御苗場Vol.14横浜に出展します。2012年11月号特集「ここから始める、この先につながるWEBデザイン」の基礎スキル部分の執筆させていただきましたFacebookページで2つのブログの更新情報をチェック「HTML5でサイトをつくろう」と「WEBデザインクリップ」の更新情報やWEB制作に役立つ情報を更新しています。System」の使い方をまとめました。System」に画像対応などしてレスポンシブWEBサイトをつくろう(カスタマイズ編)最新のエントリー2016/10/23まずはここから始めよう!作業効率を早めるPhotoshopとIllustratorのショートカットまとめ(ファイル操作・コピペ・ズーム関連)2016/07/19Instagram(インスタグラム)の基本的な運用やマーケティング、活用事例の勉強に参考にしたサイトや記事まとめました。勉強しながら調べたサイト情報やサンプルの作成。そのほかweb制作に役立つ情報を共有し、情報交換できるサイトになればうれしいです。