このページで行いたいこと
「Cocoon（コクーン）」の「grayish（グレイッシュ）」を使用
前回の作業で
フロントページをかっこよくしてみました
以下の記事になります
その後
フロントページに
自分が指定した記事の一覧を掲載したい！
と思うようになり
作業をしたのが今回の記事です
自分の備忘録も兼ねて初心者向けに
ここに書き留めておこうと思いました
なお、ななふさんも書かれていますが
CSSなどは間違えるとデザインが崩れて
ホームページが見られないような状態に
なってしまうことも多いので
バックアップを取得してから
作業した方が良いと思います
また動作保証やサポートもないとのことですので
自己責任で行いましょう
作業内容
一覧表示したいオススメ記事を「メニュー」に登録する
・「外観」→「メニュー」を選択
・右上の「新しいメニューを作成しましょう」をクリック
・「メニュー名」に好きな名前をつけ、「メニューを作成」をクリック
私は「check」という名前にしています
・「投稿」から一覧に追加したい記事を選択し、メニューに追加
左側の「メニュー項目を追加」から
「投稿」の「▼」をクリックすると
以下のように
新着記事順に
記事一覧が表示されます
上の方にある場合はそのまま選択すればよいのですが
見当たらない場合は「検索」から
キーワードで検索して選択してください
下の方にスクロールすると
「メニューに追加」ボタンが出てきますので
これをクリック
すると、右側の「メニュー設定」に
記事が登録されます
・上の方にある「表示オプション」の「CSSクラス」、「説明」を選択
・「メニューを保存」をクリック
これで「メニュー」に登録されました
フロントページに、メニューに登録したオススメ記事一覧を掲載する
まずは前回登録した「パターン」を使用して
フロントページにオススメ記事一覧を
表示するエリアを作ります
・フロントページにパターンを追加
フロントページを開き
「パターン」→「マイパターン」をクリック
前回インポートした
「grayish-cstm-pat-7-pickup-lgh-col4-v104.json」
をフロントページ上に展開した所です
・メニューから先ほど作成した「メニュー」を選択
・「見出し」と「サブタイトル」を変更
これは私がやりたかっただけです
フロントページを保存する
以上で終了です
完成画面
フロントページの
「New Post」と「About」の間に
「PickUp!」が掲載されました！
以上で終了です
★初心者にオススメ★
私は「LOLIPOP！（ロリポップ）」で
ホームページ作成しています！
↓
月額99円から。容量最大1TB！ブログ作成におすすめのWordPressテーマ「Cocoon」も簡単インストール
お疲れさまでした
「ホームページ制作初心者の私が、自分のサイトを見本にして簡単に作り方を教えるサイト」
ホームページ「おとなの愛用品・定番品」作成手順一覧はこちら↓
コメント