Luxeritas 3.12.0 リリース
Luxeritas Theme 3.12.0 をリリースしました。
グローバルナビにスクロールプログレスバーを表示できる機能の追加。
その他、不具合修正やライブラリの更新等もろもろ。詳しくは開発者ブログの記事か以下の改訂履歴を参照してください。
改訂履歴
機能追加
- グローバルナビにスクロールプログレスバー機能を追加
不具合修正
- Luxeritas 提供元表示消去プラグイン(Erase Link to Luxeritas)を導入した状態だと、ブログへのアクセスの度に無駄なファイル I/O が発生してしまう不具合修正
- カスタマイズの「Font Awesome5」+「SVG with JavaScript」+「SVG の設定:Javascript の読み込み元:ローカル」の組み合わせが動作してなかった不具合修正
- ヘッダーの位置を「コンテナの内側」にして、グローバルナビを「スクロール固定」に設定した場合、メニューの数によっては、スクロール時にナビの横幅がコンテナのサイズと合わなくなってしまうことのある不具合修正
- ヘッダーの位置を「コンテナの内側」にして、ヘッダー帯メニューをを「スクロール固定」に設定した場合、複数箇所の Javascript がもろもろ動作しなくなる不具合修正
- Javascript 内に無意味にグローバルに出ちゃってる変数が1つあったので修正
- 管理機能の「クラシックブロック & 旧エディタ設定」の「テキストエディタ」のドラッグ & ドロップが正常に動作しなくなってた不具合修正
- 外観カスタマイズで No Image 画像を設定した場合、関連記事や新着ウィジェットのサムネイルが実寸150px(表示上は 100px) のサムネイルが使用されてしまう(本来は実寸、表示ともに 100px )不具合修正
その他
- WP 5.6 のブロックエディタツールバーのアイコンが妙に大きいので少し小さくした(Gutenberg の開発者さん、min-width: 24px とかいうバカでかい指定は何どすか?)
- WP 5.6 からブロックエディタ内の Hタグが「.post h2」等の書き方ではエディタ CSS が反映されなくなった(なぜか、WP 5.6 から ブロックエディタ画面の .post クラスが無くなった。)ので、エディタ用 CSS 内にある「.post」は「.editor-styles-wrapper」に置換するようにした(ブログ画面の .post クラスとの整合性を保つため)
- WordPress 本体をアップデートすると PWA のキャッシュで何かしらの問題が出ることが多いので、/wp-includes/js/dist 内のファイルは PWA のキャッシュ対象から外した
- 最新の Lighthouse で aria-hidden だと減点されるようになった箇所を alia-label に変更
- Javascript、jQuery で将来的に廃止になる可能性のある記述の書き換え
ライブラリアップデート
- jQuery(Google) v3.4.1 → v3.5.1
- Font awesome 5.14.0 → 5.15.1
ディスカッション
コメント一覧
いつもお世話になっております。早速ですが2点お伺いします。
(1)最新バージョンにアップデートしたタイミングか、AMP対応したタイミングか分からないのですが、トップページのタイルレイアウトの左上に、余計な閉じタグ(”>)が見えるようになってしまいました。
参照画像:
https://mana-brain.com/wp-content/uploads/2020/12/d988f112d45a105d0e0a5b6adf5a51da.png
原因を探ったのですが、どうも自分では変更できない部分に閉じタグが重複しているようで、大変恐れ入りますが、修正方法がお分かりになりましたらご教授いただければ幸いです。
(2)AMP対応後から、AMPページのスマホ版においてメインのアコーディオンメニュー(サイト右上)が開かなくなってしまいました。
自分で見た目をカスタマイズしていて、それが原因かなと思うのでお伺いするのも申し訳ないのですが、AMPによって仕様がどのように変わったのか判別がつかず、ご教示いただけますと幸いです。
お忙しいところ大変恐れ入ります。どうぞよろしくお願いいたします。
エダさん。
すみません、(1)に関しては、ver3.12.0 に不具合がありました。修正版をリリースしたので、そちらをご利用ください。
(2)に関しては、エダさんの AMP 用 CSS で メニューの形を変えて、且つ #nav に overflow:hidden で隠してしまってるのが原因です。
AMP では Javascript が使えないという制約があるため、メニューも全て CSS で作ってます。なので、メニュー部分の CSS をあまり大きく変更すると動作しなくなることがあります。
るな様
お世話になります。迅速なご対応感謝いたします!
(1)につきましてはアップデートしたところ直りました。
(2)につきましても、#nav の overflow:hidden というヒントを足掛かりに修正することができました。
素晴らしいテーマをありがとうございます。
今後ともどうぞよろしくお願いいたします。
るな様
お返事ありがとうございます。
>もともと、H タグ等をブログと(なるべく)同じデザインにするっていうのは、Luxeritas 特有の機能で、本来の WordPress では、むしろエディタ画面とブログ画面では違ってるのが普通です。
そうだったんですね、知りませんでした(汗
教えていただきありがとうございましたm(_ _)m
お世話になります。バグ報告です。
H2タグの見た目を以下のように変更していて、記事中ではちゃんと反映されているのですが、
—————————————————-
/* – 見出しh2 – */
.post h2{
border-left: solid 10px #0069c2; /*左線*/
background: #f8f8f8; /*背景色*/
border-bottom: solid 1px #0069c2; /*下線*/
}
—————————————————-
旧エディタの画面では以下のように初期デザインのH2が表示されます。
https://www.nichepcgamer.com/wp-content/uploads/2020/12/sss.png
記事ではちゃんと反映されているので問題はないのですが、一応、ご報告までm(_ _)m
(Luxeritas 3.12.0 リリース記事のその他の2に「.post h2」に関する記述があるので、これが関連しているのだと思われますが、書いていることの半分くらいしか理解できていません(汗 仕様でしたらすみません><)
にっちさん。
WordPress のエディタ用 CSS はブロックエディタと旧エディタで同一のものを使うので、ブロックエディタの仕様が変わった以上、旧エディタで反映されなくなるのは当然です。
もともと、H タグ等をブログと(なるべく)同じデザインにするっていうのは、Luxeritas 特有の機能で、本来の WordPress では、むしろエディタ画面とブログ画面では違ってるのが普通です。
そのために WordPress にはエディタ用 CSS(editor-style.css)なるものが存在するのです。
どちらかにしか反映できないのであれば、2021年でサポートの切れる旧エディタよりもブロックエディタ側を優先せざるを得ないですね。
両方に反映できる方法が思いついたら、何とかしたいけど、今んところ思いつかないですねぇ。