1.8.6 Released !

SANGOで固定ページをホーム固定する方法まとめ

このページでは、WordPressテーマSANGOにおいて、ホーム(トップページ)に記事一覧の代わりに、固定ページを表示する方法をまとめて解説します。

MEMO
固定ページのホーム固定は、全テーマ共通のWordPressの標準機能なので、Google検索をすることでも参考になる記事が見つけられるはずです。

トップページをホーム固定する手順

手順1:ホーム用の固定ページを作成

まずは固定ページを作成します。SANGOでは、ホーム固定を想定した2つの固定ページテンプレートを用意しています。テンプレートは、固定ページの編集画面において、右側のサイドバーの「固定ページの属性」で選ぶことができます。

上の画像のをつけたテンプレートがトップページ用です。これらのテンプレートでは、タイトルや日付、アイキャッチ画像は表示されません(タイトルなどを通常の記事と同じように表示したい場合は、デフォルトテンプレートを選択してください)。表示させたいものを、自由に書いていきましょう。

トップページ用1カラム(タイトルなど出力なし)

トップページ用固定ページ___SANGO

サイドバーなしのテンプレートです。ヘッダーアイキャッチ画像は使用することができません。デモページはこちら

トップページ用サイドバー有(タイトルなど出力なし)

Ver1.4〜登場したサイドバー有の2カラム・レイアウトのテンプレートです。通常の固定ページをホーム固定する場合と異なり、タイトルや日付等が非表示になります。さらにヘッダーアイキャッチ画像を使用することもできます。

手順2:記事一覧用固定ページを作成

トップページ=固定ページとなるため、新着順の記事一覧は別ページに表示させることになります。WordPressでは、新着記事一覧用の固定ページを作成しておく必要があります。

新着記事一覧用の固定ページを作成

↑新しい固定ページを作成します。 ①自分にとって分かりやすいタイトルをつけて、②[下書きとして保存]をクリックします。本文は空欄で構いません(どちらにせよ投稿一覧ページになるため本文は表示されません)。

↑一度保存をすると、パーマリンクの設定が表示されるようになります。ここで指定したURL=記事一覧ページのURLとなります。「new-posts」など他のページのURLと被らないような文字列にすることをおすすめします。

固定ページを公開する

パーマリンクを設定したら固定ページを[公開]します(固定ページは記事一覧に表示されないのでご安心ください)。ここで公開していないと、次のステップで上手くいかない場合があります。

手順3:ホームページ設定をする

外観⇒カスタマイズ⇒「ホームページ設定」を開きます。 ホームページの表示設定

ここで「固定ページ」にチェックを入れます。 「ホームページ」では、実際にトップページに表示したい固定ページを選びます。

「投稿ページ」では、先ほど作成した新着記事一覧用の固定ページを選びます。

 手順4:ホーム固定ページに、新着記事一覧へのリンクを貼る

トップページ用固定ページの好きな位置に、新着記事一覧ページのリンクボタンを貼ります。以下のようにボタンを設置すると良いのではないでしょうか。

新着記事一覧へ

ホーム固定の手順は以上で完了です。

参考:トップページ用固定ページ内に記事一覧を表示する

SANGOでは、ショートコードを使って新着記事一覧を表示することができます。

例えば、[catpost type="card2" num="5"]というショートコードをエディタ上に記入すると、以下のように新着記事が5つ表示されます(type="card2"はVer1.4〜導入されました)。

SANGOでEasy Table of Contentsの目次を表示する SANGO Ver1.8 アップデート内容と注意点 SANGOで使用するエディタを選ぶ SANGO SANGOへの質問ガイドライン SANGO gutenberg SANGO Gutenbergで見出しやボタンを使う方法
MEMO
ショートコードcatpost内でtype="card"と入力すると、縦長のカード型のスタイルとなります。type="card2"をまるっと除けば、横長の枠線型のスタイルされます。num="5"の部分では表示件数を指定します。詳しくは、SANGOのショートコード一覧を御覧ください

表示サンプル

例えば、オリジナル見出し[catpost type="card2" num="4"]オリジナルボタンと並べれば、以下のように見せることができます。

新着記事

SANGOでEasy Table of Contentsの目次を表示する SANGO Ver1.8 アップデート内容と注意点 SANGOで使用するエディタを選ぶ SANGO SANGOへの質問ガイドライン SANGO gutenberg SANGO Gutenbergで見出しやボタンを使う方法

新着記事一覧へ

↑ ショートコードでの記事表示数によっては、ボタンのリンク先を「新着記事一覧2ページ目」にしても良いでしょう。

79 COMMENTS

エアエア 2019/10/03

いつも大変お世話になっております。
2点質問させていただきたいです。

1. トップページ用固定ページの最初の上部余白がなかなか消せないのですが、どのようにすればよろしいでしょうか。

2. サイトトップのロゴ画像がスマホ表示のみ縦伸びするようになってしまいました。以前は通常に表示されていたのですが・・・。何が原因でしょうか。

お忙しいところ恐れ入りますが、ご教授いただけると幸いです。どうぞよろしくお願いいたします。

回答を見る
YUKA 2019/09/25

サルワカ様
お世話になります。
他の方の質問・回答を拝見し、トップページ用1カラムの背景色を変更することはできたのですが、それ以外の固定ページ(1カラム)の背景色を同様に変更することは可能でしょうか。
お忙しいとは存じますが、ご教授いただけると幸いです。
よろしくお願い致します。

回答を見る
nomi 2019/07/08

いつもお世話になっております。
「ホームに固定ページを使用する」を参考にさせていただきました。
どうしても解決できない部分があったので2点質問させてください。

1.PC用に[card]、モバイル用に[card2]を使用しています。[card2]横長カードの画像を長方形ではなく新着記事一覧と同じ正方形にすることはできますでしょうか?
([catpost]を使用すると関連記事に使用しているカスタマイズが反映されてしまったので[card2]を使用しました。)

2.固定ページの新着記事にも「カテゴリーラベル(PC表示のとき)」や「NEW」のマークを表示することは可能でしょうか?

ショートコードで日付を表示できるようになりとても嬉しいです。
お忙しいところ申し訳ございませんがよろしくお願い申し上げます。

回答を見る
kaka 2019/07/04

スマホ表示にした際に、トップページ右に余白ができてしまうのでそちらを削除したいです。よろしくお願いいたします。

回答を見る
えいぷりお 2019/06/28

お世話になります。

固定ページを作る際に、ページ属性テンプレートの選択肢として「トップページ用サイドバー有(タイトルなど出力無し)」が表示されず、選ぶことができません。

選択肢として表示されるのは、以下4項目です。
・デフォルトテンプレート
・1カラム表示(サイドバー無し)
・トップページ用(タイトルなど出力無し)
・投稿ID/カテゴリーIDチェック用

とりあえず「トップページ用(タイトルなど出力無し)」を選んで作ろうとしていますが、レイアウトが崩れて困っています。

なぜ選択肢に表示されないのか、教えていただけますと助かります。

お忙しいところ、初心者の質問で恐縮ですが、何卒よろしくお願いいたします。

回答を見る
ねね 2019/05/15

こんにちは。
SANGOを1年以上使わせて頂いております。

色々調べたのですが分からなかったので質問させてください。

固定ページ(サイドバーあり)をホームページに設定しているのですが、
現状、関連記事がPC表示だとcard2タイプの関連記事、これをスマホから見ると、cardタイプの関連記事になってしまいます。

スマホではすっきり表示させたいので、cardタイプの関連記事ではなく、横長タイプの関連記事になるようにしたいのですが、どのようにしたら良いのでしょうか?

ご教授のほどよろしくお願いいたします。

回答を見る
hr 2019/04/22

お世話になっております。

固定ページのうち特定の1ページだけ、
例えば「サービス」ページのヘッダー・フッダーはそのままに、本体部分を
他のCSSをもとにしたサイトデザインをすることは可能でしょうか?

回答を見る
mame 2019/04/11

[catpost type=”card2″~~~を使用した場合、投稿日時が表示されますが、
[catpost type=”card”~~~を使用した場合、投稿日時が表示されないかと思います。

type=”card”でも投稿日時を表示する方法はありますでしょうか。

また、[catpost type=”card”~~~を使用した場合、レスポンシブで2列~1列の表示になるかと思います。
表示サイズを小さくして3列表示にする方法はありますでしょうか。
以下のショートコートで試してみましたが駄目でした。。。
[yoko3 responsive][cell][catpost type="card" num="6"][/cell][/yoko3]

ご迷惑おかけいたしますが、ご教授いただけると助かります。

回答を見る
マクリン 2019/04/09

こんにちは、マクリンと申します。

先日はヘッダーの検索バー、ご対応ありがとうございました!

SEO観点で効果が薄いことを理解したうえでのご質問です。

固定ページにもメタキーワード入力欄を作りたいのですが、カスタマイズ方法をご教示いただけますでしょうか?

お忙しいところ大変お手数ですが、ご教示よろしくお願いいたします

回答を見る
hr 2019/04/03

「○○.co.jp」のリンクをラインなどに送った際、デフォルトの海の絵が出てしまいます。
『トップページ用固定ページ(1カラム)のサンプルコード』こちらの方法でトップページを設定しており、カスタマイズの設定や固定ページ編集画面のアイキャッチ画像も設定済みですが反映されません。

どうしたら良いのかご教授願いたいです。

回答を見る
ななみ 2019/03/18

トップページを固定ページにしたいので、こちらの記事(SANGOで固定ページをホーム固定する方法まとめ)を参考に作業していますが、外観⇒カスタマイズ⇒「ホームページ設定」の「ホームページ設定」が消えてしまっていて困っています。

立ち上げ当初に確認した時には見たはずなのですが、いつの間にか「ウィジット」の下にあった「ホームページ設定」が消えて、「追加CSS」になっています。

※固定ページ編集画面の「ページ属性」はあります。
記事内では「固定ページの属性」となっていますが、同じだろう考えています。

どこか他のところから「ホームページ設定」ができますか?
全てのプラグインを解除して確認したり、初期化しないといけないでしょうか?

ご回答頂けると助かります。
よろしくお願いします。

【追記】
先ほど、「ホームページ設定」項目が消えてしまっている質問をした者です。
解決しました。スミマセン!
デフォルト固定ページの記事を消していて、自分で作成した記事も下書き状態で公開していないのが原因のようでした。
固定記事を公開にすると現れました。
お騒がせしました。

回答を見る
koba 2019/03/11

いつもお世話になります。
トップページ用固定ページを作成し、ホームページに指定したところ、フッターに何も表示されなくなりました。(真っ白)
テンプレートは「トップページ用 サイドバー有り」を選択しています。
原因と対処方法について教えてください。

回答を見る
きゅう 2019/03/03

いつもお世話になっております。

固定ページを親子構造で利用しているのですが、上部の階層のパーマリンクが表示されるのを無くしたいです。
※例えばtop-pegeの子ページでURLが「aaaa」だとすると、○○.com/top-page/aaaaと表示される。
この/top-pegeを表示させたくないのですが、方法はありますでしょうか?
もしくは子ページというのはこのURLの階層を表すために使うものなのでしょうか?

また、パーマリンク設定でカスタム構造の/%postname%/だけ保存ができない状態になっており、保存を押してページが切り替わると投稿日にチェックが入った状態で表示されてしまいます。
他のタグや/%postname%/+他のタグで保存するとカスタム構造にチェックが入って表示されるのですが。
これも親子構造を利用しているからなどの理由でしょうか?

お時間あるときにお返事いただければ幸いです。
何卒よろしくお願いいたします。

回答を見る
ぴー 2019/02/12

お世話になります。
Sangoを利用させていただきブログを楽しく更新させていただいております。

初心者のご質問で誠に恐れ入りますが、
今回一般的なサイトのようにトップページにカテゴリ、新着記事のまとめを掲載したいと考えておりますが、
以下ご教示いただけますでしょうか。

・固定ページのアイキャッチ画像を他ページの二分割アイキャッチと同じものとすることは可能でしょうか。
・トップの固定ページにメニューバーを表示させることは可能でしょうか。
・以下参考サイトのイメージで上部にカテゴリ分けの画像、下部に新着記事を掲載するようにしたいのですがどのようにすればよろしいでしょうか。
参考サイト:https://bank-academy.com/

回答を見る
まさと 2018/12/20

いつもお世話になってます。

固定ホームページにしてから、新着ページの2ページ目以降「お探しのページが見つかりませんでした。」になってしまいます。

どうしてでしょうか。。。

回答を見る
中村とし 2018/12/15

固定ページにもCTA(記事下)を表示させることはできますでしょうか?

回答を見る
もじこ 2018/12/06

いつもお世話になっております。質問が3つあります(多くてスミマセン)

①手順1:にある以下の説明にある「アイキャッチ画像」というのは、どれのことでしょう?
>上の画像の●をつけたテンプレートがトップページ用です。
>これらのテンプレートでは、タイトルや日付、アイキャッチ画像は表示されません。
>表示させたいものを、自由に書いていきましょう。

②新着記事のサムネイルが、記事内の画像ではなく、コーヒーカップの画像になってしまいます。
記事を作成した後、手順2:を実行しました。
この記事一覧用固定ページに載る、新着記事のサムネイルが、記事内の画像ではなく、コーヒーカップの画像になります。
また、記事内のシェアボタンからシェアした際にSNS側で表示されるサムネイルは、水に浮かぶSUP(?)の画像になります。
記事内の画像をサムネイル表示させたいです。

③手順3:を実行しようとしたのですが、[+新規固定ページを追加]を押すと、テキストボックスが出てくるだけで、手順2で作成した新着記事一覧用固定ページを選ぶことができません。

お手数おかけしますが、ご教示いただけますようお願い申し上げます。

回答を見る
mkt2 2018/12/01

お世話になっています。

sarryさんも2018年8月7日に類似の質問されていますが、トップページ指定していない固定ページに「記事一覧タブ切替」を表示させることは可能でしょうか?

恐れ入りますが、ご回答いただけると助かります。
どうぞ宜しくお願い致します。

回答を見る
useless 2018/11/29

手順2:記事一覧用固定ページを作成した場合にページタイトルが表示されなくて困ってます。クライアントの要望でページタイトル表示しなければならないので、どこから設定できるのか公開してください。

回答を見る
秀平美保子 2018/11/17

こんにちは。お忙しいところ申し訳ありません。
トップページをホームページ固定し、1カラムで使用しております。サイドバーありへ変更を考えております。ガイドでは固定ページ編集画面の属性でトップページ用サイドバーありが選べるようになっているとことですが、何度確認してもトップページ用(タイトル出力なし)しか出てきません。何が問題なのか分からないのですが、対処方法はありますでしょうか。
関係があるかどうかわかりませんが、最近ドメインを変え、ワードプレスも立ち上げなおしています。
ご返答、よろしくお願いいたします。

回答を見る
悩みマン 2018/10/09

お世話になっております。
背景色は変えることが出来ましたが、メインコンテンツは白のままに残したいのですが、どうすればいいのでしょうか?
よろしくお願いいたします。

回答を見る
名無し 2018/09/27

いつもお世話になっています。

サイト内すべてを1カラムにしたいので、カテゴリーページでサイドバーを消すことはできませんでしょうか。
よろしくお願い致します。

回答を見る
あにかぶ 2018/08/27

お世話になっております。

初歩的な内容かもしれませんがご教示お願いいたします。

トップページ用1カラムの背景色を変更したいのですが、方法はあるのでしょうか?

お忙しいところ申し訳ありませんが、宜しくお願い致します。

回答を見る
アオキ 2018/08/07

トップページにはH1タグがないようです。チェックサイトで見ても、ソースを確認してもありません。 とても重要かと思い焦っております。
変更の仕方を教えてください。
他のページは、しっかりとページタイトルがh1とタイトルになってます。

回答を見る
sarry 2018/08/07

お世話になっています。
固定ページで2分割アイキャッチが表示できるようになって嬉しいです。

質問ですが、固定ページに「記事一覧タブ切替」を表示させることは可能でしょうか?
固定ページをトップページに指定した場合、現状だと最大4つ表示できる「記事一覧タブ切替」は反映されません。
こちらのページでは「新着記事」を手動で設定する方法が案内されていますが、できれば「記事一覧タブ切替」を設置できると便利かなと思います。

どうぞ宜しくお願い致します。

回答を見る
2018/07/23

お世話になっております。

作成したトップページ用の記事をトップページに設定した時にタイトルを表示出来ないでしょうか?

また、タイトルは出力(表示)されないだけで、固定ページのタイトルはgoogleに認識されているのでしょうか?

回答を見る
オオタキミサコ 2018/07/20

post/で記事一覧ページを作成したのですが、なぜかSPではリンクが動きません。
リンクを新規タブで開くと開けるのですが、何の設定を間違えているのでしょうか?
すみませんが教えていただけると助かります。よろしくお願いいたします。

回答を見る
デザ 2018/05/14

初心者中の初心者です
実際作成しているページをみないと、わからないやつかもしれません(*_*;
わけわからなかったら、ちょっと別方法でデザイン考え直してみます
ひとまず困っていることを綴ります

こちらのページを参考に
トップページ用サイドバー有(タイトルなど出力なし)を選び
★トップ固定ページを作り(→ホームページトップ画面として)
★新着記事一覧用固定ページ(→ブログページ)

…で、手順通り作ってみてはいるのですが、表示が思い通りになりません
2点、困っていて

(その1)トップ固定に、ヘッダー(の帯?)+サイトタイトルが出てくる
→上記のトップページ用サイドバー有の見本として掲載されているような(サメくんwelcome)、大きなメイン画像+内容…私のトップページをまさにこんな感じにしたいのですが、ヘッダーが出ていないのは【header.php】を触って作っておられるのでしょうか。。。
そもそも、このサメくん画像は、ヘッダーアイキャッチ画像ではないんでしょうか??

(その2)ヘッダーアイキャッチ画像が、新着記事一覧の(ブログ)ページにも表示されます
→新規の固定ページにはヘッダーアイキャッチが表示されてないので、ブログページもそうしたいのですが、これは表示されてしまうものなのでしょうか

長々とスミマセン よろしくお願いします

回答を見る
goga 2018/05/04

別にトップページ用の固定ページをトップに固定しないで、普通の固定ページの扱いで使用しても問題ないのですよね?

私はデフォルトのトップページを使っておりますが、トップページを変えるつもりはなく、別で固定ページで自由にレイアウトしたポータル的なページを作りたいと思っております。
デフォルトトップページの下層ページの一つとして使う感じです。そして、それをデフォルトトップページにリンクを貼って、といった使い方を考えているのですが、そういった使用法もできるのですよね?
説明が分かりづらくてすみません。意図が伝わりますでしょうか?

回答を見る

コメントを残す

メールアドレスは公開されません。* は必須項目です。コメント投稿のガイドライン