2022年WordPress初心者使い方・始め方【ホームページ・ブログ作成】

2022年3月3日 2022年9月24日 keisama

［説明★★★］
［画面表示★★★］
［再生回数★★★］

話が簡潔なので、習得したい作業だけに集中できる。
【keisamaコメント】

【目次】
00:00 この動画の対象者
00:37 今回作っていくブログやホームページの紹介
01:35 講師：金子晃之の紹介
02:13 WordPressの使い方（目次）の説明
02:53 WordPress（ワードプレス）
04:00 ホームページ＝ページを開いた時に最初に表示されるところ
04:19 ブログ＝日記みたいに毎日更新するもの
04:48 無料ブログ（Amebaブログ、はてなブログ）
05:32 WordPressで作るブログ
06:10 SEO（内部SEO）
07:16 ホームページ作成に必要な３つ（レンタルサーバ、ドメイン、Wordpress）
07:30 ①ブログ・HPの作る４つの手順＝レンタルサーバーを借りる
07:54 ②ブログ・HPの作る４つの手順＝ドメイン（住所）を取得
08:32 ③ブログ・HPの作る４つの手順＝ドメイン（住所）をサーバー（土地）に登録
08:53 ④ブログ・HPの作る４つの手順＝Wordpress（家）を作成する
09:30 ①Wordpressに必要な３つ＝レンタルサーバーの設定（例：ロリポップ）※IDとPWは控えておくこと！
16:02 ②Wordpressに必要な３つ＝ドメインの取得（例：ムームードメイン）※ドメイン名は決めておくこと！
24:27 ロリポップの「独自ドメインの設定」（ドメインの紐付け）
26:15 ムームーID（メールアドレス）とムームーパスワードの入力
27:31 ③Wordpressに必要な３つ
28:45 ホームページ名の設定（サイトのタイトル）
28:55 ホームページの管理画面のユーザ名とパスワードの設定
30:41 自分のホームページのアドレス確認
30:50 ホームページの管理者ページURLの確認（URLに/wp-admin/を追加）
31:19 自分のホームページの確認
31:36 「Wordpress」の管理画面から修正
32:20 ホームページのセキュリティ化（SSL＝https)
32:43 「ロリポップ」の管理画面から設定
34:02 「Wordpress」の管理画面から修正
35:19 「http」の場合も「https」に切り替わる設定
35:36 「ロリポップ」の管理画面から設定
37:25 ホームページのタイトルの変更
37:46 「キャッチフレーズ」（HPのタイトルの説明書き）の入力
38:15 パーマリンク
39:59 ホームページの確認
40:17 「Wordpress」の管理画面への切り替え
40:26 ホームページのデザインの変更（テーマ）（「外観」）
40:53 「cocoon」（コクーン）（親テーマ、子テーマ）のインストール
46:17 記事の投稿（タイトルと本文）（「投稿」）
48:17 タイトルをクリックすると最初のページになる
49:05 固定ページ（記事には表示されず「メニューバー」に表示される）
50:53 「メニュー」の作成（「外観」→「メニュー」）
51:25 「メニュー」に固定ページを追加
51:59 「メニュー」を表示する位置
53:52 最初のページに戻る（タイトルか「ホーム」をクリック）
54:17 投稿ページ（カテゴリーで分類する）と固定ページ（単体で独立している）の違い
55:42 カテゴリーの名前の設定（分類名）（「投稿」→「カテゴリー」）
56:11 「スラック」（分類名の英語のアルファベット）の入力
57:26 カテゴリーの内にカテゴリーを作る（親カテゴリーの指定）
58:38 カテゴリーの使用方法（右側の「カテゴリー」から選択）
01:00:17 「お問い合わせページ」の作成（「固定ページ」→「新規追加」）
01:00:46 タイトルを入力
01:00:53 お問い合わせの入力フォームを作る（プラグイン＝追加する機能）
01:01:59 「Wordpress」の管理画面（プラグイン→新規追加→人気）
01:02:52 「Contact Form7（コンタクトフォームセブン）」のインストール
01:03:14 「有効化」をクリック（プラグインの有効化）
01:03:41 「コンタクトフォーム」の設定方法（「お問い合わせ」→「コンタクトフォーム」）
01:04:00 「タイトル」の変更
01:04:13 フォームの作成（お名前、メールアドレス、題名、メッセージ本文）
01:04:43 「ショートコード」をお問い合わせの本文にコピーする
01:05:42 お問い合わせ画面の確認
01:06:06 お問い合わせ画面の修正
01:06:58 ヘッダーにお問い合わせ画面を追加する（「外観」→「メニュー」→「メニュー構造」）
01:08:27 フォームに追加（電話番号）
01:11:42 フォームから届くメールの内容の修正
01:14:08 フォームから届くメールアドレスの変更
01:14:26 フォームからの送信
01:15:19 フォームからのメールの確認
01:16:28 相手にも「完了メール」を送る設定
01:17:12 固定ページのパーマリンク（「固定ページ」）
01:18:05 固定ページのアドレスの確認
01:19:25 固定ページのアドレスの変更（「パーマリンク」→「URLスラッグ」）
01:21:43 右側のサイドバーの変更（「外観」→「ウィジェット」）
01:22:39 サイドバーのスクロール追従（不要なものを削除）
01:23:28 サイドバーの項目の移動
01:23:38 サイドバーの項目の追加
01:24:21 追加した項目の設定
01:24:47 記事に画像を載せる（アイキャッチ画像）
01:27:56 画面のイメージを変える（「Cocoon設定」→「スキン」→「スキン一覧」）
01:29:29 ロゴマーク（タイトルの画像）の変更（例：ロゴメーカー）
01:29:37 ロゴメーカーでの作成方法
01:32:51 ロゴマークを設定する（「Cocoon設定」→「ヘッダー」→「ヘッダーロゴ」）
01:33:49 投稿した記事の修正（管理画面→投稿）
01:34:43 文字の装飾（色の変更、マーカー、大きさ変更）
01:35:52 ハイパーリンクの設定（別のページを表示）
01:37:38 「新しいタブで開く」設定
01:38:35 画像の挿入（「＋マーク」→「画像」）
01:39:27 画像の説明（キャプション）を入力する
01:39:42 リスト（＋マーク）
01:40:14 タブボックス（「＋マーク」→「Cocoon」→「Cocoonブロック」）
01:41:58 YouTubeを埋め込む場合（「＋マーク」→「埋め込み」→「YouTube」）
01:42:19 YouTubeのアドレスの取得の仕方
01:43:24 見出し（文章を区切る）の使い方
01:44:41 見出し設定のレベル（H1 H2 H3 H4 H5 H6)
01:45:51 文章内で改行したい場合（「Shift」キーと「Enter」キー）
01:46:27 見出しを使うと目次が自動的に作成される
01:46:48 スパム（迷惑行為）を防ぐ方法（「プラグイン」→「Akismet」)
01:47:34 Akismetアカウントを設定（※登録画面は一部異なります。）
01:49:28 APIキーを管理画面に設定（「設定」）
01:50:06 メニューバーの下にサブメニューを表示させる（「外観」→「メニュー」）
01:51:56 投稿を削除する（「投稿」→「記事」→「ごみ箱」）
01:52:33 アクセス解析（Googleアナリティクス）
01:52:59 アナリティクスアカウントを設定（※登録画面は一部異なります。）
（注）『トラッキングコード』は、アナリティクスの画面の「データストリーム」→「ウェブ」→ 「ウェブストリームの詳細」の『測定ID』（Gから始まる番号）に変わっています。
01:55:15 測定IDを管理画面に設定（「Cocoon設定」→「アクセス解析・認証」→「Google Analytics設定」）
01:55:52 アクセス解析ページの見方
01:56:48 ★「Cocoon」（コクーン）の詳細設定（管理→「Cocoon設定」）
01:57:17 「スキン」
01:57:32 「全体」→「サイドバーの位置」
01:57:55 「全体」→「サイドバーの表示状態」
01:58:14 「ヘッダー」→「ヘッダーレイアウト」
01:58:33 「ヘッダー」→「ヘッダーロゴ」
01:58:45 「タイトル」→「フロントページタイトル」
01:59:20 「タイトル」→「サイトの説明」
01:59:55 「OGP」→「ホームイメージ」
02:00:39 「インデックス」→「フロントページタイプ」
02:01:09 「インデックス」→「カードタイプ」
02:01:38 「通知」→「通知表示」「通知メッセージ」「通知URL」
02:02:35 「アピールエリア」→「アピールエリアの表示」「エリア画像」「タイトル」「ボタンメッセージ」「ボタンリンク先」
02:04:24 「おすすめカード」→「おすすめカードの表示」「メニュー選択」（おすすめ）
02:06:26 「カルーセル」→「カルーセルの表示」「表示内容」（人気記事）
02:07:11 「AMP」→「AMPの有効化」
02:07:54 「高速化」→チェックボックスに全てチェックを入れる
02:08:50 企業用のホームページに作り変える方法（lightning）