会員サイトをリニューアルしました! 新サイトはこちら

demoサイト5のようなトップページにたい < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

demoサイト5のようなトップページに...
 
通知
すべてクリア

demoサイト5のようなトップページにたい

8 投稿
2 ユーザー
4 Likes
1,920 表示
chixichan
(@chixichan)
Active Member
Topic starter
 

demoサイトの5を使用していますが、demoサイト5のようにカテゴリごとに分かれたトップページにしたいのですが、新着記事からの羅列になってしましまいます。

やり方がよくわかりません。教えていただけますでしょうか。宜しくお願いします。

 
投稿済 : 09/02/2021 10:49 pm
しらこ
(@96ssbike)
Prominent Member
 

【テーマ関係なく、覚えておいたほうが良いこと】
1. demo5や、私のサイトのような、シンプルな記事一覧ではない形態については、
まずホームページを「固定ページ」設定にします。
具体的には、カスタマイズ>WordPress設定>ホームページ設定から設定します。下の画像のように設定します。

※投稿ページのほうにも、別の固定ページを設定しておくと良いでしょう。
投稿ページに指定する固定ページの中身は「空欄のページ」で大丈夫です。
WordPress側が、その投稿ページに指定した固定ページ内に、投稿一覧の中身を自動生成してくれるので。

つまり、ここでは最初に「トップページ用の固定ページ」「投稿(一覧)ページ用の固定ページ」を2つ用意してから、
次の手順で、「トップページ用の固定ページ」を作り込んでいきます。

(続く)

にゃーん .

 
投稿済 : 10/02/2021 2:04 am
しらこ
(@96ssbike)
Prominent Member
 

(続き)

【ここからはSWELL独自の設定です】
2. 先ほど、トップページ(ホームページ)に設定した固定ページを開いて編集していきます。
見出しは、見出しH2の「セクション用」を使用し(ここでの見出しはMy Life Style & Valuale Information)、H2見出しのその直下にある見出しの注釈(- 日常についてのブログ・お得・ポイ活情報など-)については、その注釈にしたい範囲を予め選択した上で、SWELLアイコンをクリックして注釈に設定することで、見出しの注釈が生成されます。
3. カテゴリーごとの投稿一覧や、その下の「日常・お得情報の記事一覧を見る」というボタンの生成については、投稿リストブロックを細かく設定していくことで設定することができます。

※ここで使うのは見出しブロックと、投稿リストブロックの2種類だけです。

手順としては以上です。

参考リンク)私のサイトのトップページ→ https://tecchan.jp/

This post was modified 4年前 by しらこ

にゃーん .

 
投稿済 : 10/02/2021 2:05 am
しらこ
(@96ssbike)
Prominent Member
 

(さらに続き)

これを忘れていました。トップページの設定した固定ページを、私のサイトやdemo 5のように表現したい場合、「サイドバーなし」に設定します。これは固定ページ内から設定することができます。

にゃーん .

 
投稿済 : 10/02/2021 2:09 am
chixichan
(@chixichan)
Active Member
Topic starter
 

@96ssbike 返信ありがとうございます。

1.2まではできました。ありがとうございます。

3. カテゴリーごとの投稿一覧や、その下の「日常・お得情報の記事一覧を見る」というボタンの生成については、投稿リストブロックを細かく設定していくことで設定することができます。

こちらのやり方がわからないです。

もしお手数でなければやり方を教えていただけたら幸いです。

宜しくお願いします。

 
投稿済 : 10/02/2021 11:25 pm
しらこ reacted
しらこ
(@96ssbike)
Prominent Member
 

途中まで出来たんですね!
おめでとうございます!

まず、投稿リストブロックが見つけられないでしょうか??投稿リストブロックの探し方について以下に書きました。

下の画像のピンクの枠の部分を見てください。
以下の画面の画面左上の+のボタンをクリックすると、「ブロックの検索」というのが現れます。
そこに「投稿」って入力すると、投稿リストブロックというのが現れます。
(「最新の投稿」ではありません)

その投稿リストブロックが置けたら、次は下の画像のように投稿一覧の生成を行います。
投稿リストブロックを選択したら、右側あたりに黄緑の枠と水色の枠の部分に、それぞれ設定項目が現れます。
黄緑の枠の、Settingの下のほうに(スクロールしてください)、Moreボタンというのがあって、そこに適当な文字を入れると、MOREボタンが生成されます。
(私の場合は、日常・お得情報の記事一覧を見るだったり、Tech Blog(WEB知識)の記事一覧を見るだったり、MOREボタンの内容を変えています)

また、さっきのSettingの隣の水色の枠のPick Upのほうで、その投稿リストに含めたい記事カテゴリー(含めたいカテゴリー以外は除外する)を入力します。
Pick Upの部分をクリックした後に、カテゴリーって出てきませんでしょうか??
そのカテゴリーを選択すると、特定のカテゴリー内の記事だけの一覧を作ることができます。

現在は投稿リストブロックの説明記事が省略されてしまっているので、使い方の参考になれば幸いです。
公式の解説記事→ https://swell-theme.com/function/editor/4861/

もしわからない場合は、それはそれでまた教えてください。

にゃーん .

 
投稿済 : 10/02/2021 11:42 pm
chixichan
(@chixichan)
Active Member
Topic starter
 

@96ssbike ありがとうございます。

詳細なご説明ありがとうございました。無事にできました。

 
投稿済 : 11/02/2021 3:07 am
しらこ reacted
しらこ
(@96ssbike)
Prominent Member
 

上手く出来て良かったです…!

にゃーん .

 
投稿済 : 11/02/2021 5:58 am
共有: