はじめに
最初は記事数も少ないのでデフォルトのままにしていましたが、少し記事数も増えてきたのでTOPページを作ってみました。作り方を備忘録として記録しておこうと思います。
TOPページの作り方
作り方がよくわからなかったので、TOPページの作り方を調べてみましたら、TOPページと投稿記事の一覧の２つを作成する必要があることがわかりました。
TOPページ
固定ページで新規追加をクリックして新規のページを追加します。ページ属性からデフォルト又はLP用TPLを選択します。当サイトではLP用TPLを選択しました。
選択しましたら、「HOME」とか「TOP」とか名称をつけます。当サイトでは「TOP」とつけました。パーマリンクをTOPページのURLに編集します。
記事一覧
次に、固定ページで新規追加をクリックして新規のページを追加します。ページ属性からでデフォルトを選択します。選択しましたら、「記事一覧」等と名称をつけます。パーマリンクの日本語の部分を「articles」等と編集します。
設置
「外観」の「カスタマイズ」の「ホームページ設定」の「ホームページの表示」で固定ページを選択し、「ホームページ」にHOMEを追加し、その下の「投稿ページ」に「記事一覧」を追加します。
「外観」の「ウィジェット」の「トップページ上部エリア」で「[THE]画像付新着記事」を選択し、「更新」をクリックします。新着記事を横に並べる方法があるようなのですが、まだそこまではよくわからなかったので、現状ではデフォルトのままです新着記事は縦に並んでいます。
トップページから投稿記事一覧へ行くためのプライマリボタンを「外観」の「ウィジェット」の「トップページ上部エリア」で「[THE]テキストスタイル」に設置します。
固定ページで一旦空白のページを新規追加してツールバーの共通ボタンからプライマリボタンとボタンの位置を選択して、テキストで以下のプライマリボタンのhtmlを「[THE]テキストスタイル」にコピー＆ペーストしてマーカーで色をつけている部分に投稿記事一覧のページのURLを挿入します。
当サイトではボタンの位置を中央にして上記のようにしていますが、適宜ご自身のサイトやブログに合わせて参考にしてください。
プライマリボタンの色は、当サイトではまだデフォルトのままにしていますが、「外観」の「カスタマイズ」で「パーツスタイル設定[THE]」の「共通ボタン設定」の「プライマリボタンの設定」で変更することができます。変更したら、「公開」をクリックします。
最後に
すこしでも参考になれば幸いです。
