ConoHa WINGとのコラボ開始

SANGO2.0がリリースされました

SANGO2.0

2019年12月18日にSANGO 2.0がリリースされました。パフォーマンス(表示速度)の向上を中心に多くの変更を行っています。

いつも通りアップデート可能

後方互換性を考え、CSSのクラス名などには大きな変更を加えないようにしています。そのため、ほとんどの場合でアップデートにより問題が生じることはないと思われます。

テーマはダッシュボードの[更新]からアップデートすることができます。

WordPressテーマ「SANGO」のアップデート手順と注意点

エディターには変更なし

今回のアップデートによりエディターへの変更はありません。今後もブロックエディターに関する変更はプラグインSANGO Gutenbergでのみ行います。

SANGO v2.0の主な変更点

コンテンツ内の画像の遅延ロードに対応

投稿ページ・固定ページのコンテンツ内の画像を遅延読み込みすることで、表示を高速化します。Googleが推奨する「Intersection Observer」という仕組みを使っているため、SEO的にも安心です。

Note

  • 外観 ⇒ カスタマイズ ⇒ 高速化 ⇒ 投稿/固定ページ内の画像を遅延読み込み にチェックを入れることで有効化されます。
  • Internet Explorerで表示した場合は遅延ロードは行われません。

投稿・固定ページでCanonical URLを設定できるように

エディター下部から設定できるようになりました。複数の内容が重複するページが生まれてしまった場合に、Canonical URLを指定することで、検索エンジンからのページ評価を1つにまとめることができます。

投稿・固定ページでシェアボタンを非表示にする機能を追加

エディター右のサイドバーに「シェアボタンを非表示にする」チェックボックスを追加しました。

2種類のWebフォントを簡単設定できるように

ダッシュボードから日本語ウェブフォントの「Noto Sans JP」と「M PLUS Rounded 1c」を簡単に設定できるようになりました。パフォーマンス面では低下しますが、より美しい見栄えを実現することができます。

Note

  • 外観 ⇒ カスタマイズ ⇒ デザイン・レイアウト ⇒ フォント種類 から設定できます

追尾サイドバーの改善

これまでサイドバーの追尾機能はJavaScriptでスクロールを常に監視することで実現していました。これは負荷が大きい処理であったため、v2.0〜は別の方式に切り替えました。これにより、わずかながらパフォーマンスの向上が期待できます。

また、追尾サイドバーが縦に長く、画面をはみ出てしまう場合にスクロールできるようになりました。

追尾サイドバーが動かなくなった場合

ヘッダーお知らせ欄のアニメーションのON/OFFを切り替えられるように

デフォルトではOFFになっているため、アニメーションを有効にしたい場合は設定が必要です。

Note

  • 外観 ⇒ カスタマイズ ⇒ SANGOオリジナル機能 ⇒ ヘッダーお知らせ欄 ⇒ 読み込み時のアニメーションを有効にする で設定できます

その他の変更点

  • 視認性改善のため、メディアクエリを変更しiPadサイズのスクリーン(768px)で1カラム・レイアウトが適用されるように
  • iOSの自動フォントサイズ調整を無効化するように(レスポンシブテーブルのデザイン崩れの解消)
  • iOSで横スクロールの関連記事にスナップがきくように
  • テーブルのtfootのスタイルを追加
  • インラインJavaScriptの圧縮
  • カスタマイザー周りのファイルを分割
  • 大幅なリファクタ
  • 記事中広告の仕様をカスタマイズしやすいように変更
  • トップへ戻るボタンの関数をリファクタリング
  • ファイルの読み込みを最適化(非ログイン時に使用しないファイルを読み込まないように)

31 COMMENTS

アバター
gamiyu 2020/04/04

ファビコンが表示されない

お世話になっております。一目惚れをしてSANGOのテーマに変更しました。「沖縄 子育て ブログ」などで検索結果に表示されますが、全部の検索結果でファビコンがどうしても表示されません。使用ブラウザはChromeで、サファリでも試してみましたが表示されませんでした。サイトアイコンにファビコン画像は登録しております。お忙しい中恐縮ですが、ご確認お願いいたします。

回答を見る
アバター
栗本 祐吾 2020/03/19

「高速化」タブの「投稿/固定ページ内の画像を遅延読み込み」をチェックすると、画像が表示されなくなる

表題の通りです。 「高速化」タブの「投稿/固定ページ内の画像を遅延読み込み」をチェックすると、画像が表示されなくなってしまいます。

回答を見る
アバター
はじめちょろちょろ 2020/02/29

追尾サイドバーが追尾されない

サルワカさん。お世話になっております。 SANGO2.0にバージョンアップしたからというわけではないと思うのですが追尾サイドバーが追尾されません。 お手数ですがご確認いただけないでしょうか。 念の為こちらのページを見たときには追尾サイドバーが正常に動作していることは確認済みです。 https://saruwakakun.design/shortcode-examples/

回答を見る
アバター
藤井京介 2020/02/12

Twitterカードがうまく表示されない

Twitterカードが表示されません。今はJetpackを使っているのですが、アイキャッチ画像を登録すると画像クリックしてもリンクされません(画像が別画面で大きく開きます) アイキャッチ画像を登録していない記事はデフォルトの写真?(ボートが海に浮かんでいる写真)になりますが、それはきちんと画像クリックで記事にリンクされます。 Jetpackが重いのでやめたいのですが、標準で付いてると思われるTwi…

回答を見る
アバター
カゲオ 2020/01/17

ウィジェット「記事中広告」が表示されない原因について

お世話になっております。 先ほど解決した「記事中広告」の件ですが、カスタマイザーの「自動整形をオフにする」にチェックを入れると表示されないようです。 原因がわかりましたので、取り急ぎご報告です。

回答を見る
アバター
カゲオ 2020/01/16

追尾サイドバーが動かない

お世話になっております。 SANGO2.0にアップデートしてから追尾バーが動かなくなりました。 何か原因がわかればご教授いただきたいです。 よろしくお願いします。

回答を見る
アバター
naoto 2020/01/11

フォント種類を「M PLUS Rounded 1c」にするとヘッダメニューが2段表示になる

お世話になります。 いつもSANGOを快適に使わせていただいております。 SANGOに実装されているフォント切り替えで フォント種類を「M PLUS Rounded 1c」に変更したところ 上部メニューが2段表示(改行)されて表示されるようになりました。 PC表示の時です。 何か解決策があるかお聞きできればと思いまして投稿させていただきました。 ★メニューが2段表示されてしまうフォント 「デフォル…

回答を見る
アバター
zak-papa 2020/01/09

高速化した結果、目次のページ内リンクがリンク先に飛ばない

お世話になっております。 今年になってブログをオープンしたばかりなのですが、目次(Easy Table of Contentsを使用)のページ内リンクが指定した場所に飛ばない現象が起きております。 色々と試してみましたが、どうやら高速化の「投稿/固定ページ内の画像を遅延読み込み」にチェックを入れるとうまくリンクが飛ばないようでした。チェックを外すと問題なく指定した場所にリンクが飛びます。 こちらを…

回答を見る
アバター
pegaro 2019/12/19

バナー広告画像が非表示になる

お世話になっております。 約2年半ほど、SANGOを利用させて頂いています。 件名に記載の通りなのですが、この度SANGOのバージョン2.0にアップデートした(1.5→2.0)ところ、ASPのバナー画像が表示されなくなるという問題が発生したので、ご相談させていただきました。 原因を把握するために試したことは下記の通りです ・子テーマ「Poripu」を使っているので、それを非有効化 ・全てのプラグイ…

回答を見る

コメントを残す

* は入力必須項目です。
コメント投稿ガイドラインを読んでから投稿してください。
メールアドレスは公開されませんが、名前は公開されます。

HTMLやPHPのコードを掲載するときはHTMLエスケープツールで特殊文字を変換してから貼り付けてください。