WordPressには登録できたけど、どこから手をつけたらいいの?
![](https://meavia-life.com/wp-content/uploads/23488682.jpg)
![](https://meavia-life.com/wp-content/uploads/23392956-scaled-e1675753113598.jpg)
まずはブログの顔になるトップページを作ってみましょう!
ブログのテーマが決まったら、サイトの顔となるトップページを作りましょう。
初めはとにかく時間がかかるかもしれませんが、完成してくると素敵なトップページができますよ!
作り方は次の通りです。
トップページで作ること
- タイトルを作る
- ヘッダー画像を入れる
- プロフィールカードを作る
- カテゴリーを作る
- お問い合わせフォームを作る
この記事ではAFFINGER6のデザイン済みデータを使って説明しています。
AFFINGERはデザイン済みデータのサンプルが豊富なので、おしゃれなサイトがすぐに出来上がります。
デザインについての参考記事があるので、良ければ見ていってくださいね。
目次
タイトルを作る
まずはタイトルを作りましょう。
誰に、どのような情報を伝えたいか、一番悩むところだと思います。
ここが決まると、トップページをどうしたいかも自然と決まってきます。
タイトルを設定する方法は3つあります。
- 管理画面からタイトルを設定する
- 外観のカスタマイズからタイトルを設定する
- ロゴ画像を使ってタイトルを設定する
3つの中からお好みで組み合わせても大丈夫です。
1.管理画面からタイトルを設定する
- 設定の「一般」を選択する
- サイトのタイトルを記入(キャッチフレーズも必要であれば記入)
- タイムゾーンは「東京」にする
- 下にスクロールして、日付や時刻を好きな設定にする
- 『変更を保存』を押す
![タイトル設定](https://meavia-life.com/wp-content/uploads/77d0d6a051d6497df8380beb1c9e20b3-e1676290597151-1280x653.jpg)
![タイトル設定日付](https://meavia-life.com/wp-content/uploads/c8d16d430cc984883cdf33c12f27cecc-1280x720.jpg)
2.外観のカスタマイズからタイトルを設定する
- 外観の「カスタマイズ」を選択する
- 「サイト基本情報」をクリックする
- サイトのタイトルを入力する
- 入力したものが画面上に反映される
![タイトルカスタマイズ設定1](https://meavia-life.com/wp-content/uploads/be6951316eeecc03032c05f13ea2b59d-e1676372041320-1280x653.jpg)
![タイトルカスタマイズ設定2](https://meavia-life.com/wp-content/uploads/a157bfd03f4674cf4b9649593b8c4b98-1280x720.jpg)
![タイトルカスタマイズ設定3](https://meavia-life.com/wp-content/uploads/c5be1840273b84afe04f479bd32eaf62-1280x720.jpg)
![タイトルカスタマイズ設定4](https://meavia-life.com/wp-content/uploads/4681ee0b6208036596b71284a453fb7b-1280x720.jpg)
3.ロゴ画像を使ってタイトルを設定する
- 外観「カスタマイズ」の「ロゴ画像/サイトのタイトル」をクリック
- 画像を選択してアップすると、タイトルに画像が表示される
![ロゴ画像設定1](https://meavia-life.com/wp-content/uploads/d05756b245f69f922fe465b37bdcbf82-1280x720.jpg)
![ロゴ画像設定2](https://meavia-life.com/wp-content/uploads/5e270f4f286217ee0d6975bceb00b529-1280x720.jpg)
おしゃれなロゴができると、一味違うサイトになりますよね
外観のカスタマイズからはタイムゾーンや日付の変更はできませんので、管理画面と並行して使うのがいいと思います。
逆に外観から記入したり画像をあげると、見た目がすぐに変わるのでイメージがつかみやすいと思います。
ヘッダー画像を入れる
- 外観の「ヘッダー」を選択する。(外観→カスタマイズ→「ヘッダー画像」でもok)
- 『新規画像を追加』を選択。
ヘッダー画像とは↓この写真の部分です。
![ヘッダー画像設定、説明](https://meavia-life.com/wp-content/uploads/ca6f1486421e99be717b8e996b655d6b-e1676375593645-1280x659.jpg)
![ヘッダー画像設定1](https://meavia-life.com/wp-content/uploads/a7478c030b168d93634c66b98989d161-e1676376781889-1280x637.jpg)
![ヘッダー画像設定2](https://meavia-life.com/wp-content/uploads/3ac8c5f9adae5b4c81b9d545f7c0db0e-1280x720.jpg)
![ヘッダー画像設定3](https://meavia-life.com/wp-content/uploads/f97e011589362921cb4e24325b6fb981-1280x720.jpg)
お好みの写真やイラストを選択してくださいね。
著作権のある画像やイラストに気をつけてください。
画像のサイズもお好みで切り取ってください。
テーマの推奨サイズはありますが、これもどういうトップページを作りたいかでサイズが変わります。
プロフィールカードを作る
自分を紹介する、プロフィールカードを作ってみましょう!
プロフィールには、固定ページでプロフィールを紹介する方法とプロフィールカードというカード型デザインを使って紹介する方法があります。
見た目がおしゃれな「プロフィールカードの作り方」の記事がありますので、よければ参考にしてください。
カテゴリーを作る
記事を作成すると、カテゴリーを選択する項目があります。
またサイトではカテゴリーを表示することによって、どういったジャンルの記事があるか、探したいものはどこにあるかが一目で分かるようになります。
Affingerでは加えてタブ式カテゴリーやヘッダーカードといった。見た目がおしゃれなものを作ることができますので作って損はありません。
カテゴリーって何?やカテゴリーの詳しい作り方については、下の記事を参考にしてください。
お問い合わせフォームを作る
読者から何か疑問や連絡したいことがあった時、アドレスを公開することもいいですが専用の「お問い合わせページ」を作っておくと安心です。
WordPressでは、「Contact Form7」というプラグインを使用することで簡単に「お問い合わせフォーム」を作ることができます。
よければ作り方の記事をご参考にしてみてください。
まとめ
まとめ
- タイトルを作る
- ヘッダー画像を入れる
- プロフィールカードを作る
- カテゴリーを作る
- お問い合わせフォームを作る
お疲れさまでした。
長丁場だったかもしれませんが、素敵なものが作れましたか。
以上、最後まで読んでいただきありがとうございました。
使用したテーマ:AFFINGER6 20以上の限定特別機能を追加したスペシャルパックに興味ある方はこちら:ACTION PACK3(AFFINGER6EX対応)