Luxeritas 3.1.3 リリース

2018年6月14日

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

2018年7月の Google 大型アップデート向けの内容を少し盛り込んでるのでアップデート推奨。

ちなみに、今回のアップデートから jQuery は ver3 がデフォルトになってます。ver3 を使うこと推奨。

また、ビジュアルエディタ設定機能追加したり、エディタとブログが同じ見た目になるように使い勝手を向上させました。

詳しい改訂内容を知りたい方は開発者ブログの記事を参照してください。

Contents

1. 改訂履歴

改訂履歴

機能追加

ビジュアルエディタ設定機能追加
子テーマ編集機能にビジュアルエディタ用のスタイルシート編集機能追加

仕様変更

jQuery バージョン 3 をデフォルト値、且つ「推奨」にした

最適化など

内部的な最適化いろいろ
CSS 数ヵ所をちょっと変更
Font Awesome の CSS に font-display: swap 指定するようにした
target="_blank" が指定されてる箇所で noopener が指定されてない箇所に noopener 付けた
サムネイルとタイトルのリンク先が同じ場合は、サムネイルに aria-hidden つけるようにした
button タグが使われてる箇所に aria-hidden 付けるようにした
関連記事とウィジェットの新着記事・最近のコメントに aria-label 付けるようにした
manifest を作成して読み込むようにした（次バージョン用の準備みたいなもん）
ビジュアルエディタ使用時に editor-style.css 以外の子テーマの CSS やデザインファイルの CSS も読み込むようにした

不具合修正

Font Awesome 5 をローカルから読み込む設定にした際に preload 時の URI が Font Awesome 4 の URI になっちゃってたので修正

リリース情報

Posted by るな

Luxeritas 3.1.4 リリース

Luxeritas 3.1.2 リリース

コメント一覧

龍一より:
2018年12月23日 19:43
るな様
初めまして。素敵なテーマ使用させて頂いております。
1つ、どうしても出来ない事がありますので
質問させて下さい。
フロントページ以外のヘッダー画像を
非表示にしたいのですが
親テーマから、子テーマに「テーマヘッダーheader.php」は
コピーしてみたのですけども、この中にはheader-image
などが見当たりません？
どのようにしたらいいか、アドバイス頂けますでしょうか？
宜しく御願いします。
返信
- るなより:
  2018年12月28日 18:30
  龍一さん。
  ヘッダーのロゴ画像のことであれば、header.php 内の $luxe['logo_img'] です。
  返信
佐藤　健太より:
2018年6月23日 01:16
るなさま
いつも素敵なテーマでお世話になっております。
お忙しい中申し訳ありませんがアドセンスの表示についてご教示頂きたく。
ウィジェットでアドセンスの広告コードを設定したのですが
何度やっても空白になってしまい、うまくいかないのです。
子テーマ編集のheadに自動広告の広告コードを入れてるのですがこちらはサイト上で表示されています。
自分でも調べてみたのですがどうしてもわからず。。
知識不足で恐縮なのですが是非、教えて頂けませんでしょうか？
返信
- るなより:
  2018年6月23日 05:33
  佐藤健太さん。
  空白ってのは、ウィジェットは保存できるけど表示した時に空白なのか、ウィジェットが保存できずにウィジェット内がそもそも空白なのか、どっちですかね？
  それと、広告とは関係ないけど、WP Multibyte Patch が有効化されてないように見えます。
  そのためブラウザやスマホの機種によって、画像が全然見えてないと思いますよ。
  返信
sakuより:
2018年6月18日 13:31
るなさま
ありがとうございます。
滅茶苦茶頑張らないと出来ないことなんですね。
メニューもPCの方の表示がおかしくなってしまうと本末転倒なので、このままでいこうと思います。
お忙しい中丁寧に教えてくださってありがとうございました。
返信
中下より:
2018年6月17日 23:00
るな様
お世話になっております。
スマホで閲覧した際のアドレスバーについての質問です。
とても些細なことで恐縮なのですが、先日るな様のサイトにてアドレスバーの色を変更されているのをお見受けし、自身のサイトにもテーマカラーを設定していたのですが、最近のアップデートで設定が反映されずるな様のサイトと同じものとなっています。
失礼ながら過去コメントされた方の各サイトを拝見しても同じ色となっているのでルクセリタスの仕様とされたのでしょうか？
正直この色を気にいってはいるのですが、もし変更したいと思えば出来るものでしょうか？
（現在は設定したmetaタグは削除しております。）
返信
- るなより:
  2018年6月18日 00:17
  中下さん。
  ぶっちゃけ ver 3.2.0 で追加する機能部分を先行して入れておいただけです。
  ver 3.2.0 から自由に変更できる予定です（たぶん、絶対ではないかもしれないｗ）。
  theme-color のタグが重複しちゃうけど、子テーマの head タグで
```
<meta name="theme-color" content="#4285f4">
```
  とか書いて変更できないっすかね？（試してない）
  ダメなら親テーマ２箇所書き換えれば変更できます。
  inc/description.php の 70行目
  inc/compress.php の 320行目
  返信
  - 中下より:
    2018年6月18日 06:16
    るな様、ご回答ありがとうございます。
    なるほど、新機能として追加される予定があったんですねｗ
    子テーマのheadタグに同様のコードを記述していましたが反映されないようでしたので、お教えいただいた親テーマの書き換えを行いましたところうまいこと行きました。お手数をおかけしました。
    ver3.2.0、アップデート心待ちにしております。
    返信
たか＋＋より:
2018年6月17日 07:40
luxeritasの更新、ありがとうございます。
3.1.3で追加されたビジュアルエディタ設定の機能ですが、設定のためのボタンが表示されません。管理画面のどこかでチェックするなど必要でしょうか？　探してみた限り、見当たらなくて。
あとこれまでは見出しにするときに該当行にカーソルをおいておく、あるいは選択しておくとその行だけが見出しとなっていましたが、現在は下にあるその他の行も見出しとなってしまいます。テキスト表示させて修正できるので問題はないのですが… 私の使い方・理解が間違っている（汗）?
返信
- るなより:
  2018年6月17日 20:56
  たか＋＋さん。
  「設定のためのボタンが表示されません」ってのはビジュアルエディタの画面でボタンが見えてないってこと？
  画像とかで見せてもらえると嬉しい（状態が分からないので）。
  > 見出しにするときに該当行に
  WordPress のデフォルトでは Enter キーを押した時に「改行」ではなく「空白行を挿入して新しい段落を作る」という本来の TinyMCE とは異なる挙動になってます。
  常に新しい段落生成すると本文が間延びするので、3.1.3 では TinyMCE 本来の挙動に戻してます。
  「改行」なので、段落は同じです。
  新しい段落を作るなら Enter キー 2回で空行を作ってから段落ボタンを押せば OK です。
  この動作を WordPress のデフォルトに戻したい場合は、ビジュアルエディタの設定ボタンを押せば、戻す項目があります。（見えてないらしいので、戻せないみたいだけど。。。）
  返信
  - たか＋＋より:
    2018年6月18日 05:34
    るな様
    おはようございます。ご返信有難うございます。
    ご想像のとおりエディタの画面でボタンが見えません。
    画像を名前にリンクさせましたので見ていただければ。
    編集方法はenterキー 2回押下でよいのですね。ありがとうございます。
    返信
    - るなより:
      2018年6月18日 05:45
      たか＋＋さん。
      その画面で Google Chorme の右クリック -> 検証で
      Console に出てくる内容を教えていただけますか。
      返信
      - たか＋＋より:
        2018年6月18日 08:17
        るな様
        早速ありがとうございます。
        名前にリンクさせておきました。
        申し訳ありませんが、意図されているものと異なっていたら
        ご指摘ください。
        よろしくお願いいたします。
        返信
        るなより:
        2018年6月18日 08:59
        たか＋＋さん。
        「JQMIGRATE: Migrate is installed, ～」って書いてある下の部分が見たかったんだけど、余計なモノが被さって見えてないっス・・・
        返信
        たか＋＋より:
        2018年6月18日 13:13
        るな様
        ああぁ~、大変失礼いたしました。
        名前にリンクさせておきました。
        何も表示されていないので、何かコマンド（？）を流したりする
        必要があったりするのでしょうか。
        お手数かけてすみませんが、よろしくお願いいたします。
        返信
        るなより:
        2018年6月18日 17:17
        たか＋＋さん。
        何も表示されてないってことは、エラーも警告もないので良いことですｗ
        でも今回の場合「エラーも警告も出てないのにボタンが表示されてない」という困った状況ですなぁ。
        「ツールバー切り替え」ボタンの右付近にマウスを当てて、何かしらの反応とかないですかね？
        返信
        たか＋＋より:
        2018年6月19日 05:09
        るな様
        ご確認ありがとうございました。何も表示されていないのはよいことなのですね。ひとつ勉強になりました。
        教えていただいた場所やその近辺にマウスをあててみたりしましたが何もおこりませんでした。関係ないと思いましたが、様々なOSの様々なブラウザで試しても何も起こらず。
        実用上困らないのでほっておきます（笑）。
        返信
        るなより:
        2018年6月19日 05:28
        たか＋＋さん。
        むしろ、エラーを発生させずにボタンを非表示にできていることに興味がある。
        どうやって非表示にしてるんですかね（ぶっちゃけ、なにかしらのプラグインが怪しいけど）。
        画像を見る限り、TinyMCE の設定ボタンだけでなく定型文やショートコードの挿入ボタンも見えてないですしねぇ。
        まぁ、定型文やショートコードの挿入ボタンは非表示にするための設定項目があるけど、それもいじってなさそうだし。
ししまるより:
2018年6月16日 15:43
いつもお世話になっております。
質問させていただきたいのですが、今回子テーマも3.0.1にバージョンアップされていますが小テーマのアップデート方法も親テーマと同様に行ってよいのでしょうか？
親テーマのアップデートのときは
1.ルクセリタス3シリーズ（子テーマ有効化済み）から一旦別のテーマに切り替え
2.ルクセリタス3シリーズの既存親テーマ削除
3.ルクセリタス3シリーズの最新親テーマアップロード
4.テーマ一覧画面に戻り既存のルクセリタス子テーマ有効化
で行っていました。
今回同様に子テーマを差し替えた場合、設定情報等が消えてしまいますでしょうか？
なお、テーマ編集による子テーマへの書き込みは一切していません。
（CSSやヘッダー&フッターへのタグ設置は別途プラグイン使用）
子テーマのアップデート方法についてどこかに記載がありましたら申し訳ありません。
見つけられなかったため質問させていただきます。
返信
- るなより:
  2018年6月17日 20:56
  ししまるさん。
  基本的に親テーマのアップデートは Luxeritas Update テーマを使うか FTP でアップデートした方がいいです。
  他のテーマに切り替えたタイミングで、たまたま検索エンジンのロボットが来た場合、「サイトの構造が大きく変わった」という判定をされて一時的に SEO が低下します。
  Luxeritas Update テーマを使えば、503 の HTTP ステータスコードを返すので、検索エンジンのロボットが来た場合でも「数分後にまた来てちょ」とメッセージを送れます。
  子テーマのアップデートに関しては、必要な場合はリリース情報でアナウンスしてます。
  3 系の場合も、古い子テーマでも基本的には大丈夫。
  （Font Awesome 5 をローカルから読み込む設定にした時にアイコンフォントが見えなくなる程度の影響しかない）
  3.0.0 → 3.0.1 も単純に同梱してるデザインファイルが増えただけで、全くアップデートの必要がないのでアナウンスしてません。
  返信
  - ししまるより:
    2018年6月19日 02:14
    るなさん
    回答ありがとうございました。
    小テーマのアップデートに関しては今回は必要ないということで了解しました。
    また、親テーマのアップデート方法に関しても間違って認識していたようです。
    https://thk.kanzae.net/wp/settings/t2354/
    今後は上に記載された方法でアップデートするようにしたいと思います。
    返信
sakuより:
2018年6月16日 13:42
初めまして。（失礼致しました。改めてこちから失礼致します）
とてもカスタマイズしやすい、素敵なテーマを作ってくださってありがとうございます。
ほぼデフォルトの状態から基本機能のカスタマイズをしてくだけでいろいろなデザインが作成できて、とても使いやすいです。
いくつか質問があります。
　
１、ルクセリタスのアップデートなのですが、基本的に親ファイルだけをアップデートするだけでいいのでしょうか？
それとも、子テーマも書き換えたCSSのバックアップだけとって、子テーマも一緒にアップデートする必要があるものなのでしょうか？
２，カテゴリーによって表示されるデザインを変更させることは可能でしょうか？
３，スマホから見た時のメニューも、タップして表示させるのでなくデフォルトで上部に表示させるようにすることは可能でしょうか？
お忙しい中申し訳ないのですが、もしよろしければ教えて頂けますでしょうか。
よろしくお願いします。
返信
- るなより:
  2018年6月17日 20:55
  saku さん。
  > 1. ルクセリタスのアップデート
  通常、親テーマだけで OK です。
  子テーマのアップデートが必要な場合は、リリース情報でアナウンスしてます。
  3 系の場合も、古い子テーマでも基本的には大丈夫。
  （Font Awesome 5 をローカルから読み込む設定にした時にアイコンフォントが見えなくなる程度の影響しかない）
  > 2. カテゴリーによって
  ある程度はできるけど、どの部分までデザインを変えるかによる。
  「ページの見た目を全く異なるサイトのようにする」とかだと厳しい。
  質問内容が曖昧なので、ちょっと回答しづらいっす。
  > 3. スマホから見た時のメニュー
  この質問は、ちょっと意味が把握できない。。。
  スマホで見た時のメニューをどういう状態で表示したいのか？
  もうちょい詳しく。
  返信
  - sakuより:
    2018年6月17日 22:30
    回答ありがとうございます。
    基本アップデートが親ファイルだけでいいとわかって安心しました。
    > 2. カテゴリーによって
    例えばAというカテゴリーの時にはデザインファイルのmusica in marisを適用、カテゴリーがBの時にはデザインファイルのipsum simplexを適用させる、という意味です。
    > 3. スマホから見た時のメニュー
    スマホでの表示は上部に表示されるメニューが
    ・－
    ・－
    ・－
    menu
    と
    →
    ←
    sidebar
    のどちらかをタップして呼び出す形式だと思うのですが。
    そうではなくて、PCで見る時同様、タップすることなくそのふたつが表示されている場所に、メニューの項目が最初から表示されている状態にしたい、という意味です。
    うまく表現できなくてすみません通じましたでしょうか。
    もしよろしければ、またお時間がある時にでもご回答頂けると嬉しいです。
    よろしくお願い致します。
    返信
    - るなより:
      2018年6月18日 00:17
      saku さん。
      > 例えばAというカテゴリーの
      それは、もう完全に別サイトの見た目状態ですね。
      「めちゃくちゃ頑張って CSS を書けばできなくもないんじゃない？」程度の回答に留めときます。
      > スマホでの表示は
      カスタマイズでモバイルメニューの種類を「グローバルナビのみ」にした状態ですらなく「メニューの位置に常に開いた状態で表示しておく」って意味ですか？
      正直、結構厳しいですね。
      以下の CSS で常にメニューの位置に表示させることはできます。
      ・・・が、PC で見た時のマウスホバーの動きが、かなり変になりますｗ
      全くおすすめしない。
      @media (max-width: 991px){ #gnavi ul, #gnavi li ul { display: block!important; border-bottom: 0; } #gnavi div.mobile-nav, #gnavi ul.mobile-nav { display: none!important; } #gnavi ul li:last-child { border-bottom: 0; } #gnavi li a { text-align: left; padding: 10px; font-size: 13px; font-size: 1.3rem; margin: 0; padding-left: 20px; width: 100%; } #gnavi li a:hover { text-decoration: none; } #gnavi li a::before { font-family: 'Font Awesome 5 Free'; content: "\f0da"; font-weight: 900; padding-right: 10px; } #gnavi li[class*="children"] span { pointer-events: none; } #gnavi li[class*="children"] a { padding-left: 16px; } #gnavi li[class*="children"] li a { padding-left: 35px; } #gnavi li li[class*="children"] a { padding-left: 32px; } #gnavi li li[class*="children"] li a { padding-left: 55px; } #gnavi li ul { border-bottom: 0; } #gnavi li li a::before{ content: "-"; } #gnavi li li li a::before{ content: "\0b7"; } #gnavi li[class*="children"] a { padding-left: 20px; } #gnavi li ul > li[class*="children"] > a { padding-left: 35px; } }
      返信
      - モカより:
        2018年6月18日 14:27
        るなさま
        こんにちは。
        いつも素敵なテーマに感謝しています。
        saku さんの質問に便乗させて頂きます。
        「投稿のカテゴリー」もしくは「固定ページの親ページ」によってサイトタイトル画像を変更することは可能でしょうか？
        よろしくお願いいたします。
        返信
        るなより:
        2018年6月18日 17:17
        モカさん。
        「投稿のカテゴリー」でサイトタイトル画像を変える場合は子テーマの functions.php で以下の内容でいけます。
        add_action( 'template_redirect', function() { global $luxe, $post; if( is_single() === true ) { $categories = get_the_category( $post->ID ); if( !empty( $categories ) ) { foreach( (array)$categories as $val ) { if( $val->slug === 'カテゴリの slug' ) { $luxe['title_img'] = 'メディアライブラリに登録されてる画像の URL'; break; } } } } }, 99 );
        「固定ページの親ページ」ってのは、
        第2階層の親は第1階層であり、第3階層の親は第2階層なので、直近の親なのかご先祖単位の親なのか？また親である自身はどうするのか？など、どういう表示にしたいのか曖昧な部分が多いので、ちょっと回答しづらいっす。
        返信
        モカより:
        2018年6月19日 16:28
        るなさま
        さっそくのご回答ありがとうございます。
        出来ました！！！！o(≧▽≦)o
        素晴らしいです！
        どんどん解決してしまうるなさんは魔術師のようです。
        ほんとにありがとうございます。
        この機能はほんとに役立ちそうです。
        「固定ページの親ページ」ですが、例えば
        親ページと
        　http://www.example.com/event/
        その下の
        　http://www.example.com/event/180619party
        　http://www.example.com/event/180610picnic
        に同じヘッダーイメージを入れられたらと思っています。
        可能でしょうか？
        よろしくお願いいたします。
        返信
        るなより:
        2018年6月19日 19:28
        モカさん。
        テキトーにやっつけで書いただけだけど、↓ こんな感じかな？
        add_action( 'template_redirect', function() { global $luxe, $post; if( is_page() === true ) { $ancestors = get_ancestors( $post->ID, 'page' ); if( is_array( $ancestors ) === true ) { $object_id = end( $ancestors ); if( $object_id === 親ページの ID 番号 ) { $luxe['title_img'] = 'メディアライブラリに登録されてる画像の URL'; } } } }, 99 );
        適当な名前のドメイン名を例として書いてはいけません。
        ネット上において URL やドメインの例を書く場合は、example.com を使わなければいけないというのはネット上におけるルールです。
        WordPress は自動的に URL をリンクに書き換えるので特に注意してください。
        返信
        モカより:
        2018年6月19日 21:49
        るな様
        何度もありがとうございます
        今夜は酔っぱらっちゃったので、明日やってみます！！
        楽しみです、ワクワク。
        >適当な名前のドメイン名を例として書いてはいけません。
        知りませんでした。
        example.comを使うべきなのですね。
        今後気をつけます。勉強になりました。
        いつもありがとうございます！
        返信
        モカより:
        2018年6月20日 12:54
        るな様
        またまた出来ました！！o(≧▽≦)o
        すごいです。感激しました（涙）
        これが出来れば、組織や業務別に違うタイトルヘッダーを入れられるのですごく便利です。
        何度もありがとうございます。
        ちなみに親ページにも子ページと同じタイトルヘッダーを入れることは難しいでしょうか？
        もしよろしければお願いいたします
        るなより:
        2018年6月21日 19:28
        モカさん。
        ん？
        さっきのコードで親・子ともに同じタイトル画像になるはずだけど？
        親・子・孫の構成で、親の ID を指定すれば子・孫も同じタイトル画像になるし、
        子の ID を指定すれば、親を除いた子・孫が同じタイトル画像になる。
        モカより:
        2018年6月22日 09:56
        るな様
        何度もありがとうございます！！
        サンプルページを作ってみました
        ▼親ページ
        http://elmosuki.m50.coreserver.jp/blog/profile
        ▼子ページ
        http://elmosuki.m50.coreserver.jp/blog/profile/computer
        親ページのIDを指定すると子ページは指定したタイトルイメージになるのですが、親ページには反映されないようです。
        親ページにも子ページと同じタイトルイメージを入れるのは難しいでしょうか。
        なにとぞよろしくお願いいたします。
        るなより:
        2018年6月23日 05:33
        モカさん。
        add_action( 'template_redirect', function() { global $luxe, $post; if( is_page() === true ) { $ancestors = get_ancestors( $post->ID, 'page' ); if( is_array( $ancestors ) === true ) { $object_id = end( $ancestors ); if( $object_id === 親ページの ID 番号 || $post->ID === 親ページの ID 番号 ) { $luxe['title_img'] = 'メディアライブラリに登録されてる画像の URL'; } } } }, 99 );
        モカより:
        2018年6月23日 13:13
        るな様
        またまた見事に出来ました！！
        何度も何度もありがとうございます。
        ほんとにありがとうございます。
        私もPHPやらなければと思いました。
        これからもよろしくお願いいたします
モカより:
2018年6月15日 12:52
るなさま
いつもお世話になっています。
私の間違えかもしれませんが、最近のバージョンにしてから
ヘッダーナビ（グローバルナビ）
　→スクロール固定
ヘッダー上の帯状メニュー
　→帯状メニューを固定表示にする
にした場合、帯状メニューが固定されなくなったようです。
MacOS+Safari、Chrome
Windows7+IE
Android+Chrome
iOS+Safari
で確認してみました。
よろしかったらコメントに登録したウエブサイトでご確認下さい。
よろしくお願いいたします。
返信
- るなより:
  2018年6月16日 04:08
  モカさん。
  ありがとうございます。
  3.0.0 からレベルダウンしてますね。
  3.0.0 以降から Javascript 内の top 指定が消えてた。
  なんで消したのか不明ｗ
  次のバージョンで直しときます。
  返信
  - モカより:
    2018年6月16日 10:01
    るなさま
    ご返事ありがとうございます。
    私の勘違いでなくてよかったです。
    次期バージョン楽しみにしています♥
    ここのディスカッションを最初から全部読んで鋭意Luxeritasの勉強しています。
    これからもよろしくお願いいたします
    返信