Luxeritas 1.51 リリース

2017年3月27日

Luxeritas 1.51 をリリースしました。

OGP 関連の強化と AMP 関連のタグ置換強化を行いました。

詳細は後述の改訂履歴、簡単な図説は開発者ブログを参照してください。

ダウンロードは、こちらのページから。

Contents

1. 改訂履歴

改訂履歴

機能追加と仕様変更

管理画面から og:image のデフォルト画像(画像がない場合に表示する画像)を設定できるようにした
OGP が設定されいて画像が存在する場合は、og:image:width と og:image:height も適用するようにした
マルチサイトでも固定フロントページの AMP 化を可能にした（あえて出来ないようにしていたのを解除しただけ）
投稿本文で textare が使われてたら（まずあり得ないけど）AMP では pre に変換するよにした
AMP で取り切れていなかった禁止タグ（objectタグやappletタグなど）を排除するようにした
AMP で取り切れていなかった禁止要素（onmouseover、onmouseout などの mouse 発火系と touch 発火系など）を排除するようにした

内部最適化

カスタマイズ反映時の処理をちょろっとだけ最適化
AMP の置換処理を少し軽くした（stripos で存在確認してから preg_replace するようにした程度）

バグ修正

投稿・編集画面で og:image を設定した際、大きすぎる画像だと管理画面からはみ出して表示されてしまうバグの修正（レスポンシブ化した）
ヘッダーをコンテナの内側に設定して帯メニューを表示していると、画面サイズ幅540px～767pxの範囲内の時、帯メニューが片側4px広かったので CSS 修正
WordPress のデバッグモードが true に設定されていて、且つ「完全に存在しない（エラーコードすら返さない）サイト」のブログカードを作ろうとすると Notice が出るので修正

リリース情報

Posted by るな

お知らせ：Luxeritas に注力。WpTHK は開発停止。

Luxeritas 1.50.1 リリース（1個レベルダウン修正）

コメント一覧

としあきより:
2017年4月4日 00:15
luxeritasをワードプレスにて使用させていただいております。
https://thk.kanzae.net/wp/settings/t2233/
を参照しましてコメントします。
上記のページでコメントできませんでしたのでコチラに失礼します。
をいれたのですが、直後に５００ｐｘ程の空白ができてしまいます。
解決策はありますでしょうか？
よろしくお願いします。
返信
- るなより:
  2017年4月4日 00:31
  としあきさん。
  当方、超能力を持っていない凡人なので、
  実物を見ずに予測で回答することは不可能です。
  返信
  - ch@osより:
    2017年4月4日 01:34
    最新版ダウンロードついでの通りすがりですが
    何のことかと思い参照元URLのページを見てみたら
    貼り付けてあるニコ動の下に妙な空間が出来てますね
    もしかしたらその事でしょうか？
    どうも .i-video の
    padding-bottom: 56.25%;
    がちょっと効き過ぎてるよう…な？
    せっかくですので私からも一つ。
    私が何か変な設定をしていたら申し訳ありませんが
    もし心当たりがあればご回答いただけると幸いです。
    WordPressログイン時に一番上に表示される黒い管理バーありますよね
    そこにホバーした時にメニューが出てこないんです。
    （ダッシュボード、テーマ、ウィジェット～とか）
    これはLuxeritasには関係無いかなとも思ったんですが
    他のテーマに変更すると直りますし
    新規WordPressにLuxeritasをインストールしてもその現象が発生したので
    もしかしたらもしかするかな…と思った次第でして。
    ただ、緊急を要するような話でもありませんので
    何かのついでにでも見ていただけたらと思います。
    それでは失礼します。
    返信
    - るなより:
      2017年4月4日 02:00
      ch@os さん。
      当方で見た目を確認できる環境は以下しかありませんが、
      Window10: IE、Chrome(Edge 等その他 blink 系)、Firefox
      Linux、FreeBSD: KHTML 系
      Android 2.3 と Android 7.0
      どのような視聴環境だと、隙間ができるのかが分かりません。
      視聴環境を教えていただけますでしょうか？
      一般的な動画では上下どちらかに 56.25% の padding を入れるのは、
      国内・海外問わず一般化している、いわゆる「CSS テクニック」なので、
      これを小さく変更すると見た目が潰れます。
      > 管理バー
      開発当初(ver1.0 以前)から分かっているのですが、
      Luxeritas にはヘッダー上に「帯メニュー」があるため、出てこないのでござる。
      (正確には overflow:hidden で「出ないように」している)
      これを直すのは「極めて」難しく、何度もチャレンジしてるんですが、
      良い方法が思いつかずに(ver1.53)まで直せずじまいといった感じですね。
      何か良い方法が思い浮かんだら、その時点でこっそり出るようにしますｗ
      返信
      - ch@osより:
        2017年4月4日 11:15
        迅速なレスありがとうございます。
        当方の環境は x64 Win7 Pro SP1 になります。
        Firefox、Chrome、Vivaldiで同様の表示でした。
        http://unlimitedchaos.xyz/wp-content/uploads/2017/04/Screen-Shot-001.jpg
        それでFirefoxの開発ツールを使ってみたところ
        その padding を外したら直ったのでてっきりそのせいかと。
        何か意味があっての事だろうとは思いましたが
        そういう理由でしたか、勉強になります。
        管理バーの件、承知いたしました。
        むしろこのバージョンになってようやく気付くとか…
        ちなみに管理バーも当方の環境ではこんな感じです。
        http://unlimitedchaos.xyz/wp-content/uploads/2017/04/Screen-Shot-002.jpg
        この件については把握されているようですし
        ニコ動の方もCSSで何とかなる話ですので
        さほど問題でも無いかな？と個人的には思います。
        今年に入ってもリリースのペースが相変わらず落ちませんが
        あまり無理をされませんよう、ご自愛下さいませ。
        それでは失礼します。
        返信
        るなより:
        2017年4月4日 17:30
        ch@os さん。
        画像を見る限り、そもそも「レスポンシブになってない」ですね。
        当方だと、まだ一台だけ残ってる Vista の IE9 で見てもレスポンシブ化されるので、どうすれば、その見た目にできるのかが分からんので対応のしようがないですねぇ。
        > 管理バー
        管理バーの表示の仕組みが CSS の position:fixed であり、
        Luxeritas の帯メニューもグローバルナビと一緒に schema の SiteNavigationElement 内に入れる必要があるため、position:fixed を使ってます。
        つまり、両方がトップに固定されてしまうため、何もしなければ双方が重なりどちらかが見えなくなります。
        なのでログイン時に管理バーが表示されている時だけ、無理矢理双方の位置を調整してるのです。
        管理バー表示時に多少の見た目の崩れが許容できるのであれば、
        header.php の 128行目付近
        #wpadminbar { overflow: hidden !important; }
        を消せば、普通にドロップダウンされます。
        結構前から、「管理バー表示時だけ読み込む Javascript を作成して位置調整する」という方法は思いついてるのですが、
        スクリプトを作るのがメンドイ上に「優先度がものすごく低い」ので、今のところそのまんまですｗ
        まぁ、いずれ作ります。
        返信
        るなより:
        2017年4月5日 10:21
        ch@os さん。
        ニコ動のスクリプト解析して分かった。
        通常は Embed → Object の優先順位で読み込むが、
        クライアントが「Flash 無効＆ ActiveX も無効」の場合、どちらも読み込めないので
        「サムネイル画像 + ニコ動へのリンク」が表示される。
        これが、ch@os さんが貼ってくれた画像の正体。
        て言うか「動画じゃないやんか！」
        まぁ今時かなりレアな環境だけど、どーしても対応するって言う場合は、
        とりあえず ↓ こうかな？
        .i-video div { margin-top: -25px; margin-bottom: -56.25%; }
        Luxeritas 本体にこのスタイルを入れる気にはなれないｗ
        返信
        ch@osより:
        2017年4月5日 17:09
        なんということでしょう
        原因がブラウザのFlash設定だったなんて…
        ニコ動の埋め込みも再生はしてみなかったので
        まさかスタイル付きのdivで括っただけの画像リンクとは…
        という事で恐らくおっしゃる通りだと思われます。
        どうもお騒がせしました。
        本家のFirefoxと比べて挙動があやしくなってきたので
        そろそろCyberfoxも乗り換え時かもしれません.
        とりあえず原因はわかりましたが
        レスポンシブ無しで例の動画と違う動画を貼ってみたら
        <script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/sm17031696"></script>
        <script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/sm13646027"></script>
        もう一方の動画だけはiframeでちゃんと表示されたり
        http://unlimitedchaos.xyz/wp-content/uploads/2017/04/nicodou-responsive.jpg
        表示出来るようになったらプレイヤーの見た目が全然違ったり
        http://unlimitedchaos.xyz/wp-content/uploads/2017/04/nicodou-responsive2.jpg
        正直ニコ動はよくわからない事だらけですね。
        るなさんにはお手数をおかけしましたが
        私としてはいい勉強になりました。
        色々とありがとうございます。
        別にニコ動を貼りたいわけでも無いのに
        通りすがりにちょいと口を挟んだせいで
        何だか大袈裟な話になってしまったようで
        申し訳なかったです。orz
        返信
        るなより:
        2017年4月5日 19:52
        ch@os さん。
        ニコ動は HTML5 版への移行中なので、プレイヤーの見た目が違うのは、たぶんそのせいじゃないですかね。
        返信
mikiより:
2017年3月28日 21:34
Luxeritas 1.51 のリリースお疲れ様です。
便乗で私も要望書きますw
Luxeritasの記事一覧リストのスタイルが現在は一つだけですが、
タイル式のマガジン風のも追加していただければなと思います。
カスタマイズ性ということでご検討お願いします。
また、わたしのAndroid では問題ないですよ
ちなみに2015冬のaquosです
返信
- るなより:
  2017年3月29日 15:22
  miki さん。
  グリッドレイアウトの実装予定はあります。
  が、、、だいぶ先の話になり申す。
  返信
そらより:
2017年3月28日 16:46
Luxeritas 1.51 のリリースありがとうございます。
質問というかご要望になるのですが、
（場所が違った、受け付けていない場合は無視してください。）
Googleアドセンスを記事単位で貼らなかったり、別広告に張り替える機能が
欲しいと思いコメントさせていただきました。
理由はアドセンスの規約が大変厳しいからです。
前向きな検討をお願いします。
返信
- るなより:
  2017年3月28日 17:02
  そらさん。
  出来なくはないんですが、Luxeritas の開発ポリシー
  「他のテーマに移行する際に、なるべく DB にゴミを残さない」
  ↑ これに引っかかっちゃうんで、厳しいですねぇ。
  その手の事ができるプラグインってなかったでしたっけ？
  Adsense 系のプラグインは使ったことないので分からないですけど。
  返信
中村より:
2017年3月27日 13:20
最新版の記事にコメント失礼します。
上手くご説明するのが難しく恐縮で仕様なのか分かりませんが、
Android 環境でるな様のテーマサイト(こちらのサイト)アクセスして、
下にスクロールすればそれ以上下にスクロールする事はできずピタっと止まりますが、
バネのように跳ね上がってピタっと止まらない状態でしたので不思議だと思いコメントする事にしました。
恐らくグローバルナビが出現してバネのように跳ね上がっているのかなと勝手に思っています。
—————————————————————-
グローバルナビ出現
↓
↓
↓
↓
↓ここ(フッター)で止まるはずがグローバルナビが出現して上に跳ね上がる
—————————————————————-
返信
- るなより:
  2017年3月27日 21:58
  中村さん。
  一応、当方の Andoroid でも確認できましたが、
  かなり微妙な操作で頑張れば再現できるって感じでしたね。
  「フッターまでスクロールして、かすかに上にスクロールさせてナビが表示された瞬間に下スクロールする」
  という操作でようやく再現しました・・・
  中村さんの Andoroid だと、頻繁に再現できるのでしょうか？
  とりあえず、スクロール量が画面の一番下からナビの縦サイズ分だけ上の場合は表示しないという条件にすれば解決するかな？
  ちょっと考えてみます。
  当方の Andoroid だと再現率が低くすぎて、なかなかデバッグが難しいでござるね。
  返信
  - 中村より:
    2017年3月28日 13:37
    頻繁ではありませんが、
    下スクロールボタンを押しっぱなしにすると、
    ずっとバネのように跳ね上がるという状況です。
    返信
    - るなより:
      2017年3月28日 18:17
      中村さん。
      なんとなく分かった気がする。
      スマホの Chrome だと、スクロールによって上下に操作パネルが表示/非表示されたりするので、
      その度に画面サイズが変わったと判定されてリサイズイベントが走ってる。
      リサイズイベント止めようかな？
      返信
      - るなより:
        2017年3月28日 19:00
        中村さん。
        現在、次期バージョンで稼働中（というよりも、常に次期バージョンで稼働してるｗ）。
        当方の Android だと元々、再現率が低くて分からんのですが、
        たぶん、直ってると思います。
        返信
        中村より:
        2017年3月28日 20:45
        あ！直ってます。
        下スクロールしても下スクロールボタン押しっぱなししても、
        バネのように跳ね上がっていない事を確認できました。
        ありがとうございます。
        返信