Luxeritas 3.9.0 リリース

2020年5月25日

Luxeritas Theme 3.9.0 をリリースしました。

ブロックエディタに「スクロールアニメ」ブロックを追加。その他もろもろ。

詳しくは開発者ブログの記事をご覧ください。

Contents

1. 改訂履歴

改訂履歴

機能追加

ブロックエディタの Luxeritas Blocks に「スクロールアニメ」ブロックを追加

機能拡張

ブロックエディタでブロックが入れ子になってる場合、入れ子の状態が分かるように、親ブロックを黄色い枠線で囲むようにした

不具合修正

引数のあるショートコードだと、広告/アドセンスウィジェットでショートコードが動作しない不具合修正
Luxeritas メニューの「ショートコード登録」で登録したショートコードだと、広告/アドセンスウィジェットで動作しない不具合修正

WP 5.4 対応その３

ブロックエディタで日本語翻訳されなくなった箇所を翻訳

その他、仕様変更等

カスタム HTML ウィジェットでもショートコードが動作するようにした
フッターナビを縦並びにした際の上下間隔（タップターゲット）を 4px 広げた（Lighthouse の監査で指摘が出たため）
ブロックエディタで入れ子のある親ブロックを表すボタンを「親ブロック選択」という文言だったのを「ブロック名」に変更した

リリース情報

Posted by るな

Luxeritas 3.9.1 リリース

Luxeritas 3.8.2 リリース

コメント一覧

二死満塁より:
2020年12月14日 11:17
るなさん、はじめまして
二死満塁と申します。
今年の6月にブログ開設し、こちらの「Luxeritas Theme 3.9.0」を使わせていただいております。
ブログを運営していく中で、先日WordPress5.6にアップデートしたところ、いくつかうまく動作できない点が発生しました。
具体的に申し上げると下記の点です。
・投稿一覧→クイック編集をクリックすると、投稿内容が非表示になる
・外観→メニューからメニュー構造をドラッグ＆ドロップで変更したいができない
こちらは、Luxeritas Theme 3.9.0を最新バージョンにアップデートすれば改善するのでしょうか？
お手数をおかけしますが、ご回答の程、宜しくお願い致します。
返信
- るなより:
  2020年12月14日 11:30
  二死満塁さん。
  どちらの現象も Luxeritas とは一切関係がありません。
  WP 5.6 では複数の Javascript が更新されており、それらの古いファイルがキャッシュとしてブラウザに残ってるだけです。
  ブラウザのキャッシュをクリアしてください（PWA を有効化してる場合は PWA のキャッシュもクリアしてください）
  返信
  - 二死満塁より:
    2020年12月15日 11:31
    ご回答ありがとうございます。
    キャッシュクリアで解決しました！
    また、3.11.0にバージョンアップしたあとに別の問題が発生してしまいました…
    そちらのコメント欄に質問させていただきますので、お手数ですがご支援の程、宜しくお願い致します。
    返信
nagiより:
2020年6月2日 23:36
2019/3頃のバージョンかっらアップグレードしたら新規投稿の画面が真っ白になりました
WPは最新版、プラグインは全部切っている、特に改造した覚えもないのですが・・・
どの辺りを確認した方が良いいでしょうか？
今日は遅いので明日のんびり探そうと思います・・・
返信
- るなより:
  2020年6月2日 23:43
  nagi さん。
  ブラウザのキャッシュを削除する。
  返信
  - nagiより:
    2020年6月3日 07:38
    ありがとうございます、キャッシュ削除、ctrl+F5で行けました
    あとakismetを切っていたら一晩で100通のスパムが来ていました・・・
    返信
掃除機を50台以上レビューした男より:
2020年6月2日 19:53
コメント失礼致します。
WordPressのYOUTUBE埋め込み機能を使ってブログに動画を埋め込んだ際に動画の上部に空間ができてしまいます。
https://mobile9.jp.net/wordpress-embedded-youtube/
上記のブログを参考に以下のCSSを追加してみましたが動画が見えなくなってしまい改善されません。
.wp-block-embed__wrapper{
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.i-video{
overflow:hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
どのような問題が考えられますでしょうか。
返信
- るなより:
  2020年6月2日 20:13
  掃除機を50台以上レビューした男さん。
  Youtube SpeedLoad とかいうプラグインが勝手に挿入してる CSS のせいです。
  このプラグインはブロックエディタに対応してないので、Luxeritas でなくとも同じ現象が発生します。
  返信
  - 掃除機を50台以上レビューした男より:
    2020年6月2日 21:25
    るなさん。
    Youtube SpeedLoadというプラグインを導入したのを失念しておりました。
    単純なことでお手をわずらわせてすみませんでした。
    プラグインをオフにしたところ問題無く表示されるようになりました。
    ありがとうございました。
    返信
もよより:
2020年6月2日 19:13
るなさん、こんにちは。
フッターナビですが、閉じタグ</nav>が一個余分に記述されているようです。
テーマのfooter.phpにnavの閉じタグが記述されているためだと思います。確認よろしくお願いします。
返信
- るなより:
  2020年6月2日 19:38
  もよさん。
  あれー。すんません。直して明日リリースします。
  ちなみに、もよさんのテストサイト。デザインファイルにできんかね？
  返信
  - もよより:
    2020年6月2日 21:08
    るなさん、よろしくお願いします。
    >デザインファイル
    自分の好みを優先して「cssで調整するよりphpを書き換えた方が早い」という感じでsingle.phpやlist-content.phpなどを上書きして今の見た目にしているため、万人向けのデザインファイルにするのは難しいです。すみません。
    返信
にっちより:
2020年6月2日 11:16
サイドバーの領域いっぱい(余白なしに)にアドセンスの手動広告や、任意の画像を表示させるということはできないでしょうか？
以下の画像は当サイトに表示されているアドセンスの自動広告の画像なのですが、その画像みたいに、余白なしで手動広告や任意の画像を表示させたく思います。
https://www.nichepcgamer.com/wp-content/uploads/2020/06/02-adsense-aw.jpg
何か方法がありましたらご教示いただけましたら幸いですm(_ _)m
もし可能なら、アドセンスウィジェットにそういう表示のできるオプションを付けていただければ嬉しく思います。
返信
- るなより:
  2020年6月2日 17:38
  にっちさん。
  広告/アドセンスウィジェットの data-full-width-responsive を true にする。
  ただし、スマホで表示した際に広告がはみ出る可能性がある。
  返信
  - にっちより:
    2020年6月2日 21:48
    るな様
    お返事ありがとうございます。
    アドセンセウィジェットのdata-full-width-responsiveをtrueにしてアドセンス手動広告と任意の画像を設置しましたが、以下の画像のように余白ができてしまい、画像一番下の自動広告のように余白なしに領域いっぱいに表示させるということはできませんでした……
    https://www.nichepcgamer.com/wp-content/uploads/2020/06/ad-a-s-05m.jpg
    返信
    - るなより:
      2020年6月2日 22:06
      にっちさん。
      広告自体は幅いっぱいになってますよ。
      広告が padding のあるウィジェット内に入ってるからいっぱいになってないように見えてるだけです（自動広告はウィジェットの外なので padding が無いんです）。
      なので、CSS で広告ウィジェットの padding を 0 にすればいいです。
      例：
      #side .thk_ps_widget { padding: 0; border: 0; background: transparent; }
      上記の CSS は iPad 等のモバイルは考慮してません。iPad 等で見た場合、data-full-width-responsive が true だと、幅一杯のめちゃんこデカイ広告が出てきます。上記の CSS をメディアクエリでサイトの見た目に合わせて調整した方がよいと思います。
      返信
      - にっちより:
        2020年6月3日 01:03
        るな様
        CSSを入れたところ幅いっぱいに表示されました。
        どうもありがとうございました。
        本件とはまた別件の質問で恐縮なのですが、iPad等のタブレット実機がないので、Chromeのモバイル端末エミュレーションでiPad Proにして自サイトを見て確認したところ、以下の画像のように右側サイドバーが見切れることがあります。
        https://www.nichepcgamer.com/wp-content/uploads/2020/06/mikireru.jpg
        (上記のCSSを入れていてもいなくてもdata-full-width-responsiveをfalseにしていても、こういう表示になったりならなかったり(何回も更新するとちゃんと表示される場合があります)します。現在サイトの設定は上記CSSを入れておらず、falseにしています)
        Chromeのモバイル端末エミュレーションのバグかと思い、他のブラウザ(Palemoon / Firefox系)やChromeのユーザーエージェントをiPadにして表示させてみたところ、やはり同様に右側サイドバーが見切れる表示になりました。
        どうも、ユーザーエージェントがiPadだと、レスポンシブが正常に機能しておらずサイドバーがちゃんと表示されないようです。
        試したユーザーエージェントは以下です。
        Mozilla/5.0 (iPad; CPU OS 12_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.0 Mobile/15E148 Safari/604.1
        どうすればこうならないようにちゃんと表示させることができるでしょうか？
        返信
        るなより:
        2020年6月3日 01:23
        にっちさん。
        そもそもアドセンスのレスポンシブはテーマとは関係がありません。
        アドセンスのレスポンシブはアドセンス本体がやってます（なので当方に質問すること自体、本当は間違ってます）。
        アドセンスはアクセスした一番最初の画面サイズで広告のサイズを決める仕組みです。
        なので、端末エミュレータ等で画面サイズを色々変えたりすればサイズが合わなくなるのは当然です（自動広告でもそうなります）。
        一番確実なのは、data-full-width-responsive を false にしてアドセンスウィジェットで広告サイズを指定することですが、これでも画面サイズを変更すれば画面外にハミ出ます（これも当たり前）。
        ついでに言うと、「レスポンシブ」ってのはユーザーエージェントとは全く関係のない仕組みです。Web の「レスポンシブ」ってのは「画面のサイズ」に合わせて画面内にコンテンツをフィットさせることです。
        返信
        にっちより:
        2020年6月3日 01:46
        るな様
        お返事ありがとうございます。
        当方の説明が悪かったみたいですみません……。
        アドセンスのレスポンシブではなくテーマのレスポンシブです。
        アドセンスに関係なく、ユーザーエージェントがiPadだと、当サイトの表示の右側サイドバーが見切れる表示になってしまいます。
        ブラウザのユーザーエージェントをiPadにして、ブラウザのサイズ変更せず、一発目に当サイトを開いた時点で右側サイドバーが見切れています。
        これはアドセンスを表示させていても、hosts等でアドセンスの表示をブロックしていても、ユーザーエージェントがiPadだと見切れてしまいます。
        そのため、アドセンスは関係ないと思うのですが、当方が何か勘違いしているようでしたらすみません……。
        返信
        るなより:
        2020年6月3日 02:08
        にっちさん。
        確かに Chrome のエミュで iPad Pro の場合だけメディアクエリ無視してますね。
        実機だと問題ないです。エミュのバグくさいっす。
        気になるなら、外観カスタマイズで「コンテナの最大幅」を数 px くらい変更してみるといいんじゃないですかね。
        返信
        るなより:
        2020年6月3日 02:23
        にっちさん。
        原因が分かった。
        モバイル・スマホでサイドバー非表示に設定されてるけど、iPad Pro のエミュがモバイルとして認識されてない。
        — 追記 —
        似たような質問されても困るから、一応、次のバージョンで iPad Pro のエミュでも確実にサイドバー非表示になるようにしとく。
        — 追追記 —
        と思ったけど、iPad Pro の画面サイズなら、むしろサイドバー表示した方が良さげなので、サイドバー表示した上で画面内にフィットするようにしとく。
        返信
        にっちより:
        2020年6月3日 02:30
        るな様
        お返事ありがとうございます。
        自分もChromeのエミュのバグを疑ったのですが、他のブラウザでもユーザーエージェントがiPadだとサイドバーが表示される解像度では同じようになるんですよね……。
        でも、実機だと問題ないとのことで安心いたしました。
        心よりお礼申し上げます。ありがとうございました！
らいあより:
2020年6月1日 09:20
アドバイスをいただけると幸いです。
amp-analytics (Google Analytics) にカスタムディメンション↓を足したいです。
> “extraUrlParams”: {
> “cd1”: “著者”,
> “cd2”: “カテゴリ”
> }
今は luxech/function.php に class thk_analytics を丸コピーした上で上記を追記する…というやり方で実現しています。
「こうするともっといいよ」というのがあったら教えてください。
（当初は注意書きを見落としdevのほうに書いてしまって申し訳ありませんでした）
返信
- るなより:
  2020年6月1日 19:44
  らいあさん。
  子テーマ内にある add-amp-analytics.php を編集すればいいです。
  返信
  - らいあより:
    2020年6月2日 18:26
    amp-analyticsにカスタムディメンションできました。
    ご丁寧にありがとうございました！
    返信
webメイトより:
2020年5月31日 21:50
なるほど。大変分かりやすい説明をありがとうございました。
今後に役立たせていただきます！
返信
webメイトより:
2020年5月31日 21:38
ありがとうございました。
こういった　CSSやHTMLのレベルは低いので
「書いてる記事のタグが不完全になってるのが原因」
を教えていただけると幸いです。（直す自信はないですが）
返信
- るなより:
  2020年5月31日 21:50
  webメイトさん。
  主に p タグですね。旧エディタの場合、wpautop によって p タグや br タグが勝手に追加される仕組みなので、その辺を理解して書かないとタグが不完全になります。
  WordPress が TinyMCE をやめてブロックエディタに変更した理由の一つです。
  今後も WordPress をやるつもりならブロックエディタを使うことを推奨します。
  返信
webメイトより:
2020年5月31日 21:25
高速化一括設定を推奨に戻したら直りました！
極限設定にしたのが原因のようです。
お騒がせしました・・・
返信
- るなより:
  2020年5月31日 21:30
  webメイトさん。
  正確に言うと、書いてる記事のタグが不完全（閉じタグが無いなど）になってるのが原因ですね。
  なので、極限設定で「HTML 圧縮率：高」にし際に、正常に圧縮ができなかったってことです。
  ブロックエディタなら閉じタグが不完全になることなどありえないので、その辺が正しく書けないなら旧テキストエディタを使うよりもブロックエディタを使うことを推奨します。
  返信
webメイトより:
2020年5月31日 21:01
https://fxbible.biz/hotforexhyouban
上記も同じ
＜ｈ2＞海外FXブロガーの口コミ＜/ｈ2＞
の下が同じ文章に変わっています。
最近　子テーマと本体をバージョンアップしたのでこの影響でしょうか
返信
webメイトより:
2020年5月31日 20:40
＜ｈ2＞海外FXブロガーの口コミ＜/ｈ2＞
の下です。この状態で投稿の編集を押すと　正確な情報が出るのですが
書いている内容
高い安全性と信頼性を備えた海外FX業者
顧客資金は完全信託保全されるため会社が破綻しても安心
にまだ続きはありますが略しています。
b-quote を入れるとなぜか
書き換わる内容
AnzoCapital（アンゾーキャピタル）の記事を書いている海外FXブロガーの口コミを見ると
おすすめ海外FX業者ランキング＆客観的に16社をデータで比較
https://fxbible.biz/kaigaifx
まあ全体的にどこの海外FX業者もダッシュボードや公式サイトの表示は早くはないのですけどね。
と勝手に記事が変わります。
現在は勝手に内容が変わっている状態です
返信
Webメイトより:
2020年5月31日 13:07
とても説明が難しいのですが、引用を利用すると書いた文章と違う文章が表示されたり　記事途中のリンクが飛ばなくなったりという不具合が発生しています。
過去に　b-quote を利用している記事には不具合が無いので、過去記事を修正したときに発生しています。
https://fxbible.biz/anzocapital
返信
- るなより:
  2020年5月31日 13:33
  Webメイトさん。
  書いてある URL 先の記事を見ましたが、そもそも引用（blockquote）が無いのですが、記事のどこの部分のことを言ってるんでしょうか？
  返信