#MAMPを使ったWordpressでのWEB制作方法2 初心者向け
前回の記事はこちら
MAMPを使ったWordpressでのWEB制作方法1 初心者向け
今回制作するのは以下のようなコーポレートサイトです
画像や文章などは簡略化してhtmlとcssでマークアップしています
##作成ページ概要
トップページ(index.html)
いわゆるトップページです。
記事一覧ページ(archive.html)
投稿のアーカイブ(一覧)ページです。
レイアウトは以下にします
infomation・・・リリース業務に関するお知らせのセクション
blog・・・ブログの投稿に関するセクション
※好みに合わせてカスタマイズが可能です
お問い合わせページ(contact.html)
ユーザーからのお問い合わせページです
受信方法としてメールアドレスを設定します
会社概要ページ(company.html)
固定ページです
会社の概要ページです。
サービス紹介ページ(service.html)
固定ページです
サービス内容のページです。
投稿結果ページ(single.html)
リリース、業務に関するお知らせ、ブログは
同じレイアウトにして管理を簡単にします
投稿はwordpressの管理者画面からできるようにします
##ディレクトリ構成
ディレクトリ構成は以下のとおりです
CSSはstyle.cssに記述をしています。今回JSは使用しません
制作の段階で共通化する部分は同じレイアウトにしておきます
今回の場合はヘッダー、フッター、サイドバーは共通レイアウトです
このようにマークアップしたファイルをwordpressのテーマ化をすることで
プログラミングがわからない方でもWEBの管理ができるよう制作します
次回はMAMP内にwordpressに必要なファイルを作成していきます。