WEBVTT 00:00:00.000 --> 00:00:06.480 今回は、サイト整理ということで、このパートの目的と進め方についてお伝えしていきます。 00:00:06.480 --> 00:00:15.640 では、やっていきましょう。 まず、本パートのゴールということで、どこに向かってこの作業をやっていくのか、実践していくのかと言いますと、 00:00:15.640 --> 00:00:21.720 WordPressサイトの項目の整理をするということですね。 このために今回の作業をしていきます。 00:00:21.720 --> 00:00:29.920 WordPressってインストールをして、それだけあっても何も動かないわけですね。 そのサイトの中に項目とかメニューとかね、そういったコンテンツを用意して、 00:00:30.040 --> 00:00:35.880 行かなければいけないので、そういった整理を今回やっていきます。 こちらがゴールになります。 00:00:35.880 --> 00:00:45.120 なぜ今回の作業をやっていくのかと言いますと、まずホームページブログに必要なコンテンツを用意して、 集客の効果を高めるためということですね。 00:00:45.120 --> 00:00:56.040 もう何もない、すっからかんのワードプレスのサイトでは、集客もそうだし、 見た人の信頼とかね、ここ大丈夫かなということで不審がなれてしまいますので、 00:00:56.040 --> 00:01:04.760 そういったときに必要なコンテンツってものを用意しておきましょう。 もちろんそういったものを揃えていくと、集客にもつながっていきますよということです。 00:01:04.760 --> 00:01:10.440 そしてホームページブログにアクセスした人に信頼してもらうためですね。 00:01:10.440 --> 00:01:20.760 訪れた人が何もない寂しいサイトだったらここ大丈夫かなとか、 もちろん商品も買う気にもならないし、なんかね良い印象は持たないですよね。 00:01:20.760 --> 00:01:26.520 見た目なんでね、人は見た目が大事だと言われますが、 ウェブサイトもそうなんですよね。 00:01:26.520 --> 00:01:34.440 パッと入ってきたときにコンテンツが充実されていないとなんか寂しい感じがして、 信頼ができないということになってしまいますから、 00:01:34.440 --> 00:01:39.160 必ずそういったコンテンツとか項目っていうのはね、 最低限整理をしていきましょうということです。 00:01:39.160 --> 00:01:46.960 これがホームパートを行う理由になります。 ホームパートの進め方、概要と詳細という順番で見ていきます。 00:01:46.960 --> 00:01:55.560 まずは大枠ですね、その後中身という順番でお伝えします。 まず必要なページを作成します。その後に問い合わせフォームを作成します。 00:01:55.560 --> 00:02:03.920 問い合わせフォームというのはフォームと捉えておけます。 フォームを作成していきますよということ。この大きな2つの作業を今回やっていきます。 00:02:03.920 --> 00:02:12.280 じゃあ詳細ですね。まず必要なページを作成というのはどういうことかと言いますと、 ホームページ、ブログに必要な要素、項目を入れていきます。 00:02:12.280 --> 00:02:19.960 例えば何々とはですね、例えば会社名とは、野後とはということを解説してあげるような ページを用意しておく必要があると。 00:02:19.960 --> 00:02:27.280 そのサイトに初めて訪問してきた人はこのサイトの正体というかね、 あるいは運営者のことはわからないわけですよね。 00:02:27.280 --> 00:02:33.160 このサイトとかブログとかホームページがどんなコンセプト、どんな思いで やっているのかというのはわからないわけです。 00:02:33.160 --> 00:02:41.320 それを教えてあげるコンテンツというのを用意しておく。 あと選ばれる理由ですよね。どんな人が選んでいて評価しているのか 00:02:41.320 --> 00:02:49.680 というものとか、自社の強み、USBみたいなものをここに書いておく必要があります。 あとプロフィール、何者なのかということですよね。 00:02:49.680 --> 00:02:59.640 お客様の声というものもあるとサイトの信頼度が上がりますので、こういったものを用意しておく。 FAQ、よくある質問とか言われますけども、そのサイトに 00:02:59.640 --> 00:03:08.240 訪れた人が生じるであろう疑問というものを先回りして置いておいてあげる。 あとは店舗系の方であれば特にお店までの行き方とか 00:03:08.240 --> 00:03:16.160 最寄りの駅とか、そういったことを書く必要がありますよね。 会社概要とか、こういったものをよくホームページを見ると思うんですけども、こういったものを用意しておく。 00:03:16.160 --> 00:03:25.400 これは一例なので、もちろんこれ以外ものも入ってくる場合もありますし、これ全てを適用するわけではありません。 00:03:25.400 --> 00:03:33.680 これは業種によってカスタマイズするというのが前提になります。 こういったことで必要なページ項目というのを用意しましょうというのが一つ目ですね。 00:03:33.680 --> 00:03:42.760 そして次、問い合わせフォームの作成ということです。 これはワードプレスのプラグインを使った問い合わせフォームの設定方法がありますので、こちらもお伝えしていきます。 00:03:42.760 --> 00:03:48.680 そして頼りというウェブサービスを使ったフォームの設定。 google フォームを使った問い合わせフォームの設定。 00:03:48.680 --> 00:03:57.640 こういった手段があります。 これはフォームのサービスだったりやり方というのは、今後並行削除、追加の可能性はもちろんあります。 00:03:57.640 --> 00:04:08.440 こういったウェブツールは特に移り変わりが激しいので、ただ私たちが現時点で推奨しているものをベースに行っていきますので、今はこういった項目でやっていきます。 00:04:08.440 --> 00:04:16.640 ただ、頭の片隅に今後変更、修正の可能性はありますよということは入れておいてください。 よろしいでしょうか。 00:04:16.640 --> 00:04:26.040 今回の作業はどんなことをやるのかと言いますと、ざっくり簡単な図なんですけれども、 サイト名があってメニューが並んでますよね。 00:04:26.040 --> 00:04:36.640 まるまる問い合わせが選ばれる理由とか、お客さんの声とか、アクセスとか、問い合わせフォームとか、あるいは予約とか、こういったものがあると思うんですけれども、こういったものを設置していく。 00:04:36.640 --> 00:04:45.680 こういったものを作っていくということですね。 あとはウェブページの下の方に行くと会社概要とか、下のフッターメニューというのがありますけれども、こういったものを入れていく。 00:04:45.680 --> 00:04:53.600 こっちはヘッダーメニュー、フッターメニューと呼ばれ方もします。 こういったことを、この項目を作っていくということをこのパートではやっていきます。 00:04:53.600 --> 00:05:00.000 図式化すると、なんとなくイメージが湧くと思いましたので、こちら説明させていただきました。 00:05:00.000 --> 00:05:12.640 それでは今回は、この会社名とページの作り方を解説していきたいと思います。 こちらのページなんですが、固定ページを使って作成をしていきます。 00:05:12.640 --> 00:05:22.300 まずどういうページなのか、そちらをお見せしてから、軽く作り方について解説していきたいと思います。 00:05:22.300 --> 00:05:33.220 はい、こういうページになっていまして、会社名のところにご自身の会社の名前ですね、野号とかそういったものを入力していただく形になります。 00:05:33.220 --> 00:05:38.500 内容はこんな感じですね。 簡単に解説しますと、 00:05:38.500 --> 00:05:45.980 当サイトにアクセスいただきありがとうございますという簡単なお礼ですね。 この会社名の部分を 00:05:46.060 --> 00:05:50.780 これもご自身の会社名とか野号にしていただくという形になります。そういった例文ですね。 00:05:50.780 --> 00:06:02.180 あとターゲットの悩みといったことにお悩みの方に向けて、この三角になっている部分が実写の内容に合わせてですね、 00:06:02.180 --> 00:06:10.620 変えていただくという、そういう例文になります。 実写が提供するノウハウを提供していますということで、ここに 00:06:10.620 --> 00:06:16.420 ご自身の専門としている分野に関するものですね、 00:06:16.420 --> 00:06:22.780 とか、そういったノウハウとかを入力していただくという形になります。 00:06:22.780 --> 00:06:30.460 ノウハウを提供するまでに至った過去の経験、失敗だ、 そんな経験があってこの取り組みをしています。 00:06:30.460 --> 00:06:38.460 その自社が提供するノウハウをするために、 ノウハウを提供するスタイル、セミナーなどって書いてありますね。 00:06:38.460 --> 00:06:44.140 といった内容で、 こういう方向、こういう理念のもと 00:06:44.140 --> 00:06:51.820 活動を行っておりますという、そういう例文ですね。 内容はですね、別にこの内容に 00:06:51.820 --> 00:06:57.580 合わせなくてよくて、自由に書いていただいていいんですけど、 もしわからないよという方はですね、この動画を一旦 00:06:57.580 --> 00:07:03.260 Cテイシステムですね、こういう 文章を、なんかワードでもいいですし、 00:07:03.260 --> 00:07:10.260 エモ帳でもいいので打ち込んでから、 コピペしていただくという作り方が、まあいいのではないかなと思います。 00:07:10.260 --> 00:07:20.340 まあ直書きでもいいんですけど、そこはお待たせします。 編集方法ですね。編集方法は、 00:07:20.340 --> 00:07:25.180 こんな感じになってまして、まあ非常にシンプルです。 00:07:25.460 --> 00:07:35.710 会社名とあのとこにタイトルですね。 実際に打ち込んでみますけど、僕たちであればこのは屋ってなりますね。 00:07:35.710 --> 00:07:39.070 はい。 あとはですね、この 00:07:39.070 --> 00:07:48.470 一旦下書き、これ公開してしまってるんで、 実際は下書きにしてしまってですね、このパーマリンクのとこに 00:07:48.470 --> 00:07:56.150 URLスラックということで、 about と入力しておいてください。 00:07:56.150 --> 00:08:00.310 定番としてはaboutですね、この会社名とはですね。 00:08:00.310 --> 00:08:05.870 はい。 次にここですね、ここから内容に入っていくんですけど、これすべて 00:08:05.870 --> 00:08:12.670 あの段落ですね。 段落というブロックを使っています。 00:08:12.670 --> 00:08:26.580 これを使ってですね、一番ちょっと上だけですね。 これEnterを押すと自動的に段落になるんですけど、ここに適当こう書いていただくっていう形になりますね。 00:08:26.580 --> 00:08:33.420 あとは、この直書きはやりにくいのであれば、 Wordかに書いてコピペしていただくという使い方になります。 00:08:33.420 --> 00:08:40.940 ほとんどこの段落ですね。はい、といった形になります。 ちょっと工夫したいのであれば、 00:08:40.940 --> 00:08:43.820 この、 ここですね。 00:08:43.820 --> 00:08:49.900 このプラスマーク、だいたいこうEnterを押すと、 この右側、もしくはこういうところに出てくるんですけど、 00:08:49.900 --> 00:08:55.100 プラスマークをクリックしてブロックを挿入します。 段落のほかにも見出しですね。 00:08:55.100 --> 00:09:02.860 はい。段落だけだと文章だけになってしまって見づらいので、 見出しですね。間に見出しを入れていただくとかですね。 00:09:02.860 --> 00:09:08.300 場合によってはここに 画像なんかを入れたりとかですね。画像がない場合は 00:09:08.300 --> 00:09:13.700 検索、ここで検索できるので検索していただいて、画像を挿入ですね。 00:09:13.700 --> 00:09:20.100 はい。画像、こう バンと配置したい場合はこれを使います。 00:09:20.100 --> 00:09:26.940 で、あとはですね、カラムという要素があります。 00:09:26.940 --> 00:09:30.420 はい。 2カラム、3カラムですね。 00:09:30.420 --> 00:09:38.660 あともうちょっとこうカスタマイズしたものですと、 左がちょっと狭いバージョンと右側がちょっと狭いバージョンですね。 00:09:38.660 --> 00:09:44.460 あとこういう真ん中が広くて左右が狭いバージョンとか、 いろんなバリエーションがあります。 00:09:44.460 --> 00:09:51.300 ただですね、あんまりこう 考え込んでしまうとですね、やりづらいと思うんでも2カラムだけでオッケーです。 00:09:51.300 --> 00:10:00.140 こういうページは2カラムだけですね。はい。 こっちに画像とかですね。 00:10:00.140 --> 00:10:04.860 こっちに画像、 こっちに文章といった形になります。 00:10:04.860 --> 00:10:09.420 テキストですね。 はい、こんな感じで 00:10:09.420 --> 00:10:15.780 はい、こっちにテキスト、こっちに画像、 みたいな形で設定することができます。 00:10:15.780 --> 00:10:27.470 慣れてきたらですね、あの先ほど解説した こういうものですね、ちょっとこの幅のバリエーションが効いたものをやっていただけばと思います。 00:10:27.470 --> 00:10:34.310 通常はこっちですね。場合によってはこういう 70対30のものでもいいです。はい。 00:10:34.310 --> 00:10:42.820 そんな感じですね。ちょっとカラムについては、あの 初めてこういうツールを触る方は難しいと思うんで、 00:10:42.820 --> 00:10:49.660 50、50でやっていただいて、慣れてきたら、 ここですね、幅パーセントで指定できるので 00:10:49.660 --> 00:10:56.300 ここを、これが100%だとして、こっちが70、こっちが30、 みたいな感じでやると 00:10:56.340 --> 00:11:05.380 画面に収まると、綺麗に収まるといった形になります。 ただちょっとまだよくわからない場合は、この普通の50対50でいいので、はい。 00:11:05.380 --> 00:11:10.700 そんな感じです。 こういうのを使っていただいてですね、まあいろんな 00:11:10.700 --> 00:11:16.780 他にも過剰描きとかあるんですが、 これもちょっと一応念のために教えておきます。 00:11:16.780 --> 00:11:22.660 はい、過剰描きですね。 これでなんかこう 00:11:22.700 --> 00:11:33.890 過剰描きと言うと、はい、こんな感じで過剰描きにできます。 文章をですね、ちょっとでもわかりやすくするためにですね、 00:11:33.890 --> 00:11:39.170 なんかちょっと過剰描きにできないかどうかっていうのを考えてみてください。 はい。 00:11:39.170 --> 00:11:46.690 そんな感じで、こういう文章ですね、をベースにしつつですね、 ちょっと 00:11:46.690 --> 00:11:54.490 なんていうか華やかにというか、わかりやすくしてみたい場合は、見出しとか画像とか絡むですね、過剰描き、そういったものを使って編集してみてください。 00:11:54.490 --> 00:12:05.860 基本はこれでもいいんですけど、ちょっと寂しいので補足です。 はい、あとこのURLスラッグですね、ここもアバウトで設定しておいてください。 00:12:05.860 --> 00:12:12.620 はい、そんな感じで設定をするというわけですね。 これですね、ちょっとあの 00:12:12.620 --> 00:12:19.580 既にあるページで解説してしまったんですけど、 新規で追加する場合はこちらをクリックすればOKです。 00:12:19.580 --> 00:12:29.620 ここにタイトル、パーマリンクですね、URLスラッグ、ここにアバウトと入力して、 内容をどんどん書いていただくという、そういった形になります。 00:12:29.620 --> 00:12:36.420 実際書き終わったら公開をする、公開できる状態になったら公開するといった形になります。 はい。 00:12:36.420 --> 00:12:44.260 てな感じでですね、あの まずはですね、会社名とあのページをですね、先ほどの例文ですね、あれに 00:12:44.340 --> 00:12:46.340 こう 00:12:46.340 --> 00:12:56.300 これに限定しなくてもいいので、とりあえず書いていただいてですね、自分の会社の内容に応じですね、ここ書いていただいて 00:12:56.300 --> 00:13:06.820 それで作成をしてみてください。作成方法は先ほどのブロックの追加で、 段落、画像、絡む、箇条書きですね、そういったものをうまく工夫して使っていただいて 00:13:06.820 --> 00:13:13.220 まずはこの会社名とページですね、作成してみてください。 今回は以上になります。 00:13:13.220 --> 00:13:21.780 はい、それでは今回はこちらの選ばれる理由のページの内容と操作方法を解説していきたいと思います。 00:13:21.780 --> 00:13:28.260 こちらを一旦ですね、見ていただいて、こういうシンプルな作りになっていますね。 00:13:28.260 --> 00:13:37.140 選ばれる理由、タイトルがあって、そこに競合にはない自社の特徴、強みですね。 それはですね、まあ 00:13:37.140 --> 00:13:46.900 最低でもというか、できたら3つ用意していただいてですね、 それに対する具体的な内容という、そういうシンプルな作りになっています。 00:13:46.900 --> 00:13:51.460 これ内容ですね。 見ていきますと 00:13:51.460 --> 00:14:02.700 タイトル、アーマリンクがこういうもんですね。 これを真似していただいて、次は競合にはない自社の特徴、強みですね。 00:14:02.700 --> 00:14:08.060 これは見出しで作っています。 これテキストは 00:14:08.060 --> 00:14:14.940 その内容に対して、こういうことですよという具体的な内容を書いていただくという形になりますね。 00:14:14.940 --> 00:14:26.840 見出し、テキスト、見出し、テキストですね。 前回の動画を見ていただいた方であれば、これすごく簡単にできるのがわかっていただけると思います。 00:14:26.840 --> 00:14:35.800 改めて解説しますと、このブロックですね。 こういうとこに出てきますので、もし出てこなかったらエンターを押して、この右側に出てくるっていうことがありますので、 00:14:35.800 --> 00:14:41.800 とりあえずこのプラスのマークを見つけていただいて、 見出しですね。 00:14:41.800 --> 00:14:50.040 次に段落、テキストです。 簡単な構成になっています。 ちょっとこれでは味気ないなという場合はですね、 00:14:50.040 --> 00:15:00.520 画像を入れるとかになります。この場合はここに出てるんですけど、出てこなかったら画像と検索していただいて、画像のブロックを見つけてください。 00:15:00.520 --> 00:15:04.680 はい、でですね、これ 00:15:04.680 --> 00:15:13.000 メディアライブラリですね。こちらをクリックすれば今までの画像が出てくると。 ファイルをアップロードしていただければ 00:15:13.080 --> 00:15:20.000 自分のパソコンの画面がですね、ここをクリックすると出てきて、 画像を取り込みますので、それで取り込んでください。 00:15:20.000 --> 00:15:25.840 画像はですね、できるだけ自社で撮影したものですね。 もしなかったらですね、 00:15:25.840 --> 00:15:34.640 Pixabayですね、こういうサイトからダウンロードしてきてですね、 所要利用可能なサイトからダウンロードしてきて配置してください。 00:15:34.640 --> 00:15:38.440 で、補得です。 他にもですね、その 00:15:38.520 --> 00:15:43.480 絡むとかですね、 こういうのがあります。 00:15:43.480 --> 00:15:53.160 これ別の動画でも解説しましたが、念のためもう1回お伝えしますと、 これ50対50になっていまして、こっちに画像とかですね。 00:15:53.160 --> 00:15:58.720 先ほどと同じやり方で画像が配置できます。 テキストといった形で、 00:15:58.720 --> 00:16:04.480 こっちにテキスト、こっちに画像といったレイアウトを組むことができます。 00:16:04.760 --> 00:16:11.400 これもいろんなパターンあるので、慣れてきたら こっちのバランスですね、70にしたいとか、こっち30 00:16:11.400 --> 00:16:17.360 っていう感じで調整してみてください。 初めのうちは50対50の方がわかりやすいです。 00:16:17.360 --> 00:16:29.000 他にもリストですね、リストイコール過剰描きだと思っておいてください。 過剰描きも使うとですね、結構こう 00:16:29.000 --> 00:16:37.870 複数の事柄を並べたい場合に使えたりします。 こういう要素を使ってですね、 00:16:37.870 --> 00:16:45.030 ちょっとこの見出しテキストの形式では味気ないなと思ったら、 こういう画像を使って 00:16:45.030 --> 00:16:52.910 華やかにするとかですね、華やかというかちょっとわかりやすくしたりとかですね。 場合によってはこういうレイアウトを組んで、カラムでレイアウトを組んだりとかですね。 00:16:52.910 --> 00:17:00.110 ちょっと長くなりそうだなって、文章が一行一行長くなりそうだなと思ったらリストを使うとか、 っていう感じで工夫して 00:17:00.110 --> 00:17:06.430 設定というか作成をしてみてください。 ちなみに新規で作る場合はこの新規追加ですね。 00:17:06.430 --> 00:17:13.550 すると同じような画面ができますので、先ほどですね、お見せした通りタイトルに選ばれる理由ですね。 00:17:13.550 --> 00:17:19.630 パーマリンクがこういうものです。 これを真似して打ち込んでください。 00:17:19.630 --> 00:17:27.990 あとは見出しテキストといった、 簡単というかシンプルな作りになっていますので、 00:17:27.990 --> 00:17:35.950 ブロックの挿入から挿入して編集をしてみてください。 それでは今回のこの動画は以上になります。 00:17:35.950 --> 00:17:45.070 それでは今回はこちらのプロフィールページの作成法を解説します。 まずは実際のページをお見せします。 00:17:45.070 --> 00:17:50.630 こういうページになっていまして、今回はですね、 なるべくですね 00:17:50.630 --> 00:17:58.190 プロフィール画像を設置していただきたいので、画像の要素、あとこういうレイアウトを組むカラムの要素を 00:17:58.310 --> 00:18:07.910 使ってですね、作成していただく形になります。 今、配置している文章は例文みたいなもので、こんな感じの文章を 00:18:07.910 --> 00:18:16.110 よくまだわからないという方はですね、こんな感じの文章を配置してくださいということで、 初めまして、型書き名前と言います。 00:18:16.110 --> 00:18:20.790 これまで、こういう経歴と、これまでの経歴ですね。 00:18:20.790 --> 00:18:32.070 といったようなことをしてきましたということで、このカッコの部分に 実際の内容を打ち込んでいただくっていう、そういう例文になっています。 00:18:32.070 --> 00:18:38.190 カッコはその、その一言に当てはめて書いていただくという形ですね。 00:18:38.190 --> 00:18:43.990 この会社名は、 ノウハウが生まれた経緯などといった経緯で開業しました。 00:18:44.230 --> 00:18:54.390 実際に口に出すと、ちょっと違和感もあるものですけど、ここですね。 カッコの部分を、とにかく自分に当てはめて書いてくださいというものですね。 00:18:54.390 --> 00:19:00.190 現在は、 現在の活動内容を中心に活動中です。 00:19:00.190 --> 00:19:09.990 その他、商売の世界観を記載といった感じですね。 この世界観はですね、ちょっと難しいなという場合は書かなくてもOKなんですけど、 00:19:09.990 --> 00:19:15.590 プロフィールなんで、まあ自分のことですね。 なんで、そんな難しくないと思います。 00:19:15.590 --> 00:19:23.950 ただ文章としましては、こういう感じのものを用意していただけばいいということで、 あとは思い思い書いてください。 00:19:23.950 --> 00:19:30.790 これに限って書くって必要はないので、自分のことなんで、はい、書いてください。 00:19:30.790 --> 00:19:36.230 あと重要なのが顔写真ですね。 これが、あった方がですね、安心したりとかですね、 00:19:36.230 --> 00:19:44.230 こういう人がやってるんだっていうのがわかりますので、 画像できたら撮ってもらってください。 00:19:44.230 --> 00:19:50.310 カメラマンに撮ってもらうのが難しいのであれば、なんか知り合いにですね、 頼んで撮ってもらうとかですね。 00:19:50.310 --> 00:19:56.070 一眼レフカメラでなくていいので、スマホのカメラでいいので撮って、 こちらに配置するようにしてください。 00:19:56.070 --> 00:20:01.710 ということで、操作ですね。そちらを解説していきます。 00:20:01.710 --> 00:20:11.950 タイトルはプロフィール。非常にシンプルですね。 パーマリンクですね。URLスラックのとこにプロフィールと英語で入力してください。 00:20:11.950 --> 00:20:19.500 ここなんですけど、カラムという要素を使っています。 カラムはですね、この 00:20:19.500 --> 00:20:26.140 他の動画でも出てきたと思うんですけど、このカラムですね。 というものを使っていきます。 00:20:26.140 --> 00:20:33.820 この50-50ですね。もしくは70-30ですね。 こちらにしてください。 00:20:33.820 --> 00:20:44.460 30-70でもいいですけど、この3つですね。 ちょっと画像が大きくなりすぎてしまうって場合はこの2つですね。 00:20:44.460 --> 00:20:53.180 50-50でもいいです。とりあえずこの画像に応じて変えていただくこの3択ですね。 3カラムにしてしまうと 00:20:53.180 --> 00:21:02.380 この場合はちょっと違和感がありますので、この3択ですね。 左側に配置するのがいいのか、右側に配置するのがいいのかっていうのはお任せします。 00:21:02.380 --> 00:21:11.320 今このように、この動画では左になっていますけど、 右の方がしっくりくるなっている場合は右でもOKですね。 00:21:11.320 --> 00:21:17.040 どんな感じになります。 ちょっとこれを 00:21:17.040 --> 00:21:23.480 配置してみますけど、このここプラスをクリックして ここに画像ですね。 00:21:23.480 --> 00:21:36.040 メディアライブラリから こういう写真を用意していただいて、これ練習なのでこういうダミーの画像になっていますが、これを選択します。 00:21:36.040 --> 00:21:45.800 実際にパソコンからワードプレスの取り込みの場合は、このファイルアップロードからファイルを選択です。 00:21:45.800 --> 00:21:52.840 ファイルアップロードからファイルを選択。 ここをクリックすると自分のパソコン内の画面が出てきますので、 00:21:52.840 --> 00:22:03.020 パソコンに画像を用意していただいてそれを選択するという形になります。 こちらに段落、文章を打ち込んでいただく。 00:22:03.020 --> 00:22:11.900 そうするとこっちに画像、こっちに文章といった作りになります。 あとはその文章ですね、長くなってしまった場合、この 00:22:11.900 --> 00:22:28.810 画像より下にしてしまう、下に来てしまうという場合はですね、 例えばどういう状態かというと、このようにちょっと 00:22:28.850 --> 00:22:36.690 ファイルを増やしてわざとやってますけど このようにちょっと下に来てしまう場合ですね、このままずっと続いてもいいんですけど 00:22:36.690 --> 00:22:46.570 区切ってさらにこの1コラムの段落ですね。 通常の段落で書いていただくという方が回り込んでですね 00:22:46.570 --> 00:22:54.490 文章が記載できますので、そのようにしてください。 こちらはですね、このようにずっと下に来てしまっても 00:22:54.530 --> 00:23:01.530 別に問題ないといえば問題ないんで、内容に応じてですね、違和感があったら調整してください。 00:23:01.530 --> 00:23:07.690 といった感じで編集をお願いします。 今回はこの画像とカラムはですね、 00:23:07.690 --> 00:23:15.570 必要になってきますので、それを使っていただくという形になりますね。 新規に作成する場合はこちらの新規追加ですね。 00:23:15.570 --> 00:23:22.330 ここから先ほどと同じとですね、プロフィール、パーマリンクを 英語でプロフィールですね。 00:23:22.330 --> 00:23:28.050 で、カラムを使ってやっていただくといった形になりますね。 00:23:28.050 --> 00:23:36.170 基本はこのブロックの挿入から追加していただくという感じでやってみてください。 ブロックの追加ですね。 00:23:36.170 --> 00:23:43.010 こんな感じで編集方法はそれ以上なので、あとは実際に編集を、内容を考えた上でですね、編集をしてみてください。 00:23:43.010 --> 00:23:49.810 プロフィールなんで、そんなこの文章にですね、こだわらず自分のことをですね、 経歴とかですね、 00:23:49.810 --> 00:23:59.170 その活動内容、思いとかそういったものを記載してみてください。 それでは今回のこの動画は以上になります。 00:23:59.170 --> 00:24:08.570 はい、それでは今回はこちらのお客様のウェブページの 作成方法、編集方法を解説していきたいと思います。 00:24:08.570 --> 00:24:16.330 こちらの内容を見ていきたいと思います。 その後は編集方法ですね、使う要素なんかを解説していきたいと思います。 00:24:16.330 --> 00:24:25.090 こういうシンプルなページですね。 この説明書きをちょっと解説を読んで解説していきたいと思います。 00:24:25.090 --> 00:24:36.970 このページはその名の通りですね、お客様の声を配置して、 顔写真とかですね、そういったものがあったらですね、配置するとより良かったりするので、そういうものを配置しましょう。 00:24:36.970 --> 00:24:48.890 なかったらですね、配置できないので、信頼度はちょっと下がってしまうもののですね、配置しなくてOKですといった形になります。 00:24:48.890 --> 00:25:04.010 画像がなくても内容が具体的であれば特に問題はないかなといった感じです。 関係性がきちんと築けているお客さんにインタビューとかですね、お願いして、その際に記載許可を確認するようにしましょう。 00:25:04.010 --> 00:25:11.770 こういう順番ですね、信頼度が変わってくるんですけど、やっぱり動画って難しかったりすると思うんで、動画が一番信頼度が高くて、 00:25:11.770 --> 00:25:24.250 画像と文章ですね、が次に信頼度が高くて、文章・実名が次に信頼度が高くて、イニシャル・特名という順番で変わっていきます。 00:25:24.250 --> 00:25:32.770 具体的、実際にいるんだなという感じがしてくればするほどですね、信頼度が上がるっていう、そんな感じになります。 00:25:32.770 --> 00:25:44.290 先ほど解説した通りですね、動画が難しいのであれば、文章プラス画像といった感じですね。 できるところから始めていただければと思います。 00:25:44.290 --> 00:25:52.450 内容はですね、こんな感じで見出しがあって、お客様の声や文章で記載といった形になります。 00:25:52.450 --> 00:25:59.210 実際のページを見ていきましょう。 使う要素は見出しと段落ですね。 00:25:59.210 --> 00:26:04.410 もし画像があったらですね、これも今まで出てきたカラムですね。 00:26:04.410 --> 00:26:13.850 あと普通に手書きのものがあったら、それをコンビニとかでスキャンしてきて、画像化して配置するといった形になりますね。 00:26:13.850 --> 00:26:19.930 その際にアップロードしていただいて、自分のパソコンが出てきますので、そこから画像を選択してください。 00:26:19.930 --> 00:26:26.740 既にアップしてあればこのメディアのところにあるので、配置するといった形になります。 00:26:26.740 --> 00:26:34.420 例えばこれがダミーの画像なんですけど、声だとしてこんな感じで配置されます。 00:26:34.420 --> 00:26:41.780 あとはその顔写真がある場合は空物を使うといいかなという感じで、50-50ですねこれは。 00:26:41.780 --> 00:26:50.020 他にも70-80、こっちに画像、こっちに文章といった感じで、ちょっとこの割合ですね。 00:26:50.020 --> 00:26:55.300 こっちが30、こっちが70になっていますね。その割合で幅が変わります。 00:26:55.300 --> 00:27:04.700 一応これ調整することもできるんですけど、ここで調整できるんですけど、難しい場合はですね調整しなくて ok です。 00:27:04.700 --> 00:27:18.220 デフォルトのままでやってください。こっちに画像、こっちに声、こっちに顔写真、お客さんの顔写真でこっちに実際の声を記載するといった感じで編集をしてみてください。 00:27:18.220 --> 00:27:25.740 ですが、ちょっとそこまでは記載許可も取ってないですし、難しいですという場合は文章だけで ok です。 00:27:25.740 --> 00:27:32.330 といった感じですね。次、動画の場合はですね、 00:27:32.330 --> 00:27:40.410 こういうHTMLコードありますので、VimeoとかYouTubeでアップしたものの埋め込みコードを配置してください。 00:27:40.410 --> 00:27:48.090 他にもYouTubeとかですね、この場合は販売しないのでYouTubeでいいので、埋め込みとかYouTubeっていう要素があるので、 00:27:48.090 --> 00:27:54.090 ここにその動画のURLを配置するで埋め込みをクリックするで動画が配置できます。 00:27:54.090 --> 00:27:58.810 といった感じですね。そういう要素を使って配置してください。 00:27:58.810 --> 00:28:03.770 手段はいろいろあるんですけど、やりやすいものでやってください。 00:28:03.770 --> 00:28:12.410 基本はテキストのみでもいいので、この声の中から一言ピックアップということで、印象に残った言葉を 00:28:12.410 --> 00:28:19.770 ピックアップして、こにゃらさんですね。 イニシャルの場合はYKさんとかっていう感じで記載をしてください。 00:28:19.770 --> 00:28:25.370 編集をしてください。こんな感じですね。パーマリンクはこんな感じですね。 00:28:25.370 --> 00:28:36.090 カスタマーですね。英語で半画で入力してください。 編集方法は以上になります。新規で作成する場合ですね、これも繰り返しになるんですが、 00:28:36.250 --> 00:28:41.610 この新規追加をクリックして、ここからお客様の声タイトルですね。 00:28:41.610 --> 00:28:47.130 スラッグをカスタマーとか、何でもいいです。カスタマーじゃなくてもいいです。 00:28:47.130 --> 00:28:53.690 半画で入力してください。そこから編集を始めるといった形になります。このブロックの追加ですね。 00:28:53.690 --> 00:29:00.090 そういった感じですね。非常にシンプルでいいので、お客様の声ページですね。できたら作成してみてください。 00:29:00.090 --> 00:29:06.130 ない方はですね、ないからといってダメというわけではないので、これから集めていっていただければと思います。 00:29:06.130 --> 00:29:10.130 はい、それでは今回のこの動画は以上になります。 00:29:10.130 --> 00:29:18.290 はい、それでは今回はこちらのギャラリーページの作成方法を解説します。内容はですね、 00:29:18.290 --> 00:29:24.010 これまで活動して撮影した画像を配置といった形になります。 00:29:24.010 --> 00:29:31.450 例えばセミナーの時の様子ですね。撮影した画像があればそれを配置。お客さんとミーティングとか面談をしている様子ですね。 00:29:31.450 --> 00:29:38.010 最近ですと、Zoomの時のみんなで写った画面をですね、 00:29:38.010 --> 00:29:44.530 写真で撮って配置したりとかそういう方がいます。ですが、これない場合は作成しなくてもOKです。 00:29:44.530 --> 00:29:52.170 無理に作成しなくてもいいです。あるとよりいいっていうので、はい。編集方法を解説します。 00:29:52.170 --> 00:30:01.650 今回はですね、この特に何もない状態というか、編集をクリックしていただいて、 00:30:01.650 --> 00:30:06.810 これ例文なので、消すといった形になりますね。 00:30:06.810 --> 00:30:14.690 タイトルはギャラリーですね。新規で作成する場合はこの新規追加になるので、今回あらかじめ作ったページから解説します。 00:30:14.690 --> 00:30:19.570 タイトルはギャラリーですね。ファーマリンクのURLスラッグはギャラリー。 00:30:19.570 --> 00:30:35.630 半額で入力してください。このブロックを追加ですね。ここにギャラリーと入力してください。 00:30:35.630 --> 00:30:43.150 するとこういうギャラリーというブロックがあります。ここにですね、複数、 00:30:43.150 --> 00:30:51.350 設置したい画像を複数アップロードしていただくと、こんな感じですね。この要素は複数の画像を選択することができます。 00:30:51.350 --> 00:30:59.630 今回はダミーの画像でいきますけど、この感じで5つ、今回の場合5つ配置したいと思います。 00:30:59.630 --> 00:31:09.790 どういうものなのかというと、ギャラリーというのは、こんな感じで画像を並べてくれる、そういった要素になります。 00:31:09.790 --> 00:31:17.670 これはダミーの画像なんですけど、実際は先ほど説明した通りセミナーとか、 00:31:17.670 --> 00:31:23.110 活動内容がわかるような画像、あと雰囲気がわかるような画像ですね。そういったものを配置してください。 00:31:23.110 --> 00:31:30.100 配置し終わったらですね、これ更新になってるんですが、公開をクリックして公開してください。 00:31:30.100 --> 00:31:39.700 それでは今回のこの動画は以上になります。それでは今回はこちらのよくある質問のページですね、こちらの内容と 00:31:39.700 --> 00:31:49.420 あと編集方法を解説していきたいと思います。内容を見てもらいますと、FAQなんかと言われるページなんですけど、 00:31:49.420 --> 00:31:56.100 予想される質問とかですね、質問が来そうなもの、または実際に来た質問、 00:31:56.100 --> 00:32:03.620 そういったものを記載する、そういったシンプルなページになります。編集方法も非常にシンプルで見出しテキストですね。 00:32:03.620 --> 00:32:11.740 見出しに質問、このテキストの段落の箇所に回答といった形になります。 00:32:11.740 --> 00:32:22.620 今お見せしているのが、よくありそうなものなんですけど、行種とかそういうのによって微妙に違ってくると思うので、これに限らずですね、 00:32:22.620 --> 00:32:31.940 実際に来た質問、あと予想される質問を想像してですね、記載していただくかと思います。 00:32:31.940 --> 00:32:38.260 よくある形式をしまして、こにゃらなんですけど大丈夫ですかとか、そんな感じですね。 00:32:38.260 --> 00:32:46.220 何々教えてくださいとか。これ見出しと段落なんで非常に簡単なんですけど、 00:32:46.220 --> 00:32:52.980 見出しですね。なかったら検索してください、見出しです。あと段落ですね。これになります。 00:32:52.980 --> 00:32:59.340 画像とか特に、箇条書きとか絡む画像ですね、そういったものは必要ないので、 00:32:59.340 --> 00:33:05.860 見出し、段落、見出し、段落でその内容に応じてですね、編集をしていただければと思います。 00:33:05.860 --> 00:33:12.900 よくある質問です。パーマリンクはですね、このFAQと入力しておいてください。 00:33:12.900 --> 00:33:18.980 あと、内容が編集完了したら公開をクリックするという形になります。 00:33:18.980 --> 00:33:25.860 一問の通りですね、新規作成する場合はこの新規作成、新規追加ですね。固定ページ新規追加。 00:33:25.860 --> 00:33:29.980 それでこんな感じで真似して作ってみてください。内容はシンプルです。 00:33:29.980 --> 00:33:34.500 それでは今回の内容は以上になります。 00:33:34.500 --> 00:33:42.980 それでは今回はこちらのアクセスのページですね。こちらの内容と返事方法を解説していきたいと思います。 00:33:42.980 --> 00:33:50.020 こちらなんですけど、こういうページになっていまして、 00:33:51.020 --> 00:34:00.860 これGoogleマップが表示されてますけど、別にGoogleマップ必須というわけではなく、あった方がいいですけど、簡単に実践できるので。 00:34:00.860 --> 00:34:12.140 あとはその写真ですね。店舗系の方であれば、模様の駅から店舗までの道のりを写真で撮って配置するといった形になります。 00:34:12.140 --> 00:34:17.620 そんな感じで編集をしていきたいと思います。 00:34:17.620 --> 00:34:26.320 編集方法はですね、これあるんですけど、これ消します。 00:34:26.320 --> 00:34:34.080 このGoogleマップの埋め込みなんですけど、これはカスタムHTMLでやっています。 00:34:34.080 --> 00:34:42.160 HTMLで検索するとこう出てきますので、ここにGoogleマップの埋め込みですね。それを設置するようにしてください。 00:34:42.160 --> 00:34:56.410 やり方ですね。Googleマップで検索していただいて、 00:34:57.410 --> 00:35:07.550 自主体の住所が出てきたらですね、この共有というところがあるので、ここをクリックします。 00:35:07.550 --> 00:35:17.950 地図を埋め込むというのがあるので、こちらをクリックして、このHTMLをコピーですね。それをコピーして配置するといった形になります。 00:35:17.950 --> 00:35:24.590 ちょっと住所が映ってしまったので、これはモザイクしてあるので、ちょっと見づらいかもしれませんが、 00:35:24.590 --> 00:35:31.550 ここですね、共有から地図を埋め込むのをHTMLをコピーですね。これでコピーできますので、 00:35:31.550 --> 00:35:43.670 先ほどのカスタムHTMLという要素に配付けてください。 Googleマップの他にも先ほど言った通り、画像を配置したりですね、 00:35:43.670 --> 00:35:50.390 自分の模様の駅から、店舗の模様の駅から画像を撮影して、そこで 00:35:50.390 --> 00:35:56.030 道のりをですね、どんどん記載していくというもので、これは画像ですね。画像の要素を使う。 00:35:56.030 --> 00:36:04.630 補足のテキストですね。段落を使う。といった形です。アクセスについては、その店舗系の方ですね。生態とか美容室とか 00:36:04.630 --> 00:36:12.270 そういった、あとは飲食ですね。そういった方々がよく作るものなんですけど、 00:36:12.270 --> 00:36:20.270 他の業種の方であれば必須というわけではないので、作らなくてもOKです。こちらは自分の業種に合わせてですね、作ってください。 00:36:20.270 --> 00:36:26.430 パーマリンクですね。アクセスと入力します。半額です。 00:36:26.430 --> 00:36:36.630 編集終わりましたら、公開ですね。なので使う要素としましては、カスタムHTMLと画像、あとテキストですね。補足のテキスト。 00:36:36.630 --> 00:36:43.650 それを配置するようにしてください。 それではこの動画は以上になります。 00:36:43.650 --> 00:36:52.530 それでは今回は会社概要のページの編集方法と内容ですね。内容と編集方法を解説していきたいと思います。 00:36:52.530 --> 00:37:02.930 こちらはですね、こういう内容を配置するページになります。 おいしそうですね。こういう内容っていう定番のものなんで、あとはその業種とかですね。 00:37:02.930 --> 00:37:08.490 そういったものに応じてですね、カスタマイズしてください。詳しくは会社概要 00:37:08.490 --> 00:37:21.450 書き方とかで検索をして、必要に応じて項目を追加するといった形になります。 この内容ですと会社名、代表さん名、事業内容、所在地、電話番号 00:37:21.450 --> 00:37:27.810 このページのURL、お問い合わせといった内容です。お問い合わせは、お問い合わせ用のメールアドレスですね。 00:37:27.810 --> 00:37:35.810 Gmailよりかはドメインのアドレスですね。それを配置するようにしてください。 編集方法に入ります。 00:37:35.850 --> 00:37:45.930 これはですね、テーブルという要素、ブロックを使っています。 これがテーブルですね。 00:37:45.930 --> 00:37:55.850 表のことです。テーブルというのは。最初は、 カラム数2、行数2でいいので表を作成してください。 00:37:55.850 --> 00:38:05.260 あとはですね、この行を下に追加していくと、どんどん追加されているのがわかると思います。 00:38:05.260 --> 00:38:16.460 行を削除したい場合は、削除ですね。 ちょっと薄くなってて見づらいと思うんですが、今3行になっているところを追加したりですね、今4行になっています。 00:38:16.460 --> 00:38:22.460 削除して3行にしたりとかですね。 行以外にも列を追加したりとか 00:38:22.460 --> 00:38:32.940 そんな感じでできますので、会社概要なので2列でいいと思うんですけど、そんな感じで編集をしていってください。 00:38:32.940 --> 00:38:38.740 会社名ですね。代表社名。 00:38:38.740 --> 00:38:46.700 てな感じで、僕の場合はコヒペしてしまってるんですけど、皆さんは直接書いてください。 00:38:46.700 --> 00:38:55.380 授業内容ですね。こんな感じでどんどんこの行を下に追加していって、項目を追加。 00:38:55.380 --> 00:39:00.700 こっちに実際のテキストを貼っていった形になります。 00:39:00.700 --> 00:39:11.540 ここもちょっとコヒペでいきます。こんな感じですね。 これも内容に応じて編集をしていくという形になります。 00:39:11.540 --> 00:39:16.540 全部編集し終わりましたら、これ参考にしていただいて編集してください。 00:39:16.540 --> 00:39:20.500 URLですね。こんな感じですね。 00:39:20.500 --> 00:39:29.380 これを真似して入力してください。 公開できる状態になりましたら、公開をクリックしてください。 00:39:29.380 --> 00:39:36.740 ちなみに新規でページを更新する場合は、この新規追加、もしくはこちらの新規追加になります。 00:39:36.740 --> 00:39:46.540 このテーブルを使って編集をするという形になります。 表の編集はこちらからできます。ということを覚えていただければ問題なく編集ができると思います。 00:39:46.540 --> 00:39:50.940 それでは今回の動画は以上になります。 00:39:50.940 --> 00:39:57.860 それでは今回はこの特定商取引本に基づく表記ですね。 こちらの解説をしていきたいと思います。 00:39:57.860 --> 00:40:05.540 まず内容の解説をして編集方法を解説します。 これは会社概要とほぼ同じです。テーブルと要素を使います。 00:40:05.540 --> 00:40:12.850 内容はこんな感じですね。 ここに補足書きしてありますけど、 00:40:12.850 --> 00:40:19.330 この内容ですね。項目はこれを参考にしてほしいんですけど、 代表的なものをピックアップしたものになります。 00:40:19.330 --> 00:40:28.410 基本はご自身の商売に合わせて内容変更してください。 というのもこれ法律が関わっていますので、結構専門的な部分です。 00:40:28.410 --> 00:40:39.410 なので不安であれば弁護士さんにご相談して作ってもらう。 相談しつつ作って一緒に作るといった感じが一番安心するかなと思います。 00:40:39.410 --> 00:40:47.170 内容は会社名とか代表者名。会社概要とちょっと似ていますけど、 取り直せて販売の価格とかですね。 00:40:47.170 --> 00:40:55.610 各ページを商品ページをご参照くださいとか、支払い方法、クレジット銀行振込とか、 商品の引き渡し方法ですね。 00:40:55.610 --> 00:41:07.060 これも内容に応じて引き渡し方法に応じて変更してください。 あとは物販とかそういうものに限りますけど、 00:41:07.060 --> 00:41:15.980 デジタル商品でも同じですね。返品とか返金とか交換キャンセルの対応方法ですね。 そういったものを記載してください。 00:41:15.980 --> 00:41:22.500 これ基本的に代表的なものなので、 基本はですね、 00:41:22.540 --> 00:41:30.020 弁護士さんに相談してみるということをお勧めします。 返信方法に入りたいと思います。 00:41:30.060 --> 00:41:43.500 返信方法はこのテーブルですね。テーブルの要素を使います。 基本的に会社概要と同じで、まずカラム数2行数2で表を作成して、 00:41:43.500 --> 00:41:54.580 ここですね、このカーソルを置いた状態ですね。 表の中に置いた状態で追加したりとか削除できたりとかですね。 00:41:54.580 --> 00:42:05.060 基本はこの行の追加ですね。上とか下に追加できて、 あと消したいときにいらなくなった項目を消したりとか、そんな感じで返信ができます。 00:42:05.060 --> 00:42:12.260 中身はですね、こんな感じでテキスト。 今回の場合は解説なのでちょっとコシペでいきますけど、 00:42:12.260 --> 00:42:21.780 こんな感じで項目を入力した上で実際の内容ですね。 そんな感じで入力していってください。 00:42:21.780 --> 00:42:28.940 基本的にこのテーブルを扱えれば、この特定表取引本に基づく表記は設定できます。 00:42:28.940 --> 00:42:38.980 URLですね。こんな感じです。 これを真似して入力してください。公開できる状態になったら公開をクリックしてください。 00:42:38.980 --> 00:42:48.780 新規作成はですね、ここからできますので、このタイトルとかですね、内容を記載して公開をクリックしてください。 00:42:48.780 --> 00:42:59.820 それでは今回の動画は以上になります。 それでは今回はプライバシーポリシーの内容と編集方法を解説していきたいと思います。 00:42:59.820 --> 00:43:07.140 内容なんですか。こういう内容ですね。 ちょっと難しいと思うんで、これは 00:43:07.140 --> 00:43:20.580 プライバシーポリシーひな形とか、あとは書き方とかですね。 それを検索していただいて、こういう書き方とかテンプレートを解説している記事がありますので、それを参考にですね、 00:43:21.540 --> 00:43:31.860 記入してください。全部一から解説するの結構内容的に難しいので、こういうのを参考にしてですね、ネット上の記事を参考にして記載してください。 00:43:31.860 --> 00:43:42.580 一応各項目のざっくりとした意味合いだけでもいいので確認するようにしましょう。 編集方法です。編集方法はとても簡単で 00:43:43.140 --> 00:43:52.300 これ見出しと段落のみですね。 このブロックの追加から見出し段落この2つだけなので、それを組み合わせてですね 00:43:52.300 --> 00:44:03.640 編集をしていってください。 最後にお問い合わせ窓口ということでここにボタンが出てきますけど、これは簡単でボタンと打ち込んでいただいて 00:44:03.640 --> 00:44:12.160 このボタンの要素を使ってください。そういうのボタンでなくボタンの要素ですね。 その方がテーマ依存でなく編集ができます。 00:44:12.160 --> 00:44:23.120 あとはこのお問い合わせフォームと入力して フォームのURLを貼り付ける設定するといった形になります。非常に簡単ですね。 00:44:23.120 --> 00:44:31.800 パーマリンクですね。パーマリンクはこんな感じで入力してください。 公開できる状態になったら公開ですね。 00:44:31.800 --> 00:44:42.120 とにかくネット上の記事を参考にですね、作っていただくのをお勧めします。 それでは今回のこの動画は以上になります。 00:44:42.440 --> 00:45:00.120 それでは今回はこちらのMWWPフォームの設定方法について解説します。 こちらの設定はですね、基本的にコピペしてやってもらう作業もありますので、そのコピペする内容はですね、ページ内に配置しておきます。 00:45:00.120 --> 00:45:09.320 その代わり設定方法を間違えないとですね、うまく動作しませんので、そういうところに絞ってご紹介していきたいと思います。 00:45:10.280 --> 00:45:26.760 ではまずはですね、新規で作成したいと思いますので、新規追加をクリックします。 こちらにお問い合わせ、タイトルはお問い合わせですね。 00:45:26.760 --> 00:45:34.680 お問い合わせフォーム、お問い合わせどちらでもいいんですけど、これをコピーしていただいて貼り付けます。 00:45:34.680 --> 00:45:42.960 次に、ビジュアルテキストとあるんですが、テキストにしていただいて、こういうのを用意しておきます。 00:45:43.160 --> 00:45:53.080 こういうのを用意しておきますので、これをですね、コピーしていただいて、コピーしたらこっちもテキストにして、このように貼り付けてください。 00:45:53.080 --> 00:45:58.160 詳しい内容はですね、ちょっと割愛しますけど、 00:45:58.160 --> 00:46:06.900 ここ、お問い合わせフォームというと、こんなになっているじゃないですか。 00:46:07.500 --> 00:46:20.820 このお名前、必須お名前のとこがこうなっていると、このコードによって表示されていると、必須メールアドレスがここといった感じですね。 00:46:20.820 --> 00:46:29.700 それぞれこのコードがですね、誤配することによってこういうふうに表示してくれますよというものです。 00:46:29.700 --> 00:46:33.780 ただ、この深く考えずにですね、ここをこう指定するだけにしてください。 00:46:33.780 --> 00:46:38.220 あと、間違ってもこのような状態ですね、消さないでください。 00:46:38.220 --> 00:46:41.830 するとうまくいきません。 00:46:41.830 --> 00:46:43.350 これは否定できるようにしておきます。 00:46:43.350 --> 00:46:50.390 1から入力するのも、入力というか設定していくのも大変だと思いますので、そんな感じで。 00:46:50.390 --> 00:46:55.830 完了画面メッセージですね、これは、はい。 00:46:55.830 --> 00:47:01.470 こういうものですね、これも1から入力するのも大変かなと思いますので。 00:47:01.510 --> 00:47:07.550 と言っても簡単な文章なんですけど、こういうメッセージを配置してください。 00:47:07.550 --> 00:47:10.070 これも、否定できるようにしておきます。 00:47:14.070 --> 00:47:18.950 何かこう変えてしまってもいいですかね、この営業日のとことかですね。 00:47:18.950 --> 00:47:31.370 うちは、大体この1から3、営業日だと思うんですけど、まだ違いますよというときはこの数字を変えてください。 00:47:31.370 --> 00:47:33.730 そんな感じです。 00:47:34.330 --> 00:47:39.370 バリデーションですね、ルール。 00:47:39.370 --> 00:47:47.250 これは必須にするのかしないのかという、そういう設定になります。 00:47:47.250 --> 00:47:53.730 これはですね、真似してですね、やって欲しいんですけど。 00:47:53.730 --> 00:48:02.010 これにネームイコールってなってると思うんですが、これをここをですね、コピー、こっちの方に。 00:48:02.010 --> 00:48:09.930 コピーしていただいて、コピーしたら、このバリデーションルールを追加ですね。 00:48:09.930 --> 00:48:13.010 この△をクリックして設定紙に移動。 00:48:13.010 --> 00:48:15.770 貼り付け、必須項目。 00:48:15.770 --> 00:48:19.170 で、名前はOKなのでメールアドレス。 00:48:19.170 --> 00:48:23.970 ネームイコール、このダブルコーディションの間をコピー。 00:48:23.970 --> 00:48:28.490 コピーしたら、またバリデーションルールを追加。 00:48:28.490 --> 00:48:30.170 △をクリック。 00:48:30.210 --> 00:48:31.730 貼り付け、必須項目。 00:48:31.730 --> 00:48:37.730 これをどんどん、この項目全てをですね、やっていくという形になります。 00:48:37.730 --> 00:48:41.130 ネームイコール、ダブルコーディションの間、貼り付け。 00:48:41.130 --> 00:48:44.130 バリデーションルールを追加。 00:48:44.130 --> 00:48:46.170 これが出たらまた△をクリック。 00:48:46.170 --> 00:48:47.930 で、貼り付け。 00:48:47.930 --> 00:48:50.450 必須項目にチェックですね。 00:48:50.450 --> 00:48:55.050 これ、実際にやってみるとすごく簡単なので、 00:48:55.050 --> 00:49:00.040 ネームイコール、ダブルコーディションの間をコピー。 00:49:00.040 --> 00:49:01.960 ルールを追加。 00:49:01.960 --> 00:49:03.920 で、こうクリック。 00:49:03.920 --> 00:49:09.640 何回かやってると慣れてくるというか、そんなに難しい作業ではないです。 00:49:09.640 --> 00:49:15.730 チェックボックスも、これもルールを追加で、 00:49:15.730 --> 00:49:17.210 で、貼り付けですね。 00:49:17.210 --> 00:49:20.370 必ずこれ、間違えないようにしてください。 00:49:20.370 --> 00:49:28.010 選択するときに、何か含まれてしまうとダメなので。 00:49:28.010 --> 00:49:32.490 で、これはチェックボックスはですね、これは、 00:49:32.490 --> 00:49:34.730 はい、これですね。 00:49:34.730 --> 00:49:36.730 必須項目→チェックボックス。 00:49:36.730 --> 00:49:40.050 ここにチェックを入れてください。 00:49:40.050 --> 00:49:41.570 はい、こんな感じですね。 00:49:41.570 --> 00:49:45.890 これ、必須なのか必須じゃないのかっていう設定になるので、 00:49:45.890 --> 00:49:50.790 ほぼ必須にするっていう形になります。 00:49:50.790 --> 00:49:55.150 はい、次にですね、件名、自動返信メールですね。 00:49:55.150 --> 00:50:01.270 件名を、はい、設定していきます。 00:50:01.270 --> 00:50:07.350 これはですね、会社名→会社名お問い合わせいただきありがとうございますと、 00:50:07.350 --> 00:50:09.230 はい、入力してください。 00:50:09.230 --> 00:50:12.450 はい、お礼ですね。 00:50:12.450 --> 00:50:14.530 で、あとは会社名→名前ですね。 00:50:14.530 --> 00:50:20.450 会社名→名前、この早としておきます。 00:50:20.450 --> 00:50:24.490 次に、この度はお問い合わせいただきのこの文章ですね。 00:50:24.490 --> 00:50:28.650 これ、手打ちで入力していただければと思います。 00:50:28.650 --> 00:50:30.930 これは、あの、コスペでですね。 00:50:30.930 --> 00:50:33.370 コスペでできるようにしておきますので、はい。 00:50:33.370 --> 00:50:37.610 そのように、この本文のとこに自動返信メールの、 00:50:37.610 --> 00:50:42.410 ここに、本文に貼り付けるというのを覚えておいてください。 00:50:42.410 --> 00:50:47.180 で、自動返信、これはメールアドレスにします。 00:50:47.180 --> 00:50:48.140 はい、これメールアドレス。 00:50:48.140 --> 00:50:50.060 あの、ここですね。 00:50:50.060 --> 00:50:55.020 この name="のここのやつをコピーしてきて、 00:50:55.020 --> 00:50:57.180 はい、まあ間違いがないようにこっちの方がいいですね。 00:50:57.180 --> 00:51:02.380 はい、で、送信元、eメールアドレス、これはですね。 00:51:02.380 --> 00:51:05.540 はい、独自ドメインで取得したアドレスですね。 00:51:05.540 --> 00:51:07.460 それを指定してください。 00:51:07.460 --> 00:51:09.300 これは必ず、こっちもですね。 00:51:09.300 --> 00:51:14.260 こっちも必ず独自ドメインで取得したメールアドレスを設定してください。 00:51:14.260 --> 00:51:18.380 必ず、あの、Gメールの方に送信できるように設定しておいてください。 00:51:18.380 --> 00:51:21.420 次に管理者ってですね、県名ですね。 00:51:21.420 --> 00:51:25.340 県名は重要最大からお問い合わせが来ましたといった、 00:51:25.340 --> 00:51:28.940 まあこれ、自分の方に来るメールなので、はい。 00:51:28.940 --> 00:51:33.420 その感じで、まあ管理者宛てって書いてあるので、はい。 00:51:33.420 --> 00:51:35.420 自分に来るアドレスですね。 00:51:35.420 --> 00:51:38.060 送信の自分の会社名、 00:51:38.060 --> 00:51:41.060 で、メールアドレスは独自ドメインのアドレスですね。 00:51:41.060 --> 00:51:42.620 に、まあ変更しておいてください。 00:51:42.620 --> 00:51:44.660 もし違ったらですね、はい。 00:51:44.660 --> 00:51:47.580 で、本文ですね。 00:51:47.580 --> 00:51:50.340 これも以下の内容でお問い合わせが来ましたっていうので、 00:51:50.340 --> 00:51:52.340 まあこれもこう指定できるようにしておきます。 00:51:52.340 --> 00:51:53.940 はい。 00:51:53.940 --> 00:51:55.460 まあほぼここ、ここですね。 00:51:55.460 --> 00:51:59.420 ここ、このネームっていうところに連動してるんですね。 00:51:59.420 --> 00:52:02.260 ネームで指定されてるこれが、 00:52:02.260 --> 00:52:05.340 えー、この文面のここに表示してくれますよっていう、 00:52:05.340 --> 00:52:08.340 その、まあこのカッコは意識しなくていいんですけど、 00:52:08.340 --> 00:52:10.660 このカッコを入れることによって表示してくれますよっていう、 00:52:10.660 --> 00:52:12.140 そういう設定になります。 00:52:12.140 --> 00:52:16.260 まあちょっと細かいところが見慣れないので難しいと思うんですが、はい。 00:52:16.260 --> 00:52:17.980 あとは送信元のEメールアドレス、 00:52:17.980 --> 00:52:20.500 これも独自のメインのアドレス。 00:52:20.500 --> 00:52:21.020 はい。 00:52:21.020 --> 00:52:23.820 その他の項目は特に設定しなくてOKです。 00:52:23.820 --> 00:52:27.460 あとは公開をクリックしてください。 00:52:27.460 --> 00:52:27.980 はい。 00:52:27.980 --> 00:52:29.300 これでOKですね。 00:52:29.300 --> 00:52:32.140 まあ設定するのはここの内容ですね。 00:52:32.140 --> 00:52:34.380 これもこう指定でOK。 00:52:34.380 --> 00:52:37.700 完了画面メッセージ、これもこう指定でやってください。 00:52:37.700 --> 00:52:40.340 質問のうちでこういうところは変えてください。 00:52:40.340 --> 00:52:44.780 で、ここはですね、あのちょっと作業してもらうことになるので気をつけてほしいんですが、 00:52:44.780 --> 00:52:47.340 バリデーションルールですね。 00:52:47.340 --> 00:52:54.420 この必ずネームの値をここですね、ダブルクオーテーションの間、はい。 00:52:54.420 --> 00:53:00.140 ここを間違いないように選択して、こっちに指定するといった感じになります。 00:53:00.140 --> 00:53:05.100 指定方法はここに貼り付けてリスト項目。 00:53:05.100 --> 00:53:09.420 チェックボックスだけここになるので気をつけてください。 00:53:09.420 --> 00:53:14.940 あとはここ、自動返信メール、件名、送信者、会社名、 00:53:14.940 --> 00:53:19.420 アドレスは独自のメールのもの、本文はこう指定でOKなんですが、 00:53:19.420 --> 00:53:23.340 このように自動返信メールの内容ですね。 00:53:23.340 --> 00:53:26.900 これによって入力した内容が反映されるという形になります。 00:53:26.900 --> 00:53:31.780 なのでこのカッコは必ず間違えて消さないようにしてください。 00:53:31.780 --> 00:53:33.940 で、自動返信メールですね。 00:53:33.940 --> 00:53:40.340 これは相手のアドレスが自動的に設定されますので、ここの値ですね、 00:53:40.340 --> 00:53:46.420 name="のここの値、これをここに貼り付けています。 00:53:46.420 --> 00:53:50.700 ちょっと細かいルールがあるんですが、この動画のとおりに真似してやってみてください。 00:53:50.700 --> 00:53:57.220 送信先のアドレスも独自のメール、CCとBCCも設定できるんですけど、 00:53:57.220 --> 00:54:02.500 BCCのほうを他の担当者に送りたいという場合はそのようにしてください。 00:54:02.500 --> 00:54:04.220 で、件名はこんな感じです。 00:54:04.220 --> 00:54:09.900 この方式でOK、送信者、会社名、メールアドレス、自分の独自のメールのアドレス、 00:54:09.900 --> 00:54:15.220 本文、こういう内容のお問い合わせが来ましたという、そういうものになります。 00:54:15.220 --> 00:54:22.780 以上、復習、軽く復習しましたが、最後公開をしてください。 00:54:22.780 --> 00:54:33.940 次にですね、先ほど作ったもの、これがショートコードになっていますので、これをコピーしてください。 00:54:33.940 --> 00:54:41.280 コピーしたら、固定ページの方に設定します。 00:54:41.280 --> 00:54:52.310 まずお問い合わせ、ここパーマにですね、この固定ページの方はどうしても設定しなければならないので、 00:54:52.310 --> 00:55:00.410 半額でですね、コンタクトと入力しておいてください。 00:55:00.410 --> 00:55:03.530 コンタクトOKですね。 00:55:03.530 --> 00:55:12.290 ブロックの追加、ショートコードと検索するとできます。 00:55:12.290 --> 00:55:14.170 ここに貼り付けてください。 00:55:14.170 --> 00:55:17.810 貼り付けたら、保存ですね。 00:55:17.810 --> 00:55:19.730 1回見てみます。 00:55:19.730 --> 00:55:27.700 何も設定していないとですね、 00:55:27.700 --> 00:55:38.120 何も設定しないとこのような状態になります。 00:55:38.120 --> 00:55:43.360 なので、この状態ですね。 00:55:43.360 --> 00:55:51.400 この状態から先ほど一瞬見せた、デザインされたものですね、にしたいと思います。 00:55:51.400 --> 00:56:00.350 それがですね、その前にプラグインの導入ですね。 00:56:00.350 --> 00:56:05.430 都度入れるプラグインもあるので、もし入れてなかったらですね、 00:56:05.430 --> 00:56:09.350 途中から導入してください。 00:56:09.550 --> 00:56:11.550 シンプルCSSですね。 00:56:11.550 --> 00:56:17.430 これをプラグインから新規追加をクリックして、 00:56:17.430 --> 00:56:20.350 プラグインの検索ですね。 00:56:20.350 --> 00:56:24.670 このように追加でプラグインを入れることって結構ありますので、 00:56:24.670 --> 00:56:26.950 これのやり方は覚えておいてください。 00:56:26.950 --> 00:56:31.670 シンプルCSSを有効化で今すぐインストールしてください。 00:56:31.670 --> 00:56:33.430 これでOKですね。 00:56:33.430 --> 00:56:41.060 これ導入できたので、この状態で外観パサマイズをクリックしてください。 00:56:41.660 --> 00:56:44.860 こちらでもいいんですけど、テーマ位置になってしまうので、 00:56:44.860 --> 00:56:47.500 こちらのプラグインを使ってやっていきます。 00:56:47.500 --> 00:56:54.590 ここにですね、このようなコードを用意しておきますので、 00:56:54.590 --> 00:56:56.390 これを貼り付けてください。 00:56:56.390 --> 00:57:01.790 コピーして貼り付けで公開すると、 00:57:01.790 --> 00:57:06.910 このようにちょっとしたデザインをされますので、 00:57:06.910 --> 00:57:08.390 こちらの方が見やすいですね。 00:57:08.390 --> 00:57:12.150 こうなりますので、この設定をしておいてください。 00:57:12.950 --> 00:57:20.150 あとはこの設定が終わったら必ずテストで入力してみて確認してください。 00:57:20.150 --> 00:57:25.230 自分の方にはこのようにメールが来ます。 00:57:25.230 --> 00:57:32.630 先ほど自動返信の管理者宛の方に設定した文がこの辺に来ます。 00:57:32.630 --> 00:57:39.030 入力されたもの、アドレス、入力されたもの、されたものってふうに反映されますので、 00:57:39.030 --> 00:57:42.230 相手も同じような感じで自動返信が行きます。 00:57:42.230 --> 00:57:45.630 こういう内容で入力お問い合わせいただきましたねというものです。 00:57:45.630 --> 00:57:52.630 ちなみにこのように入力完了画面が出てきますので、 00:57:52.630 --> 00:57:59.030 こういうふうに反映されたなというのを一通り実際に入力してみて、 00:57:59.030 --> 00:58:02.630 ボタンを押してみて確認しておいてください。 00:58:02.630 --> 00:58:07.030 以上までを一応正常に動作ができているところまで確認してください。 00:58:07.030 --> 00:58:09.430 どうしてもうまくいかないという場合は、 00:58:09.430 --> 00:58:12.430 頼りとかGoogleホームという手段もありますので、 00:58:12.430 --> 00:58:16.630 これも一つの手段だと思っておいてください。 00:58:16.630 --> 00:58:20.830 それでは今回の動画は以上になります。 00:58:20.830 --> 00:58:30.030 それでは今回はGoogleホームのお問い合わせホームの設定方法を解説していきたいと思います。 00:58:30.030 --> 00:58:37.230 まずGoogleホームは、ご自身のGoogleアカウントのGoogleドライブを開いてください。 00:58:37.230 --> 00:58:44.270 新規からGoogleホームですね、こちらをクリックしてください。 00:58:44.270 --> 00:58:47.270 Googleドライブの開き方はですね、 00:58:47.270 --> 00:58:55.110 こういうトップからこのように出てきますので、そちらをクリックしてください。 00:58:55.110 --> 00:59:03.070 題名ですね、お問い合わせホーム、こんな感じで入力ですね。 00:59:03.070 --> 00:59:10.670 説明があったら説明を入力すればいいんですが、特にいらないですね。 00:59:10.670 --> 00:59:15.670 メールアドレスは必須なので、このようにあります。 00:59:15.670 --> 00:59:21.670 次ですね、最初に配置してあるもの、ラジオボタンになっているので、 00:59:21.670 --> 00:59:26.670 まずはですね、お名前と入力します。 00:59:26.670 --> 00:59:31.670 ラジオボタンではなく、切り出し機にします。 00:59:31.670 --> 00:59:43.950 なんか説明文章ですね、入力してくださいとかですね。 00:59:43.950 --> 00:59:48.950 こっちが実際に作ってあるものなので、これをご指定していきます。 00:59:48.950 --> 00:59:52.950 ご記入とかご入力とか、そういうニュアンスが伝わればいいです。 00:59:52.950 --> 00:59:56.950 ここに入力してくださいねって言いますね。 00:59:56.950 --> 01:00:00.950 これは必ず必須にすると。そうしましたらこれをコピーして、 01:00:00.950 --> 01:00:03.950 次はですね、このお問い合わせ内容ですね。 01:00:03.950 --> 01:00:10.310 僕の場合はちょっとご指定していきます。 01:00:10.310 --> 01:00:15.310 皆さんは手打ちで入力していくといいかなっていう感じです。 01:00:15.310 --> 01:00:20.310 次、段落ですね。もうなっているので段落でOKですね。 01:00:20.310 --> 01:00:24.310 あとはここにお問い合わせ内容をご記入ください。 01:00:24.310 --> 01:00:31.140 非常にシンプルな内容ですね。OKです。 01:00:31.140 --> 01:00:34.140 ということで、メールアドレスとお名前、お問い合わせ内容、 01:00:34.140 --> 01:00:38.140 これでもう必要十分ですので、これでOKですね。 01:00:38.140 --> 01:00:42.140 で、回答ですね。点々電話をクリック。 01:00:42.140 --> 01:00:46.140 新しい回答についてメール通知を受け取るですね。 01:00:46.140 --> 01:00:49.510 はい、これでOK。 01:00:49.510 --> 01:00:58.150 あとは自動的に保存してくれるので、保存ボタンをクリックするとか 01:00:58.150 --> 01:01:01.150 Googleの場合はないですね。 01:01:01.150 --> 01:01:03.150 てな感じでOKですね。 01:01:03.150 --> 01:01:08.150 そうしましたら、次ですね。送信。 01:01:08.150 --> 01:01:15.420 ボタンに指定する場合はリンクでもいいんですけど、 01:01:15.420 --> 01:01:19.420 何か埋め込む。先ほどの冒頭のように埋め込む場合は 01:01:19.420 --> 01:01:24.420 このHTMLを埋め込むですね。これをコピーします。 01:01:24.420 --> 01:01:28.420 はい、コピーしたらですね、これ非常に簡単なんで 01:01:28.420 --> 01:01:36.250 新規追加ですね。固定ページ新規追加。 01:01:36.250 --> 01:01:44.710 お問い合わせ。URLのパーマリンクが出てこなかったですね。 01:01:44.710 --> 01:01:52.420 一旦下書き保存してください。 01:01:52.420 --> 01:01:57.420 すでに他の撮影で作っているので、このコンタクトという 01:01:57.420 --> 01:02:00.420 パーマリンク使えないので、皆さんの場合はこれにしてください。 01:02:00.420 --> 01:02:03.420 もしGoogleホームでやっていくという場合は 01:02:03.420 --> 01:02:07.420 重複しているので、Gとします。 01:02:07.420 --> 01:02:09.420 GoogleのG。 01:02:09.420 --> 01:02:13.420 あとは、この撮影にカスタマイズしているので 01:02:13.420 --> 01:02:23.170 本来はこれなくてOKです。これでOKですね。 01:02:23.170 --> 01:02:27.540 カスタマイズHTMLというのがあるので、これを 01:02:27.540 --> 01:02:31.540 よかったら検索してください。そうすると出てきます。 01:02:31.540 --> 01:02:35.540 貼り付けます。この状態で公開。 01:02:35.540 --> 01:02:42.260 実際に見てみます。反映されているのがわかりますね。 01:02:42.260 --> 01:02:48.260 こんな感じですね。非常に簡単に設定できますので 01:02:48.260 --> 01:02:53.260 頼りでも十分お手軽なんですけど、もっと手軽で 01:02:53.260 --> 01:02:56.260 やっていきたいという場合はこれを使ってください。 01:02:56.260 --> 01:03:02.260 サービスなので、いきなりサービス終了とか 01:03:02.260 --> 01:03:06.260 そんなことはないと思うので、運営できなくなったので 01:03:06.260 --> 01:03:10.260 終わりますとか、使用が変わって使えなくなるということは 01:03:10.260 --> 01:03:14.260 なくはないんですけど、そんな感じで 01:03:14.260 --> 01:03:18.260 サービス停止というのはなかなか考えられにくいので 01:03:18.260 --> 01:03:23.110 こういうのも使ってみてください。 01:03:23.110 --> 01:03:27.110 それでは今回はGoogleホームの補足の情報を開示します。 01:03:27.110 --> 01:03:30.110 補足でやってほしい設定なので、それについて 01:03:30.110 --> 01:03:33.110 やっていきたいと思います。 01:03:33.110 --> 01:03:36.110 この設定ですね。3つのタブがあると思うんですけど 01:03:36.110 --> 01:03:40.110 設定の中に回答というのがこういう状態で隠れていますので 01:03:40.110 --> 01:03:45.110 このメールアドレスを収集するのにオンにしておいてください。 01:03:45.110 --> 01:03:48.110 デフォルトでオンになっていたので大丈夫なんですけど 01:03:48.110 --> 01:03:50.110 一応確認しておいてください。 01:03:50.110 --> 01:03:54.110 グレーになったらオンにする。色を付けるという感じです。 01:03:54.110 --> 01:03:56.110 ワンクリックで切り替えができます。 01:03:56.110 --> 01:03:57.110 こうするということですね。 01:03:57.110 --> 01:04:00.110 一応これは確認ですね。目視しておいてください。 01:04:00.110 --> 01:04:05.110 回答のコピーを回答者に送信する。 01:04:05.110 --> 01:04:08.110 オフになっていますので常に表示にしておいてください。 01:04:08.110 --> 01:04:12.110 以上の設定ですね。この2点の設定だけお願いします。 01:04:12.110 --> 01:04:19.680 それでは今回はこちらのトップページの編集方法を 01:04:19.680 --> 01:04:23.630 解説していきます。 01:04:23.630 --> 01:04:30.630 まずこっちがトップページを何も設定していない方 01:04:30.630 --> 01:04:35.140 こっちが整理に設定してある方ですね。 01:04:35.140 --> 01:04:38.140 こういう1枚もののページというか 01:04:38.140 --> 01:04:41.140 こういうトップページを作成していきます。 01:04:41.140 --> 01:04:45.140 こっちに設定を施していきたいと思います。 01:04:45.140 --> 01:04:49.140 まずは管理画面に戻っていただいて 01:04:49.140 --> 01:04:54.140 固定ページ新規追加をクリックしてください。 01:04:54.140 --> 01:04:59.140 ここに何でもいいんですがトップと入力してください。 01:04:59.140 --> 01:05:02.140 ここはフロントページとかでもいいです。 01:05:02.140 --> 01:05:05.640 トップページとかでもいいです。 01:05:05.640 --> 01:05:07.640 このURLスラッグですね。 01:05:07.640 --> 01:05:10.640 これもし出てこなかったら一旦下書き保存してください。 01:05:10.640 --> 01:05:14.640 ここにトップと反格で入力します。 01:05:14.640 --> 01:05:16.640 これで公開ですね。 01:05:16.640 --> 01:05:21.080 内容は何も書かなくてOKです。 01:05:21.080 --> 01:05:25.080 現時点では何も書かなくてOK。 01:05:25.080 --> 01:05:32.080 また管理画面から表示設定をクリックしてください。 01:05:32.080 --> 01:05:34.080 固定ページのチェックを入れて 01:05:34.080 --> 01:05:40.080 ホームページ選択、トップを選択、変更保存ですね。 01:05:40.080 --> 01:05:44.080 ちなみにこのトップはこの通りにやっていただけば 01:05:44.080 --> 01:05:46.080 トップになっていると思うんですけど 01:05:46.080 --> 01:05:48.080 フロントページという名前を付けたのであれば 01:05:48.080 --> 01:05:50.080 フロントページになります。 01:05:50.080 --> 01:05:54.520 これで一旦見てみましょう。 01:05:55.520 --> 01:06:00.540 このスライダーいらないので消します。 01:06:00.540 --> 01:06:05.540 皆さんの場合もスライダーが映っていたら消してください。 01:06:05.540 --> 01:06:07.540 この記事スライダーですね。 01:06:07.540 --> 01:06:10.540 設置しないにして公開です。 01:06:10.540 --> 01:06:13.540 すると真っさらな状態になります。 01:06:13.540 --> 01:06:17.540 ここから1からやっていきたいと思います。 01:06:17.540 --> 01:06:19.540 この状態ですね。 01:06:19.540 --> 01:06:21.540 固定ページを編集。 01:06:21.540 --> 01:06:28.130 もしくは先ほどのここから編集画面に移動できます。 01:06:28.130 --> 01:06:30.130 どちらでもいいです。 01:06:30.130 --> 01:06:33.130 先ほどの表示設定をしたことによって 01:06:33.130 --> 01:06:35.130 このページがトップに配置されました。 01:06:35.130 --> 01:06:39.130 メインビジュアルから下がこれになっています。 01:06:39.130 --> 01:06:43.130 メインビジュアルが振ったまでの間ですね。 01:06:43.130 --> 01:06:45.130 これの編集方法ですね。 01:06:45.130 --> 01:06:47.130 内容はあらかじめ説明しておくと 01:06:47.130 --> 01:06:50.130 見出しがあって区切り線があって 01:06:50.130 --> 01:06:52.130 仮想ページですね。 01:06:52.130 --> 01:06:55.130 会社名とページを考えていただくと思います。 01:06:55.130 --> 01:06:58.130 編集と内容を考えていただくと思うんですけど 01:06:58.130 --> 01:07:01.130 この内容の抜粋分ですね。 01:07:03.130 --> 01:07:09.130 およそここまであれば十分かなという目安というのは 01:07:09.130 --> 01:07:11.130 あまり長くなってしまうと 01:07:11.130 --> 01:07:14.130 ちょっと冗長になってしまうので 01:07:14.130 --> 01:07:17.130 途中で区切っていいとこまで区切って 01:07:17.130 --> 01:07:19.130 詳しく見るに飛ばす。 01:07:19.130 --> 01:07:21.130 仮想ページですね。 01:07:21.130 --> 01:07:24.130 実際の会社名と具体的なページに飛ばす 01:07:24.130 --> 01:07:27.130 といった感じで編集をしていってください。 01:07:27.130 --> 01:07:29.130 なのでここの長さはお任せしますけど 01:07:29.130 --> 01:07:32.130 そこまで長いと冗長になってしまうので 01:07:36.130 --> 01:07:40.130 言っても5行とかですね。 01:07:40.130 --> 01:07:43.130 4から5行でいいと思います。 01:07:44.130 --> 01:07:47.130 3行というのはちょっと空いてしまったりとか 01:07:47.130 --> 01:07:49.130 寂しい印象があるので 01:07:51.130 --> 01:07:56.130 そうですね。そんな感じで設置してみてください。 01:07:57.130 --> 01:07:59.130 エロ理由も同じですね。 01:07:59.130 --> 01:08:01.130 これは内容のこの見出しの部分を 01:08:01.130 --> 01:08:06.130 過剰書きしたという感じで配置しています。 01:08:06.130 --> 01:08:08.130 これもちょろっと書いておく程度でOKです。 01:08:08.130 --> 01:08:10.130 プロフィールも同様ですね。 01:08:10.130 --> 01:08:13.570 いいところで区切ってください。 01:08:13.570 --> 01:08:15.570 こういう上で開業しましたところで区切って 01:08:15.570 --> 01:08:19.570 あとは実際のページに飛ばすといった感じになります。 01:08:19.570 --> 01:08:22.570 メルマガの登録ホームですね。 01:08:22.570 --> 01:08:25.570 こんな感じで設置をします。 01:08:25.570 --> 01:08:30.670 ここはベンチマーク絡んでくるので 01:08:30.670 --> 01:08:32.670 途中までやっていきます。 01:08:32.670 --> 01:08:34.670 お問い合わせ。 01:08:34.670 --> 01:08:36.670 これはお問い合わせホームに飛ばすと 01:08:36.670 --> 01:08:39.980 いった感じになります。 01:08:39.980 --> 01:08:41.980 これの編集方法ですね。 01:08:41.980 --> 01:08:44.980 まずは見出しですね。 01:08:44.980 --> 01:08:50.320 見出しを一致します。 01:08:50.320 --> 01:08:53.320 ちょっと僕の場合こうしてていきますね。 01:08:53.320 --> 01:08:55.320 皆さんは時間に変えてください。 01:08:56.320 --> 01:09:01.320 右サイドにセクション用というのがあるので 01:09:01.320 --> 01:09:04.320 これをクリックしてください。 01:09:04.320 --> 01:09:06.320 フォントサイズはこれ 01:09:06.320 --> 01:09:09.320 特大にしていただければと思います。 01:09:09.320 --> 01:09:18.860 あとはブロックの追加から区切りですね。 01:09:18.860 --> 01:09:20.860 区切りを選択。 01:09:20.860 --> 01:09:24.860 色はこの出てきますので 01:09:24.860 --> 01:09:27.860 メインカラーを指定するといいかな。 01:09:27.860 --> 01:09:29.860 他にも色々あるんですが 01:09:29.860 --> 01:09:31.860 メインカラーの方が統一感があります。 01:09:31.860 --> 01:09:34.860 この見出しと区切りしている間 01:09:34.860 --> 01:09:36.860 空いてしまっているので 01:09:36.860 --> 01:09:39.860 この見出しをカーソルを置いた状態でOKです。 01:09:39.860 --> 01:09:42.860 ブロック下の余白量ですね。 01:09:42.860 --> 01:09:45.860 基本的にこの右側でですね 01:09:45.860 --> 01:09:47.860 固定ページ全体の設定 01:09:47.860 --> 01:09:49.860 あとはブロックごとの設定 01:09:49.860 --> 01:09:51.860 切り替えることができますので 01:09:51.860 --> 01:09:53.860 ブロックを選択して見出し 01:09:53.860 --> 01:09:56.860 今選択されてますねのとこから 01:09:56.860 --> 01:09:57.860 余白量ですね。 01:09:57.860 --> 01:09:59.860 これ1にしてください。 01:09:59.860 --> 01:10:01.860 0だと一筆になってしまうので 01:10:01.860 --> 01:10:04.860 1くらいでOKです。 01:10:04.860 --> 01:10:07.860 ということで次ですね。 01:10:07.860 --> 01:10:11.860 次はブロックの追加段枠 01:10:11.860 --> 01:10:12.860 抜粋分ですね。 01:10:12.860 --> 01:10:16.860 これは皆さんの内容に合わせてですね 01:10:16.860 --> 01:10:17.860 編集してください。 01:10:17.860 --> 01:10:18.860 今回コヒペでいきますが 01:10:18.860 --> 01:10:20.860 皆さんはコヒペで 01:10:20.860 --> 01:10:22.860 実際のページが作れていたらですけど 01:10:22.860 --> 01:10:28.860 コヒペでその抜粋分を記載してください。 01:10:28.860 --> 01:10:34.010 次ですねボタン 01:10:34.010 --> 01:10:37.010 これはデフォルトのボタンを使用してですね 01:10:37.010 --> 01:10:40.010 これは中央空き 01:10:40.010 --> 01:10:46.420 詳しく見るとか 01:10:46.420 --> 01:10:47.420 詳細を確認するとか 01:10:47.420 --> 01:10:50.420 この文句は特にお待たせします。 01:10:50.420 --> 01:10:53.420 幅は50ですね。 01:10:53.420 --> 01:10:55.420 ここにリンク指定できるので 01:10:55.420 --> 01:10:57.420 ここに実際のページですね。 01:10:57.420 --> 01:11:03.420 会社名とはのページを指定していただければと思います。 01:11:03.420 --> 01:11:05.420 今回はトップページの解説なので 01:11:05.420 --> 01:11:06.420 編集法なので 01:11:06.420 --> 01:11:09.420 リンクは指定しません。 01:11:09.420 --> 01:11:14.380 ということで 01:11:14.380 --> 01:11:16.380 ここまでできたら 01:11:16.380 --> 01:11:21.940 これをですね一旦グループ化するっていうと 01:11:21.940 --> 01:11:23.940 その前後はですね 01:11:23.940 --> 01:11:25.940 キツキツになってしまうので 01:11:25.940 --> 01:11:30.450 余白をつけます。 01:11:30.450 --> 01:11:35.170 スペーサーっていうのがあるので 01:11:35.170 --> 01:11:39.170 これを使います。 01:11:39.170 --> 01:11:45.590 高さは70くらいでOKですね。 01:11:45.590 --> 01:11:48.590 この間が気になるので 01:11:48.590 --> 01:11:52.350 1とかで 01:11:52.350 --> 01:11:54.350 70にして 01:11:54.350 --> 01:11:59.750 ただ空きすぎてしまうため 01:11:59.750 --> 01:12:04.380 ブロック下の余白は1にします。 01:12:04.380 --> 01:12:10.590 また再びスペーサーを呼び出して 01:12:10.590 --> 01:12:11.590 これも同じですね 01:12:11.590 --> 01:12:16.890 70にしてください。 01:12:16.890 --> 01:12:20.670 OKですね。 01:12:20.670 --> 01:12:21.670 これちょっと空きすぎるので 01:12:21.670 --> 01:12:26.670 ボタンの下の余白を1にします。 01:12:26.670 --> 01:12:28.670 はい。 01:12:28.670 --> 01:12:30.670 でですね、この内容 01:12:30.670 --> 01:12:33.670 全部選択ですね。 01:12:33.670 --> 01:12:37.070 ここから 01:12:37.070 --> 01:12:40.070 Macの方は 01:12:40.070 --> 01:12:41.070 Windows Mac 01:12:41.070 --> 01:12:42.070 どっちもシフトあると思うので 01:12:42.070 --> 01:12:47.070 シフトを押した状態で 01:12:47.070 --> 01:12:53.880 ブロックをどんどんクリックしていってください。 01:12:53.880 --> 01:12:56.880 ここがやりづらいんですけど 01:12:56.880 --> 01:12:57.880 下からの方がいいですね。 01:12:57.880 --> 01:13:03.280 ここを選択した状態で 01:13:03.280 --> 01:13:08.100 ここは定義しづらいので 01:13:08.100 --> 01:13:15.040 一旦抜かしてやってみます。 01:13:15.040 --> 01:13:17.040 ここでグループっていうのがあるので 01:13:17.040 --> 01:13:19.040 これをグループ化します。 01:13:19.040 --> 01:13:21.040 特にこの区切り線を選択しなくても 01:13:21.040 --> 01:13:25.040 グループされたのでOKですね。 01:13:25.040 --> 01:13:27.040 次ですね。 01:13:27.040 --> 01:13:28.040 これだと 01:13:28.040 --> 01:13:30.040 ちょっとこの 01:13:30.040 --> 01:13:33.040 間が空いてしまっているので 01:13:33.040 --> 01:13:34.040 空いてしまっていいんですけど 01:13:34.040 --> 01:13:35.040 全幅にします。 01:13:35.040 --> 01:13:37.040 全幅にすると 01:13:37.040 --> 01:13:40.040 全体に幅が広がって 01:13:40.040 --> 01:13:41.040 例えば色を付けたいとき 01:13:41.040 --> 01:13:43.040 背景に色を付けたいときに 01:13:43.040 --> 01:13:45.040 この余白とか 01:13:45.040 --> 01:13:46.040 変な余白なくて 01:13:46.040 --> 01:13:50.040 全体に色が付くという感じです。 01:13:50.040 --> 01:13:53.040 例えばこういう色にします。 01:13:53.040 --> 01:13:54.040 そうすると 01:13:54.040 --> 01:13:59.380 背景の色が付くと 01:13:59.380 --> 01:14:00.380 これを更新して 01:14:00.380 --> 01:14:05.350 内容を見てみます。 01:14:05.350 --> 01:14:07.350 こんな感じで 01:14:07.350 --> 01:14:10.790 配置ができました。 01:14:10.790 --> 01:14:11.790 ちょっとここ 01:14:11.790 --> 01:14:14.790 余白が付いてしまっているので 01:14:14.790 --> 01:14:19.790 ここからカスタマイズをクリックします。 01:14:19.790 --> 01:14:22.790 これはですね 01:14:22.790 --> 01:14:27.470 その他 01:14:27.470 --> 01:14:28.470 トップページですね。 01:14:28.470 --> 01:14:32.470 トップページのその他 01:14:32.470 --> 01:14:36.470 コンテンツ上の余白量ですね。 01:14:36.470 --> 01:14:37.470 キースライダーとかあればいいんですけど 01:14:37.470 --> 01:14:38.470 初期の頃だと 01:14:38.470 --> 01:14:40.470 なかなかキースライダーとか 01:14:40.470 --> 01:14:41.470 難しいと思うので 01:14:41.470 --> 01:14:46.360 この余白を無しにします。 01:14:46.360 --> 01:14:49.360 もしキースライダーを表示させる場合は 01:14:49.360 --> 01:14:50.360 これあると 01:14:50.360 --> 01:14:52.360 もしかしたら 01:14:52.360 --> 01:14:55.360 激狭になってしまうと思うので 01:14:55.360 --> 01:14:58.930 なので 01:14:58.930 --> 01:15:02.300 こういう狭めに 01:15:02.300 --> 01:15:03.300 ここで調整できるということだけ 01:15:03.300 --> 01:15:05.300 覚えておいてください。 01:15:05.300 --> 01:15:08.300 こういう感じですね。 01:15:08.300 --> 01:15:09.300 こんな感じです。 01:15:09.300 --> 01:15:11.300 これをやっておくと 01:15:11.300 --> 01:15:12.300 この変な余白 01:15:12.300 --> 01:15:13.300 色を付けた場合は 01:15:13.300 --> 01:15:15.300 目立つので 01:15:15.300 --> 01:15:17.300 やっておいてください。 01:15:17.300 --> 01:15:23.340 配置後というページを編集 01:15:23.340 --> 01:15:24.340 あとは基本的に 01:15:24.340 --> 01:15:26.340 この内容を繰り返していく 01:15:26.340 --> 01:15:28.340 というだけになるんですけど 01:15:28.340 --> 01:15:29.340 これ一応複製できるので 01:15:29.340 --> 01:15:31.340 複製していただいて 01:15:31.340 --> 01:15:32.340 例えばこっちでしたら 01:15:32.340 --> 01:15:34.340 選ばれる理由 01:15:34.340 --> 01:15:35.340 というような感じで 01:15:35.340 --> 01:15:36.340 やってください。 01:15:36.340 --> 01:15:38.340 ちなみに背景色は 01:15:38.340 --> 01:15:39.340 一応紹介でやったので 01:15:40.340 --> 01:15:44.300 無くてもOKです。 01:15:44.300 --> 01:15:45.300 あとはデザインに合わせて 01:15:45.300 --> 01:15:48.670 やってください。 01:15:48.670 --> 01:15:59.340 あとは内容の書き換えですね。 01:15:59.340 --> 01:16:06.130 この中でリストを使ったりとかですね。 01:16:06.130 --> 01:16:08.130 リスト。 01:16:08.130 --> 01:16:16.100 強豪には何者の強み。 01:16:16.100 --> 01:16:17.100 これはデザインのものを 01:16:17.100 --> 01:16:22.910 入力してください。 01:16:22.910 --> 01:16:24.910 これ簡単な説明書きなんですけど 01:16:24.910 --> 01:16:25.910 具体的な文章まで 01:16:25.910 --> 01:16:29.910 落とし込める場合は 01:16:29.910 --> 01:16:31.910 簡素ページを作るという 01:16:31.910 --> 01:16:33.910 具体的なページを作るという 01:16:33.910 --> 01:16:35.910 形になります。 01:16:35.910 --> 01:16:36.910 それが難しい場合は 01:16:36.910 --> 01:16:37.910 できるだけ書いたほうが 01:16:37.910 --> 01:16:38.910 いいんですけど 01:16:38.910 --> 01:16:39.910 難しい場合は 01:16:39.910 --> 01:16:40.910 このトーストページに 01:16:40.910 --> 01:16:41.910 選ばれる理由を 01:16:41.910 --> 01:16:42.910 ちょろっと書いておく程度で 01:16:42.910 --> 01:16:43.910 OKです。 01:16:43.910 --> 01:16:44.910 ただ推奨するのは 01:16:44.910 --> 01:16:45.910 推奨というか 01:16:45.910 --> 01:16:47.910 できるだけこういう文章にしたほうが 01:16:47.910 --> 01:16:49.910 伝わり 01:16:49.910 --> 01:16:50.910 言うまでもないと思うんですけど 01:16:50.910 --> 01:16:54.910 伝わりますねという感じですね。 01:16:54.910 --> 01:16:56.910 なのでこんな感じで 01:16:56.910 --> 01:17:00.220 これもバスセブンみたいなもんですね。 01:17:00.220 --> 01:17:03.220 具体的なページの見出しですね。 01:17:03.220 --> 01:17:05.220 配置して 01:17:05.220 --> 01:17:07.220 ちょっと何だろうと思わせてからの 01:17:07.220 --> 01:17:08.220 実際のページに飛んでもらう 01:17:08.220 --> 01:17:11.860 詳しく見るですね。 01:17:11.860 --> 01:17:12.860 複製 01:17:12.860 --> 01:17:15.860 次はプロフィールですね。 01:17:15.860 --> 01:17:16.860 基本的にこれをずっと 01:17:16.860 --> 01:17:19.860 繰り返していくっていう形 01:17:19.860 --> 01:17:21.860 なんですけど 01:17:21.860 --> 01:17:23.860 今回はカラムですね。 01:17:23.860 --> 01:17:25.860 これを使っていきたいと思います。 01:17:25.860 --> 01:17:27.860 カラムはですね 01:17:27.860 --> 01:17:32.870 カラムと検索していただいて 01:17:32.870 --> 01:17:34.870 そうですね割合 01:17:34.870 --> 01:17:36.870 30、70 01:17:36.870 --> 01:17:43.200 これで画像 01:17:43.200 --> 01:17:45.200 画像の予想 01:17:45.200 --> 01:17:48.200 実際はパソコンからですね 01:17:48.200 --> 01:17:49.200 ここから 01:17:49.200 --> 01:17:51.200 クリシーの顔の 01:17:51.200 --> 01:17:53.200 わかるようなもの 01:17:53.200 --> 01:17:54.200 それをですね 01:17:54.200 --> 01:17:57.200 アップして設置してください。 01:17:57.200 --> 01:17:59.200 今回はこのダミーの画像でいきます。 01:17:59.200 --> 01:18:03.730 段落 01:18:03.730 --> 01:18:06.730 はいこんな感じですね。 01:18:06.730 --> 01:18:08.730 ちなみにこのボタンも色変えられるので 01:18:08.730 --> 01:18:09.730 背景の色ですね。 01:18:09.730 --> 01:18:10.730 こんな感じで 01:18:10.730 --> 01:18:12.730 テキストは都合悪いので 01:18:12.730 --> 01:18:13.730 こんな感じで 01:18:13.730 --> 01:18:14.730 背景の色変えられますので 01:18:14.730 --> 01:18:16.730 それで 01:18:16.730 --> 01:18:17.730 黒以外 01:18:17.730 --> 01:18:19.730 黒だとちょっと 01:18:19.730 --> 01:18:20.730 サイトのデザインによるんですけど 01:18:20.730 --> 01:18:21.730 寂しいので 01:18:21.730 --> 01:18:23.730 なんか色を付けておいてください。 01:18:23.730 --> 01:18:29.450 これも複製ですね。 01:18:29.450 --> 01:18:32.450 次がメルマガの登録フォームですね。 01:18:32.450 --> 01:18:34.450 もうちょっと講習でいきます。 01:18:34.450 --> 01:18:36.450 無料メルマガ登録はこちらからですね。 01:18:36.450 --> 01:18:38.450 無料は強調しているわけなんですけど 01:18:39.450 --> 01:18:41.450 はい 01:18:41.450 --> 01:18:43.450 会社名では 01:18:43.450 --> 01:18:45.450 ただいまメルマガジンの新規登録を 01:18:45.450 --> 01:18:46.450 募集中です。 01:18:46.450 --> 01:18:47.450 登録いただけると 01:18:47.450 --> 01:18:48.450 こういう情報が 01:18:48.450 --> 01:18:49.450 配信 01:18:49.450 --> 01:18:52.450 得られますみたいな感じですね。 01:18:52.450 --> 01:18:53.450 メールアドレスのみで 01:18:53.450 --> 01:18:55.450 OKですよっていう 01:18:55.450 --> 01:18:56.450 こういう例文ですね。 01:18:56.450 --> 01:18:59.450 動画を一時停止してですね。 01:18:59.450 --> 01:19:00.450 ちょっと考えて 01:19:00.450 --> 01:19:01.450 打ち込んでみてください。 01:19:01.450 --> 01:19:02.450 これは特に 01:19:02.450 --> 01:19:04.450 なんかメモ帳とか 01:19:04.450 --> 01:19:06.450 そうですね。 01:19:07.450 --> 01:19:10.450 メモ帳に一旦書いていただいてから 01:19:10.450 --> 01:19:12.450 こちらにコシペでもいいですね。 01:19:12.450 --> 01:19:14.450 消すときに 01:19:14.450 --> 01:19:17.450 ちょっとコツがいるんですけど 01:19:17.450 --> 01:19:19.450 ここをクリックして 01:19:19.450 --> 01:19:20.450 ここをクリックする 01:19:20.450 --> 01:19:21.450 すると 01:19:21.450 --> 01:19:23.450 全体ですね。 01:19:23.450 --> 01:19:24.450 今これは 01:19:24.450 --> 01:19:25.450 なんでしょうね 01:19:25.450 --> 01:19:26.450 子供の要素にいるので 01:19:26.450 --> 01:19:28.450 どんどん親の要素に移動したいので 01:19:28.450 --> 01:19:29.450 ここですね。 01:19:29.450 --> 01:19:30.450 ここをクリックして 01:19:30.450 --> 01:19:31.450 ここをクリックして 01:19:31.450 --> 01:19:32.450 全体を 01:19:32.450 --> 01:19:34.450 親の要素までいく 01:19:34.450 --> 01:19:35.450 子供の要素 01:19:35.450 --> 01:19:36.450 親の要素があるっていうこと 01:19:36.450 --> 01:19:38.450 ちょっと空目のときは注意してください。 01:19:38.450 --> 01:19:40.450 あと他のもあるんですけど 01:19:40.450 --> 01:19:41.450 なんかおかしいなと思ったら 01:19:41.450 --> 01:19:43.450 そういう 01:19:43.450 --> 01:19:44.450 構造になっていることを 01:19:44.450 --> 01:19:46.450 思い出してみてください。 01:19:46.450 --> 01:19:50.590 この状態で消します。 01:19:50.590 --> 01:19:52.590 段落で 01:19:52.590 --> 01:19:54.590 貼り付けですね。 01:19:54.590 --> 01:19:56.590 ちょっと左に寄ってしまってて 01:19:56.590 --> 01:19:57.590 気持ち悪いなと思ったら 01:19:57.590 --> 01:19:59.590 中央にすると 01:19:59.590 --> 01:20:00.590 なんかこう 01:20:00.590 --> 01:20:02.590 すっきりします。 01:20:02.590 --> 01:20:06.590 文章が短い場合ですね。 01:20:06.590 --> 01:20:08.590 ここに関しては 01:20:08.590 --> 01:20:10.590 ベンチマークEメールになりますので 01:20:10.590 --> 01:20:14.540 HTMLと 01:20:14.540 --> 01:20:18.050 埋め込みコードを取得した状態で 01:20:18.050 --> 01:20:20.050 このカスタムHTMLに配置してください。 01:20:20.050 --> 01:20:21.050 ボタンいらないので 01:20:21.050 --> 01:20:23.050 今回は消します。 01:20:23.050 --> 01:20:28.820 削除と 01:20:28.820 --> 01:20:29.820 これも 01:20:29.820 --> 01:20:30.820 今 01:20:30.820 --> 01:20:31.820 子供の要素にいて 01:20:31.820 --> 01:20:33.820 うまく削除ができなかったので 01:20:33.820 --> 01:20:35.820 親の要素に移動 01:20:35.820 --> 01:20:38.820 この状態で削除します。 01:20:38.820 --> 01:20:41.820 あと注意喚起のこれですね。 01:20:41.820 --> 01:20:42.820 アドレスGメールにしてくださいね 01:20:42.820 --> 01:20:44.820 っていうものですね。 01:20:44.820 --> 01:20:48.820 極端に届きにくくなってしまうため 01:20:48.820 --> 01:20:49.820 キャリアのメールとか 01:20:49.820 --> 01:20:50.820 このiCloud 01:20:50.820 --> 01:20:51.820 やめてくださいね 01:20:51.820 --> 01:20:52.820 っていうものですね。 01:20:52.820 --> 01:20:55.330 で、次 01:20:55.330 --> 01:20:56.330 最後ですね 01:20:56.330 --> 01:20:57.330 お問い合わせフォームですね。 01:20:57.330 --> 01:20:59.330 これはこっちを複製します。 01:20:59.330 --> 01:21:04.330 これ上とか下に移動できるので 01:21:04.330 --> 01:21:07.330 下に移動した上で 01:21:07.330 --> 01:21:10.330 最後お問い合わせですね。 01:21:11.330 --> 01:21:17.300 皆さんは実際にですね 01:21:17.300 --> 01:21:19.300 こうやって打ち込んでください。 01:21:19.300 --> 01:21:21.300 で、あとはここ 01:21:21.300 --> 01:21:22.300 これ同じですね。 01:21:22.300 --> 01:21:23.300 カラーム 01:21:23.300 --> 01:21:27.940 で、これ消してください。 01:21:27.940 --> 01:21:32.940 で、ここに文章を打ち込むと 01:21:32.940 --> 01:21:34.940 お問い合わせフォームはいかになります。 01:21:34.940 --> 01:21:36.940 これ中央に配置します。 01:21:36.940 --> 01:21:37.940 あとはこれ 01:21:37.940 --> 01:21:38.940 詳しく見るんですけど 01:21:38.940 --> 01:21:40.940 お問い合わせフォームねっていう風に 01:21:40.940 --> 01:21:43.940 これ皆さんは手打ちで打ち込んでください。 01:21:43.940 --> 01:21:46.940 で、実際のお問い合わせフォームの方に指定すると 01:21:46.940 --> 01:21:47.940 いった感じになります。 01:21:47.940 --> 01:21:48.940 こんな感じですね。 01:21:48.940 --> 01:21:51.940 あとは更新をクリックしていただいて 01:21:51.940 --> 01:21:53.940 基本はバスティブもニューヨークっていう感じで 01:21:53.940 --> 01:21:55.940 編集をしてみてください。 01:21:55.940 --> 01:21:56.940 あとグループを使うとか 01:21:56.940 --> 01:21:58.940 いろいろ細かいとこありましたけど 01:21:58.940 --> 01:22:00.940 ゆっくりやってみてください。 01:22:00.940 --> 01:22:06.740 それでは今回は 01:22:06.740 --> 01:22:09.740 メニューの設定を解説していきたいと思います。 01:22:09.740 --> 01:22:11.740 ある程度ページがですね 01:22:11.740 --> 01:22:13.740 固定ページの方で 01:22:13.740 --> 01:22:14.740 ページを作成できたら 01:22:14.740 --> 01:22:16.740 メニューの設定をやっていきましょう。 01:22:16.740 --> 01:22:21.140 こんな感じですね。 01:22:21.140 --> 01:22:22.140 メニュー 01:22:22.140 --> 01:22:25.140 グローバルメニューなんかといいますけど 01:22:25.140 --> 01:22:28.140 メインとなるコンテンツを配置して 01:22:28.140 --> 01:22:31.140 あとルールとかキーアップ系は 01:22:31.140 --> 01:22:34.140 下の方に配置するといった感じになります。 01:22:34.140 --> 01:22:37.140 なのでヘッダーとフッターに分けるっていう 01:22:37.140 --> 01:22:38.140 そんな感じです。 01:22:38.140 --> 01:22:42.140 外観のメニューをクリックしてください。 01:22:42.140 --> 01:22:45.140 こちらから 01:22:45.140 --> 01:22:48.140 まずヘッダーの方をやっていきます。 01:22:49.140 --> 01:22:51.140 ヘッダーをメニューと入力して 01:22:51.140 --> 01:22:53.140 メニューを作成 01:22:53.140 --> 01:23:00.420 すべてのやつをやるとすべてのが出てきます。 01:23:00.420 --> 01:23:04.420 最近のやつは出てこないのですべてですね。 01:23:04.420 --> 01:23:08.420 まずは会社名とページをメニューに追加します。 01:23:08.420 --> 01:23:10.420 チェックを入れて 01:23:10.420 --> 01:23:13.420 メニューに追加するっていう簡単な作業です。 01:23:13.420 --> 01:23:16.730 あとはプロフィール 01:23:16.730 --> 01:23:20.100 選ばれる理由ですね。 01:23:20.100 --> 01:23:25.270 あとは 01:23:25.270 --> 01:23:27.270 お客様の声ですね。 01:23:27.270 --> 01:23:31.540 あとはギャラリーとかですね。 01:23:31.540 --> 01:23:34.540 これもしなかったらメニューから 01:23:34.540 --> 01:23:36.540 メニューに追加しなくてもOKです。 01:23:36.540 --> 01:23:39.540 作成自体ができていないと思うんで。 01:23:39.540 --> 01:23:41.540 ブログ記事欄はこの後解説します。 01:23:41.540 --> 01:23:45.750 あとよくある質問 01:23:45.750 --> 01:23:47.750 あとお問い合わせですね。 01:23:47.750 --> 01:23:50.750 この内容で作成してください。 01:23:50.750 --> 01:23:52.750 プロフィールはこのように 01:23:52.750 --> 01:23:54.750 改装にしてしまってもいいです。 01:23:54.750 --> 01:23:57.750 こういうことですね。 01:23:57.750 --> 01:23:59.750 カートラーを押せと出てくると 01:23:59.750 --> 01:24:01.750 改装上にするには 01:24:01.750 --> 01:24:03.750 ちょっとずらすっていう 01:24:03.750 --> 01:24:05.750 副項目になっているのを確認ですね。 01:24:05.750 --> 01:24:07.750 一旦保存します。 01:24:07.750 --> 01:24:10.750 次にブログ記事一覧を作ります。 01:24:10.750 --> 01:24:12.750 どういうものなのかといいますと 01:24:12.750 --> 01:24:14.750 このように一覧となっている 01:24:14.750 --> 01:24:16.750 っていう感じですね。 01:24:16.750 --> 01:24:18.750 こういうのを設置できますので 01:24:18.750 --> 01:24:20.750 すごく簡単にできます。 01:24:20.750 --> 01:24:22.750 これはまず固定ページから 01:24:22.750 --> 01:24:25.750 新規追加ですね。 01:24:25.750 --> 01:24:29.750 ここにブログ記事一覧と入力してください。 01:24:29.750 --> 01:24:34.660 そしたらここに 01:24:34.660 --> 01:24:35.660 アーマリンクですね。 01:24:35.660 --> 01:24:36.660 もしこれ出てこなかったら 01:24:36.660 --> 01:24:38.660 一回下書き保存してください。 01:24:38.660 --> 01:24:43.870 ここにブログと打ち込んでください。 01:24:43.870 --> 01:24:45.870 これで公開ですね。 01:24:45.870 --> 01:24:50.870 内容は中身は何も書かなくてOKです。 01:24:50.870 --> 01:24:55.080 この状態で 01:24:55.080 --> 01:24:58.080 表示設定をクリックします。 01:24:58.080 --> 01:25:01.080 投稿ページのところに選択とあるので 01:25:02.080 --> 01:25:05.080 ここにブログ記事一覧を指定します。 01:25:05.080 --> 01:25:08.080 変更保存。 01:25:08.080 --> 01:25:10.080 そうしましたら 01:25:10.080 --> 01:25:15.160 外観メニューですね。 01:25:15.160 --> 01:25:18.160 その中でブログ記事一覧 01:25:18.160 --> 01:25:21.160 これをメニューに追加します。 01:25:21.160 --> 01:25:29.850 保存。 01:25:29.850 --> 01:25:35.080 サイトを見てみます。 01:25:35.080 --> 01:25:36.080 あれですね。 01:25:36.080 --> 01:25:40.080 ここにグローバルメニューとあるので 01:25:40.080 --> 01:25:41.080 これをチェックを入れてください。 01:25:41.080 --> 01:25:44.080 メニューを保存ですね。 01:25:44.080 --> 01:25:47.080 これで確認します。 01:25:47.080 --> 01:25:49.080 反映されているのが分かりますね。 01:25:49.080 --> 01:25:51.080 ブログ記事一覧も少ないんですが 01:25:51.080 --> 01:25:53.080 投稿数が1個しかないんですが 01:25:53.080 --> 01:25:54.080 これが一覧となって表示されると 01:25:54.080 --> 01:25:58.080 いった形になります。 01:25:58.080 --> 01:26:01.080 こんな感じですね。 01:26:01.080 --> 01:26:03.080 メニューは設置してください。 01:26:03.080 --> 01:26:06.520 次フッターの方ですね。 01:26:06.520 --> 01:26:09.520 ちなみに内容はですね 01:26:09.520 --> 01:26:13.520 実際に作成できたものだけでいいです。 01:26:13.520 --> 01:26:16.520 あとご自身の設置したいものに 01:26:16.520 --> 01:26:18.520 合わせてください。 01:26:18.520 --> 01:26:21.520 基本は会社名とか選べる理由とかですね。 01:26:21.520 --> 01:26:22.520 ブログ記事一覧ですね。 01:26:22.520 --> 01:26:24.520 こういうのはできるかなと思います。 01:26:24.520 --> 01:26:27.520 あとよくある質問なんかも 01:26:27.520 --> 01:26:30.520 難しくはないかなと思います。 01:26:30.520 --> 01:26:31.520 ここはお任せします。 01:26:31.520 --> 01:26:32.520 あとここですね。 01:26:32.520 --> 01:26:35.520 先ほど解説したグローバルナビに 01:26:35.520 --> 01:26:37.520 チェックを入れておいてください。 01:26:37.520 --> 01:26:38.520 これですね。 01:26:38.520 --> 01:26:42.520 グローバルナビとスマホの方ですね。 01:26:42.520 --> 01:26:45.520 チェックを入れておいてください。 01:26:45.520 --> 01:26:52.560 次フッターのメニューを作成していきます。 01:26:52.560 --> 01:26:56.870 フッターとリンクします。 01:26:56.870 --> 01:26:59.870 フッターメニューでメニューを作成。 01:26:59.870 --> 01:27:00.870 フッターはですね 01:27:00.870 --> 01:27:05.870 こういう会社概要とかプライバシーポリシーとか 01:27:05.870 --> 01:27:08.870 特定小取引に基づく表記 01:27:08.870 --> 01:27:10.870 それと再度お問い合わせフォームですね。 01:27:10.870 --> 01:27:12.870 これを配置します。 01:27:12.870 --> 01:27:15.870 フッターのところにチェックを入れてください。 01:27:15.870 --> 01:27:17.870 メニューを保存ですね。 01:27:17.870 --> 01:27:19.870 これでOKですね。 01:27:19.870 --> 01:27:24.020 配置されましたね。 01:27:24.020 --> 01:27:25.020 こんな感じですね。 01:27:25.020 --> 01:27:27.020 メニューを使ってグローバルナビ 01:27:27.020 --> 01:27:29.020 ヘッダーの方とフッターですね。 01:27:29.020 --> 01:27:31.020 設定しておいてください。