SWELLトップページをサイト型にカスタマイズ？劇的ビフォーアフター

・タイトルとスラッグは何でもいいのですが、新着記事であることがわかるように
「BLOG」としました。

・タイトルとスラッグは「TOPPAGE」にしました。

・STEP1と同様、公開をクリックしてください。

WordPress管理パネルで「設定」→「表示設定」を開く。

①固定ページをチェック。
②ホームページで「TOP PAGE」を選択。
③投稿ページで「BLOG」を選択。

④1ページに表示する最大投稿数を決める。→10〜15ページ程度。

新規カテゴリーを設定する。

サイト型トップページにカスタマイズするには10〜15の記事が必要である。

WordPress設定のすぐ下の①「サイト全体設定」を開く。→②基本カラーを開く→③メインカラー、テキストカラー、リンクカラー、背景色の設定。

①基本デザインを開く→サイト全体の見た目、フォント設定、コンテンツ幅の設定

①トップページを開く→②メインビジュアルを開く

画像サイズはPC用 1200×560 px、SP用 600×800 px(縦長）です。

① 任意のメニュー名を入力。「ピックアップバナー」を記入。

② ピックアップバナーを選択。

③ メニューを作成をクリック。

カスタムリンクで

① リンク先のURLを記入。

② リンク先の文字列を入力。ここでは「トップページのビフォーアフター」と入力。

③ 「メニューに追加」をクリック。

「表示オプション」をクリック。（このステップは画像を表示させるために重要）

「説明」にチェックを入れたことで、「画像URL」を指定できます。

画像URLの取得方法

「メディア」→「ライブラリ」に移動。

任意の画像を選択して、右下にある「URLをクリップボードにコピー」をクリックすると、画像URLを取得できます。

上記手順を繰り返して、載せたいリンクをまとめたら完成です。

先ほど作成した「TOP PAGE」を開きます。

① タブを選択、② タブタイトルを「新着記事」と「人気記事」に変更。

スタイルをノーマル→下線に変更

タブサイズをPC→固定幅（25%)、SP→固定幅（50％）に設定。

バネルより「投稿リスト」を選択。

① Settinsを選択。
② 表示する投稿数→6
③ レイアウトを選択→カード型
④ 投稿の表示順序→新着順
⑤ 降順を選択

新着記事と同様に、人気記事にも「投稿リスト」を設置する。

① Settinsを選択。
② 表示する投稿数→5
③ レイアウトを選択→カード型
④ 投稿の表示順序→人気順
⑤ 降順を選択

記事を公開したばかりだとPVがないため人気記事が表示されない場合がある。

スタイルを「ノーマル」→「MOREボタン」に変更

① タイトルを「もっと見る」にする。

② リンク先を表示設定の投稿ページで登録した固定ページのURLを記載。

パターンは50×50を選択。

プロフィール画像は「角丸」を選択し、角を丸くする。

プロフィール画像の下に「問い合わせ」のボタンを設置する。

① ボタンのスタイルを「MOREボタン」に変更。

② ボタンのタイトルを「問い合わせ」に。
　リンク先は問い合わせフォーム（固定ページ）のある方はそのURLを記入。

現在、灰色の背景になっているが
① メディアから背景を選択。そうするとその画像URLが自動的に挿入。
② オーバーレイの不透明度50
③ 固定背景をON。スクロールすると背景が連動してたのが、固定する。

① フッターを選択。

② 「その他の設定」→「フッターにSNSアイコンを表示する」にチェックを入れる。

SNS情報を選択。使用中のSNSリンクを設定。

① ウィジェット選択。

② フッター(PC)1
フッター(PC)2
フッター(PC)3

をそれぞれ編集。