ワードプレス講座:5日目

5日目の今日は、サイト型のホームページを作っていきます。

普通にワードプレスをインストールした今の状態では、
ホームページはブログ一覧が表示されているだけです。

これからこのホームページに、
自分の代わりに自分のサービスや商品を紹介してもらうためには、
きちんとしたサイトの型にしておく必要があります。

そもそもサイトをどうやって設計していけばいいのか、という
基本的なところからお話していきますので、
肩の力を抜いていきましょう!

サイト設計

0:11…サイトには必ず目的(ゴール)があります
2:31…着物屋さんの場合
4:56…これからサイトを作る上で考えなければならないこと

まっしゅ

これからサイトを作るにあたって、
重要なことをお話しています。
要チェック!!

メニューの設定

1:11…固定ページとは
3:35…メニューの設定
6:32…メニューを入れ子にするちょっと裏ワザな方法
8:55…ブログのカテゴリーをメニューに追加する
9:25…ブログ一覧のリンクを作るまたもや裏ワザな方法
11:21…YouTubeへのリンクをメニューに作る方法
12:41…リンクをクリックしたときに新しいタブで開かせる方法

まっしゅ

読者がどのようにサイトを見るのか
どのように見て欲しいのかを考えながら、
一つ一つ丁寧に設定していきましょう!

ブログのカテゴリをメニューに追加する時に
カスタムリンクに入力している内容は、
以下を参考にしてみてください!

https://ドメイン名.com/?cat=0

ホームページ(サイトトップページ)の設定

まっしゅ

ホームページ(サイトトップ)の表示設定をします

0:00 トップページを編集しよう
0:43 ショートコードを使う
2:52 目次を非表示にしよう
3:56 投稿日・更新日を非表示にしよう

不要なボタンを削除しよう

まっしゅ

SNSシェアボタンとSNSフォローボタンを
非表示にします

トップページを整えよう

まっしゅ

ショートコードを使って
新着記事一覧と人気記事一覧を
トップページに表示させてみます

0:21…トップページを編集しよう
0:43…ショートコードを使う
2:52…目次を非表示にしよう
3:56…投稿日・更新日を非表示にしよう

固定ページから日付を非表示にする際に使う
テーマエディターに貼り付けるテキストは、
以下の内容をコピペしてください。

/*---------------------------------
固定ページの日付を非表示にする
--------------------------------*/
.post-●● .date-tags{
  display: none;
}