集客できるHome Page の作り方
日本レンズ協会公式企業Webサイトは、平均して毎日250くらいのアクセス数ですが、キチンと集客の仕事をしてくれています。この経験をベースに、個人事業主さんやフリーランスの方を想定して、動画コンテンツを公開・販売していきます。事業形態に関わらず、やはりホームページは情報発信の基本だと思います。
上から順番に学んで下さい
このLessonを学んで欲しい想定対象生徒さん
正しい学び方=記憶のメカニズム
想起学習
練習環境とは
Local by Flywheel
Local by Flywheel(アプリ)のインスロール①
Local by Flywheel(アプリ)のインスロール②
WordPressの立ち上げ手順
立ち上げたWordPressの削除手順
間隔と想起練習で効率よく記憶する
振り返り
ここで学ぶ事柄
アカウント・ログイン・URL
ログイン・ログアウトの探究
表と裏という仕組み
表と裏を探究しながら往復してみる
ルールを理解する=投函ページ
テーマとプラグイン
設定について
このレッスンで学ぶ事
真っ新なWordPressを用意する
設定→一般
テーマのインストール
プラグインの用意
投稿設定
表示指定①
表示設定②
パーマリンク設定
振り返り
このテーマの本質
企業サイト構築の為のテーマ
厳選された機能
サイドバー等
ブロックエデイター
振り返り
概要
ドメインとサーバー契約①
Xサーバーアカウントの仕組み
ドメイン取得(契約)
独自ドメイン設定
Word Press インストール
SSL(暗号化通信)強制設定
SSL(暗号化通信)強制設定②
確認=JavaScriptによるSSLへの転送の強制は不要
www.あり、無しの統一の確認
テーマのインストール
各種プラグインのインストール
各種プラグインのインストール②
各種プラグインのインストール③
jet Packの有効化
jet Packの設定
その他プラグインの有効化
振り返り
SEO対策に必須の初期設定
意味と全体像
Yoast SEOの有効化=初期設定
Google Search Console設定
Google Analytics 設定
サイトマップ登録
Google Search ConsoleとGoogle Analyticsの接続
実践に際しての基本姿勢
良いコンテンツ=最大の対策
キーワード
リサーチツール
キーワードと記事
ゴールを決めておく
ページの最初の段落
見出しにはキーワード
強調・箇条書きにキーワード
画像の説明をつける
リンク
Yoast SEO で仕上げる
データをスクショする①
データをスクショする②
反省する
まとめ
Webサイトを構築する四つの手順
パーツ作り=固定ページ編①
パーツ作り=固定ページ編②
パーツ作り=投函ページ編
パーツ作り=ロゴ編①
パーツ作り=ロゴ編②
パーツ作り=カラー
パーツ作り=Home Pageヘッダー
パーツ作り=メインメニュー
パーツ作り=トップバー①
パーツ作り=トップバー②
補足=手動でメインナビゲーションを設定する
見え方=全体デザインのGool
Word Pressのルール=見え方を変えるには
初期設定時の固定ページと投函ページ
固定ページを新規で二つ作成する
home pageにはblogが組み込まれている
home pageにはtoppageを表示させる
ウィジェットとは?
ウィジェットを操作する
blogの右サイドバーをなくす
ブログ表示設定=3カラムのケース
写真やイラストの必要性
三種類の画像
カメラ・スマホによる撮影
画像・イラストを無料で入手
入手した画像を加工する
もう少し凝った画像を作る
ブロックエデイター
トップぺージを作り込む
トップぺージを作り込む②
トップぺージを作り込む③
トップぺージを作り込む④
ブログの表示設定
ページを綺麗に作るポイント
ヘッダー(画像)は必要なのか?
ブログ=投函記事①
ブログ=投函記事②
お問い合わせフォーム①
お問い合わせフォーム②
お問い合わせフォーム③
お問い合わせフォーム④
アクセスページ
アクセスページ②
まとめ
リリース後の楽しみ
リクエスト版=新規投函ページ作成手順一例
リクエスト版=新規投函ページ作成手順一例②
リクエスト版=新規投函ページ作成手順一例③
補足=メタディスクリプション
補足=画像の挿入
趣旨
探究する様に学ぶ
管理画面
重要=テーマ
概要
三つの要素
三つの要素のバランス
Min-Max
マーケティング
情報デザイン
ビジュアルデザイン
プロセスの全体像
顧客に与えたい印象の言語化
ロゴを作る
Canva
サイトの構成を考える
写経メソッド
WordPress写経
ここからの学び方
二段組と幅広
デイバイダー①
デイバイダー②
グループ化とその移動
再利用ブロック
スペーサー
メデイアとテキスト
洗練されたお知らせ一覧の作り方①
洗練されたお知らせ一覧の作り方②
アクセスコーナーの作り方①
アクセスコーナーの作り方②
タブとアコーデイオン
振り返り
ホームページとの出会い
マーケテイング=頭の中の考えをノートに書き出す
情報デザイン=自分の考えをノートに書き出す
表示とウイジェット設定
基本情報設定
ホームページヘッダー
固定ページとメインナビゲーション
階層構造
お問い合わせフォーム①
お問い合わせフォーム②
blog設定=投函ページの作り方
blogと注目の投函スライダー設定
普段よく使うブロック以外の絞りこみ
スペーシイング
レスポンシブルモード
レスポンシブルの表示と非表示
アニメーション
電話をかけるボタンの設置
ここで学ぶ内容
未来の戦略
リリースまでのスケジュール
プラグインのインストール
日本語化
Homeの初期設定
決済の設定
WooCommerceの全体像①
WooCommerceの全体像②
本番環境での商品追加の手順
サンプルデータのインポート
サイドバーの設定①
ブログサイドバーの設定変更
ページサイドバーの設定変更
ショップページのカスタマイズ
カートとショップメニュー
ログインとマイアカウント
ログアウトの設置
GoogleSitekidとWoocommerceの注意点
WooCommerceの学び方
振り返り
ここで学ぶもの
五つの機能
Podcastとは?
Podcast の魅力
インストール①
インストール②
フロント・ブログページの設定
ユーザー登録設定
ログイン画面の例
ログイン画面を作る
シリーズの追加方法
Podcastを見れる様に表示する
オーディオ、ビデオを追加する方法
管理メニューを作って便利にする
iPhoneで録音して、投稿する
振り返り