「プロ仕様ホームページ制作キット」
この度はmicotoの「プロ仕様ホームページ制作キット」をご購入いただき、ありがとうございます。
自作で簡単にホームページを作って頂くにあたり、画像とテキストで分かりやすく説明しております。
ホームページを制作していただく流れは・・・
①事前準備
②基本編
③実践編
その他役に立つツールの紹介
の3つのブロックに分かれています。
以下の流れで進めていきます
本ガイドは基本的に飛ばさずに①~③の順番に進めていく事をおススメします
事前準備
- サーバーの契約・ドメイン取得
 - WordPress導入
 
- WordPressのログイン
 - WordPressの初期設定
- パーマリンクの設定
 - SSL化の設定
 - 不要データを削除
 
 
- GoogleChrome&Googleアカウント作成方法
- Chromeのダウンロード方法
 - Chromeからの新規アカウント作成方法
 
 - GoogleChrome拡張機能ツール取得
- LastPass
 - ColorZilla
 - Clear Cache
 - GoFullPage – Full Page Screen Capture
 
 
- WordPressテーマ「SWELL」の購入
 - 「SWELL」をインストール
- テーマをインストールし有効化する
 - 不要なテーマの削除
 - SWELL認証の完了
 
 
- SWELLの設定・カスタマイズ
- 着せ替えデザインの設定方法
 - サイト名・ファビコン設定
 - メインカラーの設定
 - ヘッダーの設定
 - メインビジュアルの設定
 
 
- プラグインの導入と設定
- Google XML Sitemaps
 - EWWW Image Optimizer
 - Imsanity
 - Wordfence Security
 - BackWPup
 - SEO SIMPLE PACK
 
 
基本編
- グローバルメニュー(ヘッダー)の作成
- 固定ページの作成
 - グローバルナビの表示
 
 - サイドバーの作成
- ウィジェットの編集
 
 - フッターの作成
 
- プラグイン「MW WP Form」のインストール
- お問い合わせフォーム詳細設定
 - お問い合わせフォームの挿入
 - お問い合わせフォームのカスタマイズ
 - 動作確認
 
 
- STORES予約会員登録&連携
- 予約ページの作成
 - WordPressとの連携
 - 予約ボタンの設置
 
 
- ホームページ制作で使用するブロック
- テーブル
 - メディアとテキスト
 - カラムとリッチカラム
 - フルワイド
 - 区切り
 - ボタンとSWELLボタン
 - アコーディオン
 - FAQ
 - ステップ
 - 投稿リスト
 
 
実践編
- 造形全般、看板製作会社(ホームページ)
- トップページ(ヘッダー・グローバルメニュー・トップ画面)
 - トップページ(下層部)①~⑥
 - メニュー項目の階層化
 - 下層ページ(会社概要)
 - 下層ページ(ご注文の流れ)
 
 - 居酒屋(飲食店)
- トップページ(ヘッダー・グローバルメニュー・トップ画面)
 - トップページ(下層部)①~⑥
 - 下層ページ(メニュー)※投稿カテゴリー作成
 
 
- サイト構成の作成
- ページを分類
 
 - トップページをカスタマイズする
- トップ画面・メインビジュアル・テキスト
 - ヘッダー設定・グローバルメニュー
 - トップページのブロック設定
 - フッターの設定
 
 - 固定ページの作成方法
 
その他役に立つツールの紹介
- Dropbox(クラウドストレージサービス)
 - ペライチ(1ページ完結型HP制作ツール)
 - CANVA(グラフィックデザインツール)
 - Vimeo(動画配信サービス)
 - Zoom(オンラインセミナーアプリ)
 - LINE公式アカウント
 - Pixabay(フリー画像素材)
 - photoAC(フリー画像素材)
 - remove bg(背景切り取りツール)
 - COMPRESS JPEG(画像圧縮ツール)
 
- 弁護士法人浅野総合法律事務所
 - Smile Dance
 - 恋活・婚活パーティー アル
 - 庭革命株式会社
 - アビコムデザイン合同会社
 - Uncle Jam
 - YOGA DHALSHIM
 - MY BODY LABO
 - K3ケイスリー
 - 答志島
 - 【人形専門店】八千代人形 府中本店
 - totonoelle
 - 有限会社ティーアンドティー
 - I KAGATTE