当ブログでは、WordPressの人気有料テーマ「SANGO」のカスタマイズに関する記事を10記事以上公開中。
「トップページのヘッダーアイキャッチをスライドショーにする方法」といった運営者側に役立つものから、「highlight.jsでソースコード表示をかっこよくする方法」などの技術ブログ向けのものまで網羅しています。
このブログはもちろん、SANGOテーマを使わせていただいています。
使い勝手は抜群で本当にこのテーマを選んで良かったといつも思います。
実は別で運営しているメディアでもSANGOテーマを使用していて、そこで得たカスタマイズ方法も備忘録として残しています。
SANGOを愛用するブロガーの躓きを少しでも解消できたら幸いです。
この記事ではSANGOテーマをカスタマイズするときに役立つ記事をまとめて紹介します。
目次
SANGOカスタマイズに役立つ記事まとめ
トップページのヘッダーアイキャッチをスライドショーにする方法
プラグイン「Smart Slider 3」を使ってトップページのヒーローエリアにスライドショーを設置する方法を解説します。
![【SANGOカスタマイズ】トップページのヘッダーアイキャッチをスライドショーにする方法](https://yuyauver98.me/wp-content/uploads/2019/12/20191211-2-160x92.jpg)
サムネイル画像を横長長方形に変更する方法
人気記事一覧のサムネイル画像を正方形から横長長方形に変更する方法を解説します。
子テーマのfunctions.phpにコードを追記したり、プラグイン「Regenerate Thumbnails」を使ってあれこれしたりと意外と時間がかかるカスタマイズとなりますのでじっくり取り組みましょう。
![【SANGO カスタマイズ】サムネイル サイズを横長長方形に](https://yuyauver98.me/wp-content/uploads/2020/04/20200402-160x92.jpg)
![【SANGO カスタマイズ】サムネイル サイズを横長長方形に](https://yuyauver98.me/wp-content/uploads/2020/04/20200402-160x92.jpg)
![【SANGO カスタマイズ】サムネイル サイズを横長長方形に](https://yuyauver98.me/wp-content/uploads/2020/04/20200402-160x92.jpg)
ヘッダー下にバナー画像を設置する方法
任意の広告バナーをヘッダー下に設置したい向けの記事です。
header.phpとstyle.cssを編集するので少しハードルが高いかもしれませが挑戦してみてくださいまし。
![SANGOでヘッダー下にバナー画像を設置するカスタマイズ方法](https://yuyauver98.me/wp-content/uploads/2020/01/20200107-160x92.jpg)
![SANGOでヘッダー下にバナー画像を設置するカスタマイズ方法](https://yuyauver98.me/wp-content/uploads/2020/01/20200107-160x92.jpg)
![SANGOでヘッダー下にバナー画像を設置するカスタマイズ方法](https://yuyauver98.me/wp-content/uploads/2020/01/20200107-160x92.jpg)
h3見出し前に追加で記事中広告を表示させる方法
SANGOでは、記事ページのはじめのh2見出しの前にアドセンス広告を表示させるウィジェット「記事中広告」というものがデフォルトで用意されています。
とても便利な機能ですが、h3見出し前にもいくつか表示させたいという場合には実現不可能です。
そこでこちらの記事の内容が役に立ちます。
![【SANGOカスタマイズ】記事中広告を増やす方法](https://yuyauver98.me/wp-content/uploads/2020/01/20200108-160x92.jpg)
![【SANGOカスタマイズ】記事中広告を増やす方法](https://yuyauver98.me/wp-content/uploads/2020/01/20200108-160x92.jpg)
![【SANGOカスタマイズ】記事中広告を増やす方法](https://yuyauver98.me/wp-content/uploads/2020/01/20200108-160x92.jpg)
トップページ記事一覧で特定のカテゴリーを除外する方法
有料テーマの「JIN」ではWordPress管理画面から簡単に特定のカテゴリーに属する記事をトップページに表示させなくすることができますが、SNAGOでは無理です。
こちらの記事で紹介しているコードを使えば、いとも簡単に実装できますのでぜひ。
![【SANGO カスタマイズ】トップページ記事一覧で特定のカテゴリーを除外する方法](https://yuyauver98.me/wp-content/uploads/2020/06/グループ-163-160x92.jpg)
![【SANGO カスタマイズ】トップページ記事一覧で特定のカテゴリーを除外する方法](https://yuyauver98.me/wp-content/uploads/2020/06/グループ-163-160x92.jpg)
![【SANGO カスタマイズ】トップページ記事一覧で特定のカテゴリーを除外する方法](https://yuyauver98.me/wp-content/uploads/2020/06/グループ-163-160x92.jpg)
highlight.jsでソースコード表示をかっこよくする方法
プログラミング系の記事を書く際に必ずと言っていいほど掲載するソースコード。
SANGOのデフォルトではとても目に優しい可愛らしいデザインとなっております。
そちらをAtomエディタの見た目にカスタマイズする方法を解説します。
![【SANGOカスタマイズ】highlight.jsを導入する方法](https://yuyauver98.me/wp-content/uploads/2020/03/20200315-3-160x92.jpg)
![【SANGOカスタマイズ】highlight.jsを導入する方法](https://yuyauver98.me/wp-content/uploads/2020/03/20200315-3-160x92.jpg)
![【SANGOカスタマイズ】highlight.jsを導入する方法](https://yuyauver98.me/wp-content/uploads/2020/03/20200315-3-160x92.jpg)
記事一覧グリッドのカードにユーザー名とサムネイルを表示する方法
複数ユーザーでブログ運営している際に便利なカスタマイズです。
添付画像の赤枠内のように、サムネイルとユーザー名を表示させることができます。
▼▼▼
![](https://yuyauver98.me/wp-content/uploads/2019/11/20191119-160x92.jpg)
![](https://yuyauver98.me/wp-content/uploads/2019/11/20191119-160x92.jpg)
![](https://yuyauver98.me/wp-content/uploads/2019/11/20191119-160x92.jpg)
サイドバーのカテゴリー一覧から特定のカテゴリーを非表示にする方法
かなりニッチなカスタマイズです。
表示されるはずのブロックをそのクラス名にCSSのdisplay:none;を指定して非表示にしてあげるというもの。
![【SANGOカスタマイズ】サイドバーのカテゴリー一覧から特定のカテゴリーを非表示にする方法](https://yuyauver98.me/wp-content/uploads/2020/06/【SANGOカスタマイズ】サイドバーのカテゴリー一覧から特定のカテゴリーを非表示にする方法-160x92.jpg)
![【SANGOカスタマイズ】サイドバーのカテゴリー一覧から特定のカテゴリーを非表示にする方法](https://yuyauver98.me/wp-content/uploads/2020/06/【SANGOカスタマイズ】サイドバーのカテゴリー一覧から特定のカテゴリーを非表示にする方法-160x92.jpg)
![【SANGOカスタマイズ】サイドバーのカテゴリー一覧から特定のカテゴリーを非表示にする方法](https://yuyauver98.me/wp-content/uploads/2020/06/【SANGOカスタマイズ】サイドバーのカテゴリー一覧から特定のカテゴリーを非表示にする方法-160x92.jpg)