WEBVTT

00:00:00.000 --> 00:00:07.520
はい、それでは今回はWordPressのカスタマイズ講座というテーマで解説を進めます。

00:00:07.520 --> 00:00:14.640
この動画でわかることですね。 メニュー、括弧グローバルメニューの設定法がわかります。

00:00:14.640 --> 00:00:22.960
ビジットですね、サイドバーの設定法がわかります。 最後にページ内のレイアウトを組む方法がわかります。

00:00:22.960 --> 00:00:31.800
こういった内容で解説を進めていきます。 はい、WordPressのカスタマイズとは一体どういうことなのかと言いますと、

00:00:31.800 --> 00:00:40.720
カスタマイズの方法というのはいくつかあります。 一つ目、標準でついているもの、できるものですね。

00:00:40.720 --> 00:00:47.720
標準機能だけでできるもの。 あとはWordPressテーマを使用して初めてできるものですね。

00:00:47.720 --> 00:00:54.920
あとはWordPressプラグインを使用して初めてできるものになります。 今回はですね

00:00:54.920 --> 00:01:01.640
標準でできるものに絞ってお伝えします。 これをメインとしてお伝えします。

00:01:01.640 --> 00:01:11.400
最近ですとこのテーマの割合というものが結構大きくなっています。 テーマでできる設定ですとか

00:01:11.400 --> 00:01:17.320
できるレイアウト、デザインだったりとか そういうものが結構

00:01:17.320 --> 00:01:23.400
大きく占めてるんですけど、トレンドとか ハイアリストリがあるので

00:01:23.400 --> 00:01:30.160
まずここを押さえてですね、標準機能の部分を押さえてからそういうのに手を出してください。 プラグインも同様ですね。

00:01:30.160 --> 00:01:37.600
開発が止まってしまったりとか、これも ずっと続くものかわからないので、まずはここから

00:01:37.600 --> 00:01:44.480
覚えていただきたいと思います。 これを知っていればですね、テーマ独自の機能ですとか設定とか

00:01:44.480 --> 00:01:49.720
そういったものも 使えるようになりますので

00:01:49.720 --> 00:01:56.360
そのように進めてください。 標準機能でできることですね、これをまとめてみました。

00:01:56.360 --> 00:02:02.000
まずメニューですね。 メニュー盤の設定、ビジットサイト盤の設定

00:02:02.000 --> 00:02:08.380
最近ですとこういったものもあります。 ブロックエディターというものですね。

00:02:08.380 --> 00:02:15.620
以前のものがクラシックエディターと言います。 プラグインを使うことによって以前のエディターで編集ができるんですけど

00:02:15.620 --> 00:02:21.140
最近標準だとこれですね。 クラシックエディターも

00:02:21.140 --> 00:02:26.940
慣れている方は編集がしやすいんですけど、 このブロックエディターを覚えることによってですね

00:02:26.940 --> 00:02:34.420
レイアウトを組めたりとか、そういうことができるようになります。 これからこっちを覚えた方が

00:02:34.420 --> 00:02:44.750
何かといいと思いますので、これをお伝えします。 あとは設定の中に表裏設定というものがあるんですけど、それの

00:02:44.750 --> 00:02:54.030
流れですね。これも覚えておくと結構 編集の幅が広がるというので、任意のページをですね、トップページに設定することができます。

00:02:54.030 --> 00:02:58.670
トップページを任意のページに設定することが可能です。

00:02:59.830 --> 00:03:05.670
これでしたらテーマに依存せずですね、 できますし

00:03:05.670 --> 00:03:12.030
当然プラグインにも依存しないといった形になりますね。 なので

00:03:12.030 --> 00:03:18.190
これを覚えていきましょう。特にこのブロックエディターですね。 ブロックエディターを中心に

00:03:18.190 --> 00:03:22.630
編集方法をお伝えしていきたいとおもいます。

00:03:22.630 --> 00:03:29.110
メニューの設定方法ですね。 これをお伝えします。

00:03:29.110 --> 00:03:35.750
基本的なところなんですが、この動画から初めて知るという方もいると思うので、

00:03:35.750 --> 00:03:42.670
ちょっとお伝えしていきたいとおもいます。 まずこれっていうのはカニ画面上の外観というとこから

00:03:42.670 --> 00:03:51.870
項目からメニューというものがありますので、そこをクリックして設定画面に進むという そういった設定方法になります。

00:03:51.870 --> 00:03:58.470
具体的な設定方法は実際の画面は後ほどお見せします。

00:03:58.470 --> 00:04:05.950
配置の例としまして、こういうものですね。 メニューバーのとこなんで、こういうものがあると

00:04:05.950 --> 00:04:17.650
いいかなというとこなんですが、まず会社名とはというページに移動する項目。 理念とかそういうものが記載されたページですね。

00:04:17.650 --> 00:04:24.450
まずその会社の実態とかコンセプトなんかを確認して、 その上で

00:04:24.450 --> 00:04:32.930
なぜ選ばれるのか、そういう理由を述べて確認してもらって、 具体的な商品サービスを知ってもらって、

00:04:32.970 --> 00:04:40.810
ブログ記事ですね、こういう情報発信もしてるんですよっていうのも信頼なので、 見てもらって、その上で

00:04:40.810 --> 00:04:47.850
お客様の声ですね、実際に関わった人の声を聞いて、 信頼できるんだなというところですね、確認してもらう。

00:04:47.850 --> 00:04:55.050
よくある人も疑問点を払拭してもらって、 CTA としてお問い合わせですね。

00:04:55.050 --> 00:05:01.850
というのがメジャーな配置例になります。 当然この中に

00:05:01.850 --> 00:05:09.170
CTA としまして無料オファーですね。 そういったものを紹介するページ、リード獲得ページなんかを配置する

00:05:09.170 --> 00:05:17.010
というのもいいわけなんですが、 メジャーな配置をちょっとお伝えしました。

00:05:19.610 --> 00:05:25.810
設定方法さえわかってしまえば、これも自由にカスタマイズができるので、 あくまで一例だと思ってください。

00:05:26.090 --> 00:05:34.370
ということで実際の画面をお見せします。 では実際の画面を解説していきたいと思います。

00:05:34.690 --> 00:05:42.010
こちらの今カーソルで動かしている箇所が メニューバーが表示される位置になります。

00:05:42.010 --> 00:05:47.290
これも覚えておいてほしいのが、 WordPress テーマによってはこっちに

00:05:47.290 --> 00:05:56.290
表示することもできるものがあります。横ですね。 あとはこのサイトのタイトルですね、上に

00:05:56.290 --> 00:06:04.890
表示される、表示してくれるテーマもあります。 ということなので基本的にはこのヘッダーの部分ですね。

00:06:04.890 --> 00:06:10.890
ここにメニューバーが配置されるということを覚えておいてください。

00:06:10.890 --> 00:06:16.170
今は非表示になっているため、これから設定していきたいと思います。

00:06:16.170 --> 00:06:26.630
ちなみに、今設定しているテーマがエバノンというものになります。 これは無料のものですね。

00:06:26.630 --> 00:06:34.950
皆さんはできるだけ有用なものを使ってください。 ということで解説を進めていきます。

00:06:34.950 --> 00:06:41.270
ではまずですね、ここから 外観、メニューですね。

00:06:41.350 --> 00:06:49.260
こちらをクリックしてください。 こちらからメニューバーの設定ができます。

00:06:49.260 --> 00:06:54.660
まずですね、 メニューの名前ですね。

00:06:54.660 --> 00:07:05.770
これを付けてください。 ヘッダーですね、ここがヘッダーなので

00:07:05.770 --> 00:07:15.980
ヘッダーメニューとします。 この状態でですね、

00:07:15.980 --> 00:07:28.270
基本的に固定ページのものを設定します。 もしくはカスタムリンクとかですね、カテゴリーとかそういったものを設定します。

00:07:28.270 --> 00:07:38.020
カスタムリンクですね、これは外部のサイトと連携することができます。 例えばECショップ作成系のサービスとかですね。

00:07:38.020 --> 00:07:45.060
そういったものと連携ができます。 そこだけ覚えていただければOKです。

00:07:45.060 --> 00:07:52.940
リンクの文字列を何かしら打ち込んでいただいて、ここにそのサイトですね、 もしくはページのURLを配置すると、

00:07:52.940 --> 00:07:58.340
するとそのページに飛ばしてくれるというものでして、 これも覚えておくと便利なので覚えておいてください。

00:07:58.340 --> 00:08:05.500
カスタマイズとしましては、これはですね、 結構覚えておく必要があります。

00:08:05.500 --> 00:08:12.380
あと基本的にはワードプレス内で完結するものとしましては、 固定ページ、カテゴリー、この2つですね。

00:08:12.380 --> 00:08:21.580
投稿は設定できるんですけど、ほぼほぼ使わないです。 特に見せたい記事ですね、そういったものがあったら

00:08:21.580 --> 00:08:26.260
設定する程度なんですけど、あまり使わないですね。

00:08:26.260 --> 00:08:31.700
設定法はこれ、 初めて見るという方もいるので解説します。

00:08:31.700 --> 00:08:41.860
ここですね、チェックを入れて、 ページのタイトル、設定したいもののページのタイトルをチェックを入れて、メニューに追加ですね。

00:08:41.860 --> 00:08:51.460
先ほどと同じような配置例ですね。 に沿ってちょっと設定してみたいと思うんですが、

00:08:51.460 --> 00:08:57.220
あとは選ばれる理由ですね。 こういった感じで直感的にできるので、

00:08:57.220 --> 00:09:06.020
どこをどういじるのか、どこが設定されるのか、さえ覚えていれば カスタマイズはとても簡単です。

00:09:06.020 --> 00:09:13.600
ブログ記事一覧ですね。これはちょっとゴミった操作になってくるので、 この後お見せします。

00:09:13.600 --> 00:09:20.560
あとはよくある質問、問い合わせ、こういったところですね。

00:09:20.560 --> 00:09:27.080
お客様の声ですね。 この間にブログ記事一覧が入ってくるという感じです。

00:09:27.080 --> 00:09:33.240
注意してほしいのはここですね。 だいたい反映されませんという方、

00:09:33.240 --> 00:09:42.470
ここにチェックが入ってないです。 この項目自体もですね、ワードプレステーマによって微妙に変わってくるので、

00:09:42.470 --> 00:09:52.630
なのでよく読んでください。ヘッダーとかフッターとか、 必ず文言の中に含まれていると思いますので、

00:09:52.630 --> 00:10:01.230
その意味合いとかですね、だいたいわかると思います。 ヘッド、頭の部分ですね。フッターですね。

00:10:01.230 --> 00:10:03.830
下の部分。

00:10:03.870 --> 00:10:09.910
というように、 よく読んでいただければOKです。チェックを入れてください。

00:10:09.910 --> 00:10:15.510
保存ですね。出ないと反映されないです。 というのがあるあるなので覚えておいてください。

00:10:15.510 --> 00:10:27.310
反映されるとどうなるかと言いますと、 こうなりますね。会社名とはですね、

00:10:27.310 --> 00:10:35.510
選ばれる理由、商品サービス、お客様の声、 よくある質問、お問い合わせ。ちゃんと反映されてますね。

00:10:35.510 --> 00:10:43.470
あとここの文言がですね、結構長くなってしまうと 賑やに改良されてしまって、ここの幅が

00:10:43.470 --> 00:10:48.430
ちょっと広がってしまって、すごくダサい デザインになってくるので、それは下げたほうがいいです。

00:10:48.430 --> 00:10:54.310
なのでここの文言は、 極力短めにするっていう感じですね。

00:10:54.310 --> 00:11:00.550
もし長くなってしまう場合は、 このナビゲーションラベルですね。ここももしかしたら

00:11:01.030 --> 00:11:09.190
テーマにて違う可能性もこれから出てくると思うので、 ここだけですね、ラベルを設定するっていうことを

00:11:09.310 --> 00:11:17.390
具体的に覚えるっていうよりとは、 ざっくりと覚えていただいて、ここを編集すれば

00:11:17.390 --> 00:11:29.840
こっちにも反映されますよっていうことを覚えておいてください。 例えば、このように設定することによって

00:11:29.840 --> 00:11:42.540
こっちにもこのように反映されますねっていうものです。 あとフッターもですね、設定できます。

00:11:42.540 --> 00:11:51.300
フッターとしましては、会社がいいよとかそういったものを設定してください。 設定方法は同じなので割愛します。

00:11:51.300 --> 00:12:03.370
その場合はこのように新しいメニューを追加してください。 今回フェッターだったんですけど、フッターですねにして

00:12:03.370 --> 00:12:08.890
ここにチェックを入れて会社がいいよとかチェックですね。 今回ちょっと

00:12:08.890 --> 00:12:17.300
用意しなかったので、せっかくなんで固定ページの 編集方法ですね、これをやっていきたいとおもいます。

00:12:17.300 --> 00:12:25.900
新規追加ですね。 会社がいいよ。

00:12:25.900 --> 00:12:34.790
ここですね、ファーマリンク。 このように入力してください。

00:12:34.790 --> 00:12:48.810
公開ですね。 他にもいろいろあるんですけど、プライバシーポリシーとかあるんですけど、 今回この会社がいいよだけにします。

00:12:48.850 --> 00:12:59.180
こっちにチェックを入れて、 そうするとフッターにも反映されるという形になりますね。

00:12:59.180 --> 00:13:06.450
あと他にも、音合わせとか

00:13:06.450 --> 00:13:13.130
反映されますね。 こういった感じでどんどんカスタマイズができます。

00:13:13.130 --> 00:13:18.570
ここ必ずチェックを入れてください。フッターメニューですね。

00:13:18.690 --> 00:13:25.050
フッターとなっているものにチェックを入れて、 フッター用のこのメニューを作成するっていうことですね。

00:13:25.050 --> 00:13:31.290
ここ、ちょっと慣れてない方は混乱すると思うんですけど、 メニューって複数作成することができます。

00:13:31.290 --> 00:13:42.030
さっきやったのがヘッダーで、今回やったのがフッター。 このようにチェックを入れてないと反映がされないっていうことだけは覚えていてください。

00:13:42.030 --> 00:13:49.750
次ですね、ここにブログ記事一覧を 配置したいと思います。この間ですね。

00:13:49.750 --> 00:13:57.950
何でかというと、これからですね、 このトップの方に固定ページを使って

00:13:57.950 --> 00:14:03.670
こういうものじゃなくて、ブログ記事一覧でなくて、 2の固定ページですね。

00:14:03.670 --> 00:14:12.550
情報をまとめたものを配置して、カスタマイズするというところを 見せしたいと思うんですけど、そうなるとこのブログ記事がですね

00:14:12.550 --> 00:14:18.790
トップに配置されなくなってしまいます。 なのでこのメニューに配置するというわけですね。

00:14:18.790 --> 00:14:24.030
やり方、ちょっと込み入った操作が必要になってくるので、 これもカスタマイズの一つなので覚えておいてください。

00:14:24.030 --> 00:14:40.090
ということでまず、固定ページで新規追加します。 ブログ記事一覧、ここは何でもいいです。

00:14:40.090 --> 00:14:50.510
リンクですね。ここからブログとしてください。 一旦公開します。

00:14:50.510 --> 00:14:57.480
次に設定から表示設定をクリックしてください。

00:14:57.480 --> 00:15:03.720
一旦ですね、会社名とはにします。

00:15:03.720 --> 00:15:11.400
この会社名とはに、カスタマイズした内容を配置していきます。

00:15:11.400 --> 00:15:16.760
ということで、これがトップになるわけですね。 このホームページっていうところに

00:15:16.760 --> 00:15:25.240
作成した固定ページのタイトルを設定することによって、 それがトップになって配置されます。

00:15:25.320 --> 00:15:33.830
投稿ページというところを選択で、 先ほど作ったブログ記事一覧ですね。

00:15:33.830 --> 00:15:45.000
にすると、これメニュー設定ですね。 外観からメニュー。

00:15:45.000 --> 00:15:52.120
ここで全て表示。 ブログ記事一覧にチェック。メニューに追加ですね。

00:15:52.120 --> 00:16:03.160
メニューを保存ですね。 ここにブログ記事一覧というのが表示されました。

00:16:03.160 --> 00:16:11.680
するとここが、 先ほどトップにあったものがですね、メニューとして追加されるっていうものになります。

00:16:11.680 --> 00:16:18.880
ちょっとややこしいんですけど、 先ほど説明したトップですね。

00:16:18.880 --> 00:16:23.760
これ固定ページになっていまして、 固定ページになっていますね。

00:16:23.760 --> 00:16:28.160
ただそれだとブログ記事が表示されなくなってしまうので、 メニューに追加しました。

00:16:28.160 --> 00:16:33.440
先ほどの操作をすると、このように メニューの方に配置されます。

00:16:33.440 --> 00:16:42.500
最新の記事は一覧となって表示されるっていうものですね。 これをやらないと、このしかりに

00:16:42.500 --> 00:16:50.700
トップページにですね、こういったオリジナルのページを設定した場合にですね、 ブログ記事がなくなってしまうので、

00:16:50.700 --> 00:16:56.860
このようにしました。最近ですと、 ホームページとブログっていうのは一体型になっているので、

00:16:56.860 --> 00:17:04.540
情報発信をしていないと、なかなか選ばれにくかったりするので、 こういう設定をしています。

00:17:05.740 --> 00:17:14.810
一緒になって解除してしまいましたが、 表裏設定のとこから

00:17:14.810 --> 00:17:22.970
ホームページ、2のページのタイトルを選択で保存で、

00:17:22.970 --> 00:17:29.100
トップに設定できます。 ということですね。

00:17:29.140 --> 00:17:37.980
これで必要な要素ですね、あった方がいい要素はすべて揃いましたね。 まとめると、

00:17:37.980 --> 00:17:42.060
概言からメニューで設定ができます。

00:17:42.060 --> 00:17:49.020
要素をどの固定ページか追加していってください。 このブログ記事一覧っていうのがちょっと

00:17:49.020 --> 00:17:57.020
込み入った操作になったぐらいですね。 あと2種類作成しました。ヘッダー用、フッター用ですね。

00:17:57.020 --> 00:18:03.180
これっていくつか作成できますので、といってもヘッダー、フッターぐらいですね。

00:18:03.180 --> 00:18:08.940
このチェックを必ず入れるようにしてください。 これが入ってないと反映されないです。

00:18:08.940 --> 00:18:14.340
ここいくらクリックしてもですね。 ということだけ覚えておいてください。

00:18:14.340 --> 00:18:20.300
以上がメニューの設定になります。 次はビジットの設定法ですね。

00:18:20.300 --> 00:18:26.700
これはサイドバーの設定法になります。 先ほどのメニューと同じように外観の項目の中に

00:18:27.300 --> 00:18:36.580
管理画面移動できるものがあります。 これを配置の例としまして、

00:18:36.580 --> 00:18:40.340
検索窓ですね。

00:18:40.340 --> 00:18:48.680
あとCTA、リード獲得ページとかメルマガ登録ページに移動させます。

00:18:48.680 --> 00:18:54.680
カテゴリーアーカイブとかですね。 他にも

00:18:54.720 --> 00:19:00.440
これワードプレスのテーマに依存してしまう部分なので、今回省略したんですけど、プロフィールですね。

00:19:00.440 --> 00:19:08.080
こういう要素があったら使いましょう。 プロフィールがあると見栄えも良くなります。

00:19:08.080 --> 00:19:16.240
他にも人気記事とかですね。プラグインに 依存してしまったりとか、そもそもテーマに標準で付いているというものもあります。

00:19:16.240 --> 00:19:19.440
はい。 なので、

00:19:19.440 --> 00:19:22.720
あったらでいいですが、

00:19:22.760 --> 00:19:30.960
はい。 こういうのがあるとより良いですねというので、標準でできるものだとこういうものですね。

00:19:30.960 --> 00:19:37.320
これだけも必要十分ですが、あるとより良いというのがこういうものですね。

00:19:37.680 --> 00:19:44.040
ということでこれも実際の画面をお見せしていきます。 では、Visitの方の

00:19:44.040 --> 00:19:50.880
実際の画面をお見せしていきます。 この外観の中にVisitという項目があります。

00:19:50.920 --> 00:19:59.480
これが設定画面ですね。 このサイドバーという箇所が、Visitというのはサイドバーの設定なので、他にも

00:19:59.600 --> 00:20:05.240
フッターとかそういったものの要素があります。設定ができます。

00:20:05.240 --> 00:20:12.680
サイドバーがここ、フッターは先ほどのメニューとはちょっと違って、こういったところに

00:20:12.680 --> 00:20:19.400
いろいろ配置ができる。例えばバナー画像を配置したりとかもできますよというものですね。

00:20:19.400 --> 00:20:25.440
これも覚えておくと便利かなといったところで、この項目自体もですね

00:20:25.440 --> 00:20:29.920
結構テーマによってバラツキがあります。

00:20:29.920 --> 00:20:35.520
もっとたくさんあったりとか、要素がたくさんあったりとか

00:20:35.520 --> 00:20:40.680
そういったものです。 大体はサイドバーとフッター

00:20:40.680 --> 00:20:45.400
他にも、こういう広告とかですね

00:20:45.400 --> 00:20:53.330
アドセンスとかそういったものの設定ができます。

00:20:53.330 --> 00:20:59.890
主にサイドバーの設定ができるということだけ覚えておいてください。フッターまで考えてしまうと結構

00:20:59.890 --> 00:21:11.380
難しく感じるかなと思うので、サイドバーだけで ok です。 ということで主に設定配置の例としましてはこういうものですね。

00:21:11.380 --> 00:21:16.500
検索窓、CTAですね。バナー画像をクリックすると

00:21:16.540 --> 00:21:21.580
ページに移動する。 これあったらでいいんですけどプロフィールですね。

00:21:21.580 --> 00:21:30.960
他にもカテゴリーアーカイブとかですね。 設定方法なんですけど、この利用できるビジットからですね

00:21:30.960 --> 00:21:38.040
例えば テキストだったらクリックすると

00:21:38.040 --> 00:21:44.720
このようにサイドバー、配置場所を選択してビジットに追加ですね。設定ができます。

00:21:44.720 --> 00:21:53.590
削除はこちらからできます。といった感じでかなり簡単に設定ができます。ここをクリックするだけですね。

00:21:53.590 --> 00:22:01.070
ドラッグ&ドロップでもできるんですけど、操作に自信がない方はこれで ok です。

00:22:01.070 --> 00:22:06.950
あとはこういうふうに、ちゃんと検索窓が一番上にあって、

00:22:06.950 --> 00:22:14.830
テキストというのがCTAですね。これからご紹介します。 プロフィール、順番に反映されているのがわかりますね。

00:22:14.830 --> 00:22:19.910
はい。 検索窓というのはこの中から探していただいて

00:22:19.910 --> 00:22:26.950
配置してください。 CTAですね。CTAは一旦消してご紹介します。

00:22:26.950 --> 00:22:33.030
このテキストをサイドバーに追加して、2番目ですね。

00:22:33.030 --> 00:22:39.670
最近ですと、Visualのテキストモードがあります。 以前はテキストしかありませんでした。

00:22:39.670 --> 00:22:44.510
これによってかなり編集がしやすくなっています。 まず画像を追加します。

00:22:44.510 --> 00:22:51.430
例えばこれはバナー画像としていただいて、 フルサイズだと少し大きいので

00:22:51.430 --> 00:22:57.030
これを中ぐらいのサイズにします。 配置は中央ですね。

00:22:57.030 --> 00:23:02.070
リンク先ですね。 カスタムURLに

00:23:02.070 --> 00:23:06.870
ページの飛び先を設定してください。 例えばこの画像とちょっと関連性はないんですけど、

00:23:06.870 --> 00:23:13.940
こういうページですね。 リード獲得ページを指定してください。

00:23:13.940 --> 00:23:19.460
ページのURLをコピー。 コピーしたらこちらに貼り付けですね。

00:23:19.460 --> 00:23:24.900
更新ですね。この鉛筆マークから先ほどの画面に移動します。 保存。

00:23:24.900 --> 00:23:31.300
するとですね、こちらに反映がされます。 実際にページにも

00:23:31.300 --> 00:23:34.900
はいと言います。これは設定したものですね。

00:23:34.900 --> 00:23:43.300
こういうふうにバナー画像は設定してください。 するとサイト側にCTが設定できます。

00:23:43.300 --> 00:23:47.380
プロフィールに関しては、これ

00:23:47.380 --> 00:23:52.780
テーマに あったりなかったりしますので、その場合はですね

00:23:52.780 --> 00:24:01.980
あったら設定してください。共通して設定できるのは この検索テキスト、あとカテゴリーアーカイブですね。

00:24:01.980 --> 00:24:09.870
こういったものを設定 していただければと思います。

00:24:10.830 --> 00:24:19.470
もちろんですね、場合によってはこのカテゴリーアーカイブはなくてOKです。 例えばカテゴリー数が極端に少なかったりとかそういう場合ですね。

00:24:19.470 --> 00:24:26.150
1個しかないというかですね。 あまり更新してない印象になってしまうので、それはなくてもいいです。

00:24:26.150 --> 00:24:34.230
アーカイブも同様です。例えばこれ2020年 というふうになっているので、更新頻度が少ないというふうに映ってしまいます。

00:24:34.230 --> 00:24:39.070
なので あまり更新頻度が高くない場合はアーカイブはなくてOKです。

00:24:39.070 --> 00:24:44.910
逆に更新頻度が高い場合はアイスするという感じで、 ここはケースバイケースでやってください。

00:24:44.910 --> 00:24:54.800
検索窓、テキスト、あったらプロフィール、 ここまであればOKですね。

00:24:54.800 --> 00:25:01.640
これ自動的にここですね、保存すれば反映されます。

00:25:01.640 --> 00:25:05.440
消すときもこれで削除できます。

00:25:05.440 --> 00:25:09.680
といった感じで、まずフッターまで考えてしまうとかなり

00:25:09.680 --> 00:25:16.360
初心者の方は難しく感じると思うので、サイドバーだけでOKです。 サイドバーの設定をやってみてください。

00:25:16.360 --> 00:25:24.880
ここはCTAとしましてリード獲得ページに飛ばすということですね。 もしリード獲得ページがない場合は

00:25:24.880 --> 00:25:28.840
メルマガ登録のものでもOKです。

00:25:28.920 --> 00:25:34.400
登録本をこちらに指定して設定してみてください。

00:25:35.040 --> 00:25:42.400
というのがビジットの設定になります。 では次ですね、ブロックエディターについて解説を進めます。

00:25:42.400 --> 00:25:53.240
ブロックエディターというのは、実際の画面は後ほどお見せしますが、 ブロック状になっていて要素が用意されていて、それをプラスマークをクリックして

00:25:53.240 --> 00:26:01.320
そこから要素を選択して追加するという、そういう操作性になります。 なので

00:26:01.360 --> 00:26:08.160
直感的に操作ができます。 クラシックエディターに慣れている方はちょっと

00:26:08.160 --> 00:26:19.560
コツがいるかもしれませんが、まっすぐになれると思います。 初心者の方ほどブロックエディターから入った方がいいかなという、最近はそういう印象を受けます。

00:26:19.560 --> 00:26:26.960
よく使用するものですね、いろんなブロックがあるんですけど、 全部は使う必要がないです。

00:26:26.960 --> 00:26:34.360
これだけあればいいというものをですね、見出しとか段落ですね。 この段落でテキストを入力するって言いますね。

00:26:34.360 --> 00:26:39.560
見出しに対してのテキストだったりとかですね。

00:26:39.560 --> 00:26:45.720
あとは画像ですね。これはそのままの意味。リストっていうのは箇条書きですね。 カラムっていうのは

00:26:45.720 --> 00:26:54.160
レイアウトのことを指します。 1カラム、2カラムとか3カラムとか、そういうふうに言われるんですけど、これは実際に見てもらったほうが

00:26:54.160 --> 00:27:00.520
わかりやすいので、 後ほど見せます。カラムっていうもの、

00:27:00.520 --> 00:27:09.040
名前だけでも覚えておいてください。 あとはボタンとかグループですね。グループ化できるって言いますね。 例えば見出しと段落っていう要素はそれぞれ

00:27:09.040 --> 00:27:14.560
独立してるんですけど、グループ化することによってこれを 一つにできます。

00:27:14.560 --> 00:27:20.400
よくパワーポイントとかですね、キーノートとかそういうもので

00:27:20.440 --> 00:27:24.640
あるものなんですけど、 これも見てもらったほうがわかりやすいと思います。

00:27:24.640 --> 00:27:34.400
こういうグループっていうものがあるっていうことだけ覚えておいてください。 それではブロックエディターの使い方を実際にお見せします。

00:27:34.400 --> 00:27:44.350
はい、次ブロックエディターの編集方法をご紹介します。 これは編集画面がこういった感じですね。

00:27:44.350 --> 00:27:49.230
固定ページで解説します。 投稿ページも同じので。

00:27:49.230 --> 00:27:54.870
これもワードプレステーマによってはこの画面が微妙に違がったりするんですが、

00:27:54.870 --> 00:28:01.230
ほぼ同じですね。共通している部分もあるのでそちらに絞ってお伝えします。

00:28:01.230 --> 00:28:07.510
はい。 違いがあるっていうことだけ覚えておくと焦らないかなっていう感じで。

00:28:07.510 --> 00:28:14.150
ブロックエディターの使い方はここですね。 ブロックの追加、もしくはこちらですね。

00:28:14.150 --> 00:28:22.390
基本的にこちらでいいと思うんですが、たまにですね、 たまにというかそのカーソルの動かし方によってはこの

00:28:22.390 --> 00:28:29.270
こっちの方ですね、小さい方が表示されないのでその場合はこっちをクリックするようにしてください。

00:28:29.270 --> 00:28:39.070
はい、ということでブロックの追加ですね。 基本的に使うものとしましては先ほどご紹介したようなものです。

00:28:39.110 --> 00:28:52.070
段落、見出しですね。あとは画像ですとか、カラム、ボタン、

00:28:52.070 --> 00:28:58.030
あとはショートコード、これは他のプラグインとかで使ったりしますね。

00:28:58.030 --> 00:29:10.990
埋め込みとかですね。 そういったものが頻繁に使うものです。あとカスタムHTMLですね。これも埋め込みで使いますね。

00:29:10.990 --> 00:29:18.110
先ほどの埋め込みよりはこっちの方が 使う頻度があるかなと思います。

00:29:18.110 --> 00:29:31.790
あとグループ化ですね。このブロックをグルーピングすることができます。 よくあるPowerPointとかKeynoteでもあるようにグループ化するっていう概念ですね。

00:29:31.790 --> 00:29:43.180
よくわかんないですよって方は一緒にするぐらいでOKです。 それぐらいですかね。あとリストっていう感じで。

00:29:43.180 --> 00:29:48.580
こういう基本的なものですね。全部は使わないので基本的なものに絞ってお伝えします。

00:29:48.580 --> 00:30:02.990
これでこのページ、トップページにしてありますので、 これをですねちょっと編集していきたいなと思います。

00:30:02.990 --> 00:30:06.390
まずこれ、そうですね。

00:30:06.390 --> 00:30:13.390
見出しにします。 これフロントページと、トップページですね。

00:30:13.390 --> 00:30:20.210
トップページと名前を変えます。 更新ですね。

00:30:20.210 --> 00:30:39.830
ここを新聞に会社名にしてください。 見出し側ですね。

00:30:39.830 --> 00:30:55.500
中央に寄せるといいかなっていう感じですね。 あとはここに文章を追加ですね。テキストとします。

00:30:57.380 --> 00:31:05.740
次に、またブロックの挿入で見出し。

00:31:05.740 --> 00:31:13.890
選ばれる理由。

00:31:14.610 --> 00:31:25.970
これも中央に寄せます。ちなみにこれ複製ができるので、 複製して下に移動することができます。

00:31:25.970 --> 00:31:36.730
ここ選ばれる理由ページの一部ですね、パスタリブンだけ記載して、 あとはボタンですね。

00:31:36.730 --> 00:31:51.780
詳しく選ばれる理由を確認すると。

00:31:51.820 --> 00:32:07.770
これをですね、中央に配置します。 中央に配置する場合はちょっとこの

00:32:07.770 --> 00:32:14.490
ここですね。 ちょっと横にずらして、この空白の部分をクリックして中央揃えですね。

00:32:14.490 --> 00:32:20.530
すると中央に配置されます。 あとはリンクしてここに選ばれる理由ページを配置します。

00:32:20.530 --> 00:32:23.010
なので、

00:32:23.010 --> 00:32:34.910
これですね。 こっちのページのURLを指定します。

00:32:35.230 --> 00:32:45.770
という感じで、トップにですね、各要素の必要な要素を並べていただくという感じで配置します。

00:32:45.770 --> 00:33:00.470
他にもですね、そのプロフィールとか、 こういったのがあるといいかなという感じですね。

00:33:00.470 --> 00:33:08.150
プロフィールはですね、これは、 メディアとテキストという要素があるので、こっちに

00:33:08.150 --> 00:33:13.830
あれですね、自分の顔写真。 例えばこれにします。

00:33:14.350 --> 00:33:23.460
こっちにテキストですね。 という感じでもできます。

00:33:23.460 --> 00:33:34.020
ちょっとフォントサイズが大きいので、これですね。 フォントサイズを標準にします。ここです。

00:33:34.020 --> 00:33:41.180
他にもこのレイアウトを組む方法がありまして、例えばこういうカラムですね。

00:33:41.180 --> 00:33:49.060
ここでカラムと検索していただけば出てきますので、カラム。 この場合は2カラムですね。

00:33:49.060 --> 00:33:57.950
こっちに写真、こっちにテキストということもできます。 その場合はですね、画像ですね。

00:33:57.950 --> 00:34:02.110
こっちにテキスト、段落ですね。

00:34:02.430 --> 00:34:06.710
こんな感じで組むことができます。 どっちでもいいです。

00:34:06.710 --> 00:34:12.950
というわけでこっちは消します。 カラムの方がわかりやすいかなという感じで。

00:34:12.950 --> 00:34:20.780
先ほどのもわかりやすいんですが、カラムの方がいろんなことに応用できます。 例えばこの選ばれる理由のところで、

00:34:20.780 --> 00:34:28.620
こういうレイアウトがあるとします。 ここに画像ですね。何かしらの画像。

00:34:28.620 --> 00:34:34.140
イメージ画像ですね。ここに選択。 この下にですね、

00:34:34.140 --> 00:34:44.070
また段落ということで、説明。 選ばれる、選ばれる、

00:34:44.070 --> 00:34:50.230
1みたいな感じで打ち込んでいただく。 2、3、4と。

00:34:50.270 --> 00:34:53.230
3ですね。

00:34:53.230 --> 00:35:06.720
こういう風に配置すると、かなりページの作成の幅が広がりますということで、 全部同じにしてしまいます。

00:35:06.720 --> 00:35:22.800
こういうのが組めるとですね、ページの作成の幅が広がります。 こっちが2と、これが3と。

00:35:22.800 --> 00:35:31.790
こういう風にレイアウトを組めるというわけですね。

00:35:31.790 --> 00:35:39.430
下の方にあとは、CTAとか、そういったものを配置するといいかなという感じで、

00:35:39.430 --> 00:35:49.000
先ほどの例でいくと、 こういうページですね。

00:35:49.000 --> 00:35:55.730
無料と。 これを

00:35:55.730 --> 00:36:03.850
中央ドライにして、あとこれも画像で、 これはバナー画像だとしていただいて、

00:36:03.890 --> 00:36:14.490
先ほど同じです。ここにですね、リンク指定ができるので、 またこのリード獲得ページのリンクをですね、配置。

00:36:14.490 --> 00:36:18.090
はい。 更新ですね。

00:36:18.090 --> 00:36:32.970
すると、このように配置ができますねっていう、 そういうカスタマイズの仕方です。

00:36:32.970 --> 00:36:43.920
で、あとこのワンカラム型にしたいので、 これを

00:36:43.920 --> 00:36:49.160
ページ属性、サイドバーなし。

00:36:49.160 --> 00:36:57.330
変更ですね。 このように必ずワンカラム型にしてください。

00:36:57.330 --> 00:37:04.730
このページ属性というところにあります。 この項目自体もですね、ちょっと微妙に違ったりします。

00:37:04.730 --> 00:37:11.410
ランニングページってなっているのもありますし、 それはよく読んで、選択して確認するっていう作業をすれば、

00:37:11.410 --> 00:37:19.250
確認できる。このように反映されてるんだっていうのが確認できるので、 ワンカラム型にですね、できるだけしてください。

00:37:19.250 --> 00:37:24.330
こういうものがない場合は、 その場合は

00:37:24.330 --> 00:37:32.610
仕方ないのでサイドバーがある状態で設定するしかないんですけど、 できるだけ最新のものですね。

00:37:32.610 --> 00:37:38.850
よほど古くなければ、 無料のものでもこういうのがあると思いますので、

00:37:38.850 --> 00:37:42.930
そういうふうに設定してください。 できるだけ有料のテーマを

00:37:42.930 --> 00:37:49.730
購入するっていうのがいいと思います。 そうするとこのようにカスタマイズの幅が広がります

00:37:49.730 --> 00:37:52.450
ということで。

00:37:54.830 --> 00:37:57.550
でですね、

00:37:57.550 --> 00:38:09.100
このテーマの場合はトップページって表示されてしまうので、

00:38:09.100 --> 00:38:18.620
この場合はちょっと、 空するしかないんですけど、こうなりますね。

00:38:18.620 --> 00:38:24.060
はい。 このようにちょっと表裏されてしまうものが

00:38:24.060 --> 00:38:28.100
テーマとして設定してしまっている場合は、 もう

00:38:28.100 --> 00:38:33.820
表示できないので、ここはですね、このようにしてください。

00:38:35.620 --> 00:38:49.330
もしくはコメントアウトするとかですね。

00:38:49.370 --> 00:38:53.250
コメントアウトでできるので、 これですね、もし

00:38:53.250 --> 00:38:59.570
トップページっていうのが表裏されてしまう場合はですね、 このように

00:38:59.570 --> 00:39:04.610
真似して入力してください。 記号なんで、こういう括弧、ビックリマーク、

00:39:04.610 --> 00:39:10.970
はいふんはいふん、 で、はいふんはいふんとの括弧ですね。

00:39:10.970 --> 00:39:21.700
もし表裏されてしまう場合はこのようにしてください。 なのでトップページに戻します。

00:39:21.700 --> 00:39:37.370
で、先ほどの、 これを複製します。

00:39:37.410 --> 00:39:49.100
で、これをこのとわにします。 はい、こうなりますね。

00:39:49.100 --> 00:39:56.380
この辺はですね、あの、 もし表裏されたらっていう感じで

00:39:56.380 --> 00:40:02.500
やってください。自分の判断でやってください。 これでトップページが設定できましたね。

00:40:02.500 --> 00:40:07.980
はい、補足として、グループについて解説していなかったので、 それについて解説します。

00:40:07.980 --> 00:40:12.900
グループというのは、例えば見出し、テキスト、 このボタンの3つの要素を

00:40:12.940 --> 00:40:18.780
一緒にすることができます。ここですね、グループ。 解除もこちら側できます。

00:40:18.780 --> 00:40:25.900
一緒にしておくと、かなり管理がしやすくなります。

00:40:25.900 --> 00:40:29.340
動かしたりするときですね。

00:40:30.260 --> 00:40:35.420
といった感じで、これも覚えておくと便利なので、 覚えておいてください。

00:40:35.420 --> 00:40:40.580
はい、次なんですけど、あのリストですね。 リストも

00:40:40.620 --> 00:40:48.100
ちょっと説明を抜けてたので解説します。 リストはこれ、過剰書きのことなんで

00:40:48.100 --> 00:41:00.680
リストイコール過剰書きだと思ってください。これですね。 左に寄っていますが、多分皆さんの画面では

00:41:00.680 --> 00:41:08.600
左には寄ってないと思います。 これエマノン状のものですね。もしこっちの方に来ていたらですね、

00:41:08.600 --> 00:41:17.220
一旦カラムで、 カラムのものを使用してください。これですね。

00:41:17.220 --> 00:41:23.260
一番 右側の3カラム。これでリストを使うと。

00:41:23.260 --> 00:41:30.500
そうすれば真ん中に来ます。 過剰書き

00:41:30.740 --> 00:41:36.540
こんな感じで過剰書きができます。 テーマによっては

00:41:36.540 --> 00:41:42.980
もっとデザインができたりしますけど、 こういった感じで過剰書きができるっていうことだけ覚えておいてください。

00:41:42.980 --> 00:41:52.210
最後にですね、トップページを任意のページに設定する方法ですね。 これをお伝えします。

00:41:52.210 --> 00:42:00.610
これはですね、設定の中に表示設定というものがありまして、 そこでホームページの表示というものがあります。

00:42:00.610 --> 00:42:08.970
そこを設定するって言いますね。主に 固定ページですね。投稿ページというか固定ページを

00:42:09.090 --> 00:42:15.930
トップに持ってきて、そこに これを見せたい、特に見せたいものを配置する

00:42:15.930 --> 00:42:25.500
といった形になります。 これを知っておくとですね、例えば会員制のサイトですとか

00:42:25.500 --> 00:42:34.260
デジタルコンテンツの専用サイトとかですね。 他にもなんかサービスでお客さん専用のサイトを用意するとか

00:42:34.260 --> 00:42:43.660
そういう時に使います。 これもテーマによって異なっていくの一概ではありませんが、多くの場合は

00:42:43.660 --> 00:42:52.140
ブログが一覧となっているケースがあったりとかですね。 あとはそのテーマ独自のレイアウトですね

00:42:52.140 --> 00:42:57.180
になっていたりとかですね、トップページが。 まあそういうものがあったりするので

00:42:57.180 --> 00:43:02.020
自由にカスタマイズした方がですね、何かと

00:43:02.060 --> 00:43:12.500
サイトを作る上で良かったりするので、これも覚えておくといいです。 特に記事ですね、記事がバーっと一覧で並んでいるようなものは

00:43:12.500 --> 00:43:20.460
個人のブログとかだったらいいんですけど、 会社で利用する場合はですね、それだと

00:43:20.460 --> 00:43:26.140
うまく伝わらない。いきなり記事がトップページに表示されるっていうのもあまり伝わらないので

00:43:26.140 --> 00:43:32.500
なんかこう任意の1枚もののページですね、これを設定した方がいいですねっていう形になりますね。

00:43:32.500 --> 00:43:36.620
これも覚えておくとカスタマイズの幅が広がりますので実際に見ていきましょう。

00:43:36.620 --> 00:43:42.860
ではこのページをですね、先ほど編集したこのページをトップページに配置したいと思います。

00:43:42.860 --> 00:43:48.620
先ほどはメニューのところでも少し解説したんですが、この設定の中の表示設定ですね。

00:43:49.020 --> 00:43:53.220
この固定ページにチェックを入れてホームページ、ここで

00:43:53.220 --> 00:43:57.660
トップページ上に編集したものを選択してください。で変更保存ですね。

00:43:57.660 --> 00:44:03.460
するとこのようにトップに配置されます。

00:44:03.460 --> 00:44:09.980
だいたいこちらをクリックすればトップに移動しますので、それで確認してください。

00:44:09.980 --> 00:44:15.300
このカスタマイズ方法を覚えておけば、今回ホームページ

00:44:15.820 --> 00:44:20.740
ホームページ型で解説したんですけど、他のものでも応用できます。

00:44:20.740 --> 00:44:27.060
例えばデジタルコンテンツのサイトを作ったりとか、会員専用のサイトですね。

00:44:27.060 --> 00:44:34.660
そういうものを作ったりとか、プログラムとかですね、そういったものに応用できます。

00:44:34.660 --> 00:44:39.980
あとはこのサイト全体にパスワードを書けるか書けないかの違いです。

00:44:39.980 --> 00:44:45.460
なのでぜひこのやり方ですね。 ブロックエディターとかですね。

00:44:45.460 --> 00:44:49.340
今回メインでお伝えしたかったのは主にブロックエディターなので、

00:44:49.340 --> 00:44:55.140
あんな感じで直感的に操作ができますので、ぜひやってみてください。

00:44:55.140 --> 00:45:03.980
最後まとめですね。 WordPress のカスタマイズというのは、メニューだったりとかビジットを自由に設定できて、

00:45:03.980 --> 00:45:11.660
あとはページ内のレイアウトですね。 意図したページをトップページに並べたりとか、そういうことができますよっていうことですね。

00:45:11.660 --> 00:45:17.540
最近ですとこの WordPress テーマの割合が非常に多くなってきているんですが、

00:45:17.540 --> 00:45:23.660
これありきでですね。 標準でできるものありきで

00:45:23.660 --> 00:45:31.460
やっていただかないとうまく有効活用もできないと思いますのでお伝えしました。 もしテーマですね。

00:45:31.460 --> 00:45:37.540
これの独自のやり方を知りたいという場合は、公式のマニュアルを確認するとかですね。

00:45:37.540 --> 00:45:44.420
最近ですと有用なものですとフォーラムなんかがあって、そこで開発者に直接質問ができたりしますので、

00:45:44.420 --> 00:45:50.780
あと基本会話ですね、お問い合わせフォームなどから質問ができますので、そこで確認するかですね。

00:45:50.780 --> 00:45:55.740
あとはマニュアルをしっかり読んで、その上でやってみてください。

00:45:55.740 --> 00:45:59.580
とにかくここができてないと多分

00:45:59.940 --> 00:46:07.940
有効活用できないと思うのでお伝えしました。 ということでこの動画は以上になります。