こんにちは。さとみです。
コクーンのテーマを使って、トップページをカテゴリー別に表示する方法を以前に記事にしていましたが、クラシックエディタのご説明でした。
今回は、ブロックエディタでご説明させていただきます。
目次
動画でご確認ください
テキスト版
※トップページの作成は固定ページで作ってください。
カラムの設定方法
1、【+】-cocoonレイアウトの【2カラム】をクリック
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-23_23h50_42.png)
2カラムが表示されました
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-23_23h54_41-800x100.png)
2、一番左のマーク(段落)をクリックー【見出し】をクリックします
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-23_23h56_00-800x252.png)
3、段落が【H2】と確認して見出しを入力します
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-23_23h56_38-800x170.png)
出来ました♪
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-24_11h37_19-800x113.png)
ショートコードの設定
ショートコードの挿入
1、ショートコードマークをクリックー【新着記事一覧】をクリックします
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-24_11h37_45-800x293.png)
ショートコードが入りました
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-24_11h40_41.png)
リストカウント
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-24_11h40_41-1.png)
5個表示の場合、下記のように表示されます
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-24_11h43_10.png)
カテゴリーID
allのままだと、新着記事を表示されますのでカテゴリーIDの番号に変更します
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-24_11h45_12.png)
<<カテゴリーIDの探し方>>
【投稿】-【カテゴリー】を開いてカテゴリーの名前にカーソルを合わせると、左下に表示されます。
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-24_11h48_06-800x539.png)
ネットビジネス初心者さんのカテゴリーIDは【2】になります
お同じ要領で、ワードプレスのカテゴリーIDを確認します
設定しました
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/3-2.jpg)
もっと見るのボタン設定
1、【+】-cocoonブロック【ボタン】をクリック
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-24_15h04_08.png)
2、ボタンが表示されました
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-24_15h05_05.png)
ボタンの編集は
➀ボタンをクリック
②歯車マークをクリック
③編集画面が出て来ます
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-24_15h05_46-800x375.png)
編集方法は下記のとおりです
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-24_15h06_57.png)
➀カテゴリーのURLを入力
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-24_15h09_07-800x372.png)
②リンクの開き方
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-24_15h10_16.png)
③ボタンのサイズ
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-24_15h24_59.png)
④円形にするか四角か
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-24_15h27_27.png)
⑤ボタンをキランと光らせることもできます
その他、ボタンの色や文字色の変更も出来ます♪
![](https://satomi-kosodateblog.com/wp-content/uploads/2020/12/2020-12-24_15h07_13.png)
まとめ
ブロックエディタ編でサイト型のブログの作り方を、お伝えさせていただきました^^
コメント