2020年09月13日
Cocoonで、サイト型トップページをCSSなしで作る方法
既にいくつか記事がある状態を想定しています。
1 ヘッダー画像を入れる(無理にしなくてもOK)
2 グローバルメニューを設定する
3 おすすめ記事のボタンをグローバルメニュー下にセットする
外観からメニュー
メニュー名 [ピックアップ]
固定ページや投稿ページの中から
選んでメニューに入れる
※各入門書のINDEXページを作っておいて選択する
メニューを保存
cocoon設定>おすすめカード タブ
おすすめカードの表示 [全ページで表示]に。
メニュー選択 [ピックアップ]を選択
表示スタイルを選ぶ 画像のみも可
カード余白 好みで選ぶ
カードエリア左右余白 好みで選ぶ
4 トップページの記事を固定する
[固定ページ]でトップページに表示させたいページを新規作成
タイトルは なんでもよいけどそのサイトの一押しページか、
そのサイトの説明ページがいいかな。
[設定]>[表示設定]
ホームページの表示
◎固定ページにチェックをいれて、
ホームページ:で 上記の ページ を選択
(参考動画)
【Cocoon】ブログを30分で「それっぽい」デザインにする手順を紹介
(参考サイト)
ヘッダー下に任意の画像リンクを追加できる「おすすめカード」機能の使い方
(Cocoon公式サイトと思います)
1 ヘッダー画像を入れる(無理にしなくてもOK)
2 グローバルメニューを設定する
3 おすすめ記事のボタンをグローバルメニュー下にセットする
外観からメニュー
メニュー名 [ピックアップ]
固定ページや投稿ページの中から
選んでメニューに入れる
※各入門書のINDEXページを作っておいて選択する
メニューを保存
cocoon設定>おすすめカード タブ
おすすめカードの表示 [全ページで表示]に。
メニュー選択 [ピックアップ]を選択
表示スタイルを選ぶ 画像のみも可
カード余白 好みで選ぶ
カードエリア左右余白 好みで選ぶ
4 トップページの記事を固定する
[固定ページ]でトップページに表示させたいページを新規作成
タイトルは なんでもよいけどそのサイトの一押しページか、
そのサイトの説明ページがいいかな。
[設定]>[表示設定]
ホームページの表示
◎固定ページにチェックをいれて、
ホームページ:で 上記の ページ を選択
(参考動画)
【Cocoon】ブログを30分で「それっぽい」デザインにする手順を紹介
(参考サイト)
ヘッダー下に任意の画像リンクを追加できる「おすすめカード」機能の使い方
(Cocoon公式サイトと思います)
【このカテゴリーの最新記事】
-
no image
-
no image
-
no image
-
no image
-
no image
-
no image
-
no image
-
no image
この記事へのコメント
コメントを書く
この記事へのトラックバックURL
https://fanblogs.jp/tb/10194322
※ブログオーナーが承認したトラックバックのみ表示されます。
この記事へのトラックバック