2.0 Released !

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の圧縮
  • カスタマイザー周りのファイルを分割
  • 大幅なリファクタ
  • 記事中広告の仕様をカスタマイズしやすいように変更
  • トップへ戻るボタンの関数をリファクタリング
  • ファイルの読み込みを最適化(非ログイン時に使用しないファイルを読み込まないように)

23 COMMENTS

カゲオ 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を使用)のページ内リンクが指定した場所に飛ばない現象が起きております。 色々と試してみましたが、どうやら高速化の「投稿/固定ページ内の画像を遅延読み込み」にチェックを入れるとうまくリンクが飛ばないようでした。チェックを外すと問題なく指定した場所にリンクが飛びます。 こちらを…

回答を見る
野沢成芳 2020/01/08

2.0から追尾しなくなりました

Safari(13.0.4)において、SANGO 2.0からサイドバー追尾ができなくなりました。

回答を見る
あはは 2019/12/25

追尾サイドバーが追尾しない

お世話になります。 SANGOのバージョンアップをしたところタイトルの通り追尾サイドバーが追尾しなくなりました。 確認をお願いします。

回答を見る
pegaro 2019/12/19

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

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

回答を見る

コメントを残す

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