【SANGO】タブ切り替え機能の設定を初心者向けに説明

SANGO タブ切り替え機能の設置方法

このブログはワードプレスの有料テーマ「SANGO」を使用しています。

トップページのデザインを変えてみようと、SANGOカスタマイズガイドタブ切り替え機能の設定を参考にしてタブ切り替え機能を設置してみました。

しかし、初心者の私はスムーズに設置できませんでした・・・。

リコ
リコ

初心者すぎて
一度で設定ができない・・

私のような人のために、分かりやすく画像付きで手順を説明します。
これをみれば一度でタブ切り替えを設置できますよ。

タブ切り替え機能とは

タブ切り替え機能

上記がタブ切り替え機能です。

SANGOでは簡単に設置できるようになっています。
私はできませんでしたが(笑)

タブの数を合計3つにするとスマホ表示で見栄えが悪くなるので、2つか4つが推奨されています。

タブ切り替え機能の設置方法

タブ切り替え機能の設置方法を画像付きで説明していきます。

タブ切り替え機能を有効にする

ワードプレスの管理画面で外観カスタマイズを選択。

SANGOオリジナル機能記事一覧タブ切替を選択。

一番上のタブ切り替え機能を有効にするにチェックを入れます。

タブ設置方法④

タイトルをつける

タブ切り替え機能

左からタブ1、2、3、4となっています。
タブ1は新着記事一覧が表示されるようになっているので、タブ2~4の設定を行います。

まずはタイトルを決めます。

タブ設置方法⑤ タイトル

記事一覧の取得方法を選ぶ

記事一覧の取得方法は、カテゴリーIDタグIDを選択します。
そして選択した方のIDを入力します。(IDは数字で入力)

タブ設置方法⑤取得方法

これはどちらを選べば良いのか分からなかったのですが、

  • タブのタイトルをカテゴリー名にした場合はカテゴリーID
  • タブのタイトルをタグ名にした場合はタグID

このように選択すれば良いです。

私の場合、タイトルを農業というカテゴリー名にしたので、カテゴリーIDで指定し、IDを入力します。

IDの調べ方はこちらの記事で説明しています。
【SANGO】投稿IDとカテゴリーID一覧を簡単に作る方法/タグIDの調べ方も

「もっと見る」のリンク先URLを入力

もっと見るボタンの表示

ここで私はつまずきました。
タブの記事一覧の下に「もっと見る」ボタンを表示させたいのですが、リンク先のURLが分からない。(笑)

でも解決したらとても簡単なことでした。

カテゴリーIDを選択した場合は

https://サイトURL/category/カテゴリー名/

タグIDを選択した場合は

https://サイトURL/tag/タグ名/
注意!

私はパーマリンクを投稿名に設定しています。
他の設定にしている方は、もしかしたらこのURLではできないかもしれません・・・。


カテゴリー名とタグ名はワードプレスの管理画面の投稿から編集できます。

URLではアルファベットで表示させたいので、管理画面からスラッグをアルファベットに変えます。

私の場合、農業カテゴリーの「もっと見るボタン」のURLは以下のようになります。

https://rikotokirinn.com/category/nougyou/

タブの色、表示記事数の設定

最後にタブの色と、表示する記事数を設定したら、公開ボタンを押して終了です。

ちゃんとできているかボタンを押して確認してみてくださいね。

まとめ

SANGOではカスタマイズガイドという分かりやすい説明書のようなものがあります。

基本設定から応用編まで便利な機能が紹介されているので、カスタマイズガイドをよく見て活用していきましょう。

しかし、ブログ初心者には説明を読んでも分からないこともたくさん出てきます。
(実際に私は分からないことがあって何回もつまずいています・・・)

なので私が分からなかったことを記事にして、初心者の方がスムーズに設定できるように発信していきたいと思います。

リコ
リコ

この記事が参考になれば幸いです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA