【ロリポップ】
https://px.a8.net/svt/ejp?a8mat=2HZ86X+BN5GOQ+348+65MEA
※新規契約すると、Twitter分析ツール「SocialDog」、画像素材サイト「PIXTA」の割引クーポンの特典がもらえるようになりました!
↓今は下記の動画を参考にもっと簡単にWordpressでHPが作れます
【動画を進めるにあたっての注意!】【ドメインが設定できない】
「入力されたドメインはすでに他のアカウントにて設定されているか、ロリポップのドメインのため設定をすることができません。また、ムームーメールでご利用中の独自ドメインは、設定をすることができません。」と表示された方は、ロリポップにお問い合わせして頂けるとすぐに対応してくれます。
(この件については運営も把握していただいているので)
21:48のシーンでドメインを契約する際に、ロリポップの同時申し込みに現在は最初にチェックが入っているのが原因なので、先に気づいた方はドメイン取得の際はチェックを必ず外してください!
【目次】
00:00 この動画の対象者
02:53 WordPress(ワードプレス)
04:00 ホームページとブログ
05:32 WordPressで作るブログ
06:10 SEO(内部SEO)
07:16 ホームページ作成に必要な3つ(レンタルサーバ、ドメイン、Wordpress)
07:30 ①ブログ・HPの作る4つの手順=レンタルサーバーを借りる
07:54 ②ブログ・HPの作る4つの手順=ドメイン(住所)を取得
08:32 ③ブログ・HPの作る4つの手順=ドメイン(住所)をサーバー(土地)に登録
08:53 ④ブログ・HPの作る4つの手順=Wordpress(家)を作成する
09:30 ①Wordpressに必要な3つ=レンタルサーバーの設定(例:ロリポップ)※IDとPWは控えておくこと!
16:02 ②Wordpressに必要な3つ=ドメインの取得(例:ムームードメイン)※ドメイン名は決めておくこと!
24:27 ロリポップの「独自ドメインの設定」(ドメインの紐付け)
26:15 ムームーID(メールアドレス)とムームーパスワードの入力
27:31 ③Wordpressに必要な3つ
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)
※他の動画などで投稿画面が違うのは昔の画面が使用されているためです。この動画は最新版なので、プラグインで「Classic editor」を入れると昔のバージョンを使用することができます。
【httpsの記述】
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R,L]
※動画だと1行目が「of」になっていましたが、「off」が正解なので修正しました。
【COCOONテーマ】
https://wp-cocoon.com/
【画像サイト:PAKUTASO】
https://www.pakutaso.com/
【アクセス解析:Google Analytics】
https://analytics.google.com/analytics/web/
【細かい機能の使い方】
【他テーマの設定方法】
[ONEPRESS]
【Twitter】
Tweets by akiyuki_knk
【パソコン総合解説サイト】
https://pasonyu.com/
コメント