QooQ v1.27 アップデートによる変更点

｜2023/09/06 ｜2
アイキャッチ

先日 QooQ 作者さんのブログを覗いてみたら、久しぶりに QooQ に関する記事が上がってて、テーマの XML も v1.27 にアップデートされていました。

ファビコンラムネグ
サムネイル
blogger新管理画面でQooQ、Tokyoを使う場合の注意点
blggerの新管理画面でQooQ、Tokyoを使う場合の注意点を2つ紹介。
https://blog.dododori.com/create/program/new-blogger-qooq/
CONTENTS

表の挿入機能対応

まず、新機能の「表の挿入」に関して、これまで QooQ や Tokyo では表を挿入しても罫線が表示されない仕様でしたが、CSS の追記で暫定対応されたとのこと。
v1.26 と v1.27 の差分チェックをしてみると、この部分が追記されていました。

HTML
/* テーブル（暫定） */
    table:not([class]) td{
    border: solid 1px $(other.border);
}

表挿入機能がもう廃止？

ところで昨日気づいたのですが…この様に新UIに対応されたにもかかわらず、またUIが変更されて「表の挿入」機能が削除されてしまったようです(~_~;)(2020/07/13時点)

まあ、Blogger の編集UI もバグの修正やフィードバック対応などでコロコロ仕様が変わりますので、また表挿入機能も復活するかもしれませんけどねw

大型ディスプレイ表示時の最大幅設定

こちらのリリースノートによると、大型ディスプレイ表示時の設定漏れの対応がされたそうです。

ファビコンラムネグ
サムネイル
QooQリリースノートと初期設定方法！【ゼッタイ読んでね】
blogger日本語テンプレート「QooQ」の初期設定方法とリリースノートです。QooQを利用するのならまず一読してくださいね！
https://blog.dododori.com/create/program/qooq-releasenote/#jump-8
HTML2

初期化処理のところ、.container の min-width が 960px に変更され、max-width:1180px が追記されています。

.container{margin:auto;width:86%;min-width:960px;max-width:1180px}

画面サイズが大きいディスプレイで表示しても、幅が設定値以上に広がらなくなります。

メイン幅
メイン幅2

ちなみに当ブログでは既に自力で対応済で、max-width:1300px に設定していました。
うちには大型ディスプレイ環境がなく、どのくらいの幅がベストなのかはわからないので数値は適当ですけどw(^^;

その他の変更点

その他で変更・削除されていたのは HTML の以下の4ヶ所ですが、これらに関してはどの部分に影響するのか正直よくわかりませんw

おそらく不要な部分の削除や最適化がされただけだと思うので、弄らずそのままにしておいても別に問題はないと思います。

HTML3
HTML4
HTML5

これに関しては、今はなき Google+ 連携の埋め込みコメント欄の表示に関するタグのようです。

HTML6
<!-- G +コメントは利用できなくなりました。 includableは、下位互換性のために保持されています。-->

旧バージョンからアップデートする場合

v1.26 以前のユーザーで今回のアップデートを適用させたい方は、上記のコードを追記・変更して下さい。※テーマの XML を丸ごと入れ替えると、それまでに施したカスタマイズの内容が全て消えてしまいます。

HTML を編集する前に、必ずテーマのバックアップを取っておいて下さい。