まっしゅワードプレス講座:3日目

スキンを設定しよう

まっしゅ
まっしゅ

サイト全体のデザインを
一括で変更できてしまいます!
超便利!

【まっしゅワードプレス講座14】スキンの設定
0:00 スキンの設定
0:46 スキンを設定する
2:08 スキンをプレビューで選ぶ
3:58 デザインを変える時に意識すること

 

サイドバーをカスタマイズしよう

ウィジェットという機能を使って
サイドバーをカスタマイズします

【まっしゅワードプレス講座15】サイドバーの設定
1:02…ウィジェットとは
2:11…サイドバーとサイドバースクロール追従
2:58…サイドバーをカスタマイズする
まっしゅ
まっしゅ

サイドバーは、ワードプレスのデザインの中でも
特によく目に付く場所なので、
読者にどんな情報を与えたいか
よく考えて設定しましょう!

 

 

ヘッダーを設定しよう

ヘッダーにロゴと背景を設定する方法です。

ヘッダーとは、サイトの一番上の部分のこと。
そのページでも、最初に読者の目に付く場所なので、
ぜひ見た目にはこだわりたいところですね!

【まっしゅワードプレス講座16】ヘッダーの設定
0:00 ヘッダーの設定
0:45 ヘッダーロゴの設定
1:22 ヘッダー背景の設定
1:51 キャッチフレーズを非表示にする
2:34 ヘッダーの高さを設定する

今回の動画では、ロゴをLOGASTERというサイトで。

背景は、次の講座で紹介しているCanvaを使って、
幅1240px・高さ300pxで作成しました。

ヘッダーのサイズは、PCのディスプレイサイズによっても見え方が変わるし、
ましてスマホにも対応しようとすると、なかなか思うように表示してくれません。。

自分が納得のいく形になるまで、
試行錯誤しながら作っていくことになります。

まっしゅ
まっしゅ

ちょっと大変な作業になりますが、
じっくり取り組んでみてください!

 

Canvaの使い方

Webサイトを作っていくと、
前回の講座のようなヘッダーロゴや
アイキャッチといった
画像を作る場面が結構出てきます。

ブログ記事やサイトの雰囲気作りという意味でも
こだわっていきたいポイントですが、
専門のソフトを使うのは
コスト面でも技術面でもハードル高いですよね。。

そんな時に使えるのが、Canvaというデザインツールです。

Attention Required! | Cloudflare

直感的に使えて
おしゃれな素材も豊富。
普通に使う分には
無料でも十分に機能します。

※一部、Pro(有料版)でしか使えない素材(写真・フォントなど)や機能があります

この講座では、基本的な使い方をレクチャーしています。

【まっしゅワードプレス講座17】Canvaの使い方
0:00 Canvaの使い方
1:25 Canvaのオススメポイント
2:48 テンプレートを使ってデザインを作る
3:14 データのアップロード
3:26 写真を利用する
3:52 Pro(有料版)でできること
4:42 フレームを使ってみる

 

まっしゅ
まっしゅ

まっしゅのサイトの画像も
ほとんどこのCanvaで作ってます!

 

アイキャッチ画像を設定しよう

ブログをSNSなどにシェアした時に表示される
アイキャッチ画像について、
作り方と設定の仕方についてレクチャーします。

【まっしゅワードプレス講座18】アイキャッチ画像を設定しよう
0:00 アイキャッチとは
1:09 Canvaで作成します
1:20 サイズを指定する
1:59 背景の写真を追加する
2:46 テキスト(文字)を追加する
4:22 テキストを強調する
5:02 素材の位置を調整する
5:43 フレームを使ってプロフィール画像を効果的に載せる
6:50 テキストを読みやすくするオススメテクニック
8:09 完成したらダウンロードする
8:53 TinyPNGを使って画像のサイズを軽くする
9:59 作成した画像をアイキャッチに設定する
11:08 SNSに反映されない時の対処法
12:38 まとめ
まっしゅ
まっしゅ

アイキャッチ画像のサイズは
1200×630ピクセルがオススメです!

 

ホームイメージを設定しよう

トップページをSNSなどでシェアした時に
表示される画像を設定します。

【まっしゅワードプレス講座19】ホームイメージの設定
0:00 ホームイメージの設定
0:48 Canvaでホームイメージを作る
3:38 ホームイメージを設定する
4:46 まとめ

ファビコンを設定しよう

ブラウザのタブやブックマークに表示される
アイコン(ファビコン)の設定をします。

【まっしゅワードプレス講座20】ファビコンの設定
0:00 ファビコンとは
0:47 ファビコンを作る
1:52 ファビコンの設定

Googleアナリティクスを設定しよう

サイトのアクセス解析に必要な設定として、
Googleアナリティクスというアクセス解析ツールの
設定をします。

【まっしゅワードプレス講座21】Googleアナリティクスの設定
0:00 Googleアナリティクスの設定
0:50 Googleアナリティクスのアカウント登録
4:13 WebサイトにGoogleアナリティクスの設定をする
5:05 Googleアナリティクスの仕組みって?

Googleアナリティクスのレポートを使ってみよう

【まっしゅワードプレス講座22】Googleアナリティクスレポートの見方
0:00 Googleアナリティクスのレポートの見方
0:30 ホーム画面
1:11 ユーザーレポート
2:14 これだけは知っておきたい数字(ユーザー・セッション・ページビュー)
5:09 集客レポート(どこから来たか)
5:23 流入元チャネルについて(Direct・Organic Search・Social・Referral)
7:05 行動フロー(どこに行ったか)
8:46 まとめ(数字に振り回されないようにしよう)
まっしゅアップメール講座登録はこちら
まっしゅルーム