Luxeritas 3.5.7 リリース

2018年12月22日

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

おもに、Google reCAPTCHA v3 など既存機能の拡張。不具合修正。その他もろもろ。

詳しくは下記の改訂履歴か、開発者ブログの記事をご覧ください。

Contents

1. 改訂履歴

改訂履歴

機能拡張

コメント認証に Google reCAPTCHA v3 を使用できる機能追加 (reCAPTCHA v2 も引き続き利用可能)
投稿・固定ページ単位で、noindex、nofollow、noarchive、noimageindex を設定できる機能追加 (要望反映)
jQuery を非同期に設定してる場合のみ、投稿・固定ページ単位で非同期を解除できる機能追加

その他

Bootstrap 4 更新 v4.0.0 -> v4.1.3
JSON-LD をフィルターフックを通して出力するようにした (フィルター名： thk_json_ld)
Adsense に書き間違いがあった場合、AMP で PHP の Warning が出るけど、Warning は表示させないで「アドセンスに記述ミスがあるよ」という趣旨のメッセージを表示するようにしてみた
スムーススクロールが有効な場合、アンカーリンクで飛び先が id ではなく name だと飛べないらしいので name でも飛べるようにした (今どき name に飛べるスムーススクロールのライブラリなんて無いので無理矢理改造してなんとかしたｗ)

不具合修正

ブロックエディタをスマホで見た時に縦スクロールができないことのある不具合修正
シンタックスハイライターの HTML や PHP 等で <p> や <br /> がちゃんと表示されなくなったので修正

リリース情報

Posted by るな

Luxeritas 3.5.8 リリース

Luxeritas 3.5.6 リリース

コメント一覧

三上つかさより:
2019年2月20日 16:56
るな様
先日Luxeritasを導入し、特に不具合もなく快適に使わせていただいております。
当記事において「reCAPTCHA v3」導入とありますが、現在、投稿ページにのみ reCAPTCHA ボタンが表示されている状況です。
お問い合わせフォームのある固定ページにも「reCAPTCHA v3」を適用したいと考えているのですが、方法はあるでしょうか。Contact Form 7等でも「reCAPTCHA v3」は導入できますが、Page Topボタンの位置調節があるため、可能であればLuxeritasで導入したいと考えています。
返信
- るなより:
  2019年2月20日 17:34
  三上つかささん。
  Luxeritas と Contact Form 7 では実装方法がちょっと違うのでおじゃる。
  ・Luxeritas はコメントフォームがあるページだけ reCAPTCHA を呼び出す
  ・Contact Form 7 は無条件にサイトの全ページで reCAPTCHA を呼び出す
  それぞれに一長一短があって、
  ・Luxeritas はコメントフォームのあるページでしか使えない
  ・Contact Form 7 は reCAPTCHA が不要なページでも reCAPTCHA を呼び出すので無駄がある
  という弱点がある。
  なので、Luxeritas と Contact Form 7 の reCAPTCHA を併用するのが良いのでござる（管理者ブログでやってる手法）。
  以下の方法でいけ申す。
  1. Luxeritas と Contact Form 7 の reCAPTCHA を両方 ON にする。
  2. Contact Form 7 の reCAPTCHA を「お問い合わせ」ページだけに限定する
  子テーマの functions.php に以下を書く。
```
add_action( 'wp_print_scripts', function() {
	if( $_SERVER['REQUEST_URI'] !== '/contact/' ) {
		wp_dequeue_script( 'google-recaptcha' );
	}
});
```
  ※ /contact/ の部分は問い合わせページの REQUEST_URI
  3. 問い合わせページの Page Top ボタンの位置を CSS で調整する
  問い合わせページの編集画面にある「追加ヘッダー」に以下を書く。
```
<style>#page-top{right:76px}</style>
```
  とりあえず、こんな感じ。
  返信
  - 三上つかさより:
    2019年2月20日 18:13
    るな様
    ご返信ありがとうございます。
    提示していただいた方法で実装いたしました。無駄なく実装でき、大変スッキリした気持ちです。
    保守性も汎用性もあり、使いやすいテーマだと今更ながら実感しています。これから愛用させていただきます。
    返信
優より:
2019年2月5日 21:38
Googleアドセンスで広告ユニットからリンク広告(レスポンシブ)を作成して
アドセンスのウィジェットに貼り付けるとパソコンの表示は良いのですが
スマホから表示すると右側にズレています。
広告サイズなどを設定する所で中央揃えにすると広告の左右が切れています。
解決方法はありますか？
返信
- るなより:
  2019年2月5日 21:52
```
data-full-width-responsive="true"
```
  を
```
data-full-width-responsive="false"
```
  にするか、もしくは消す。
  返信
  - 優より:
    2019年2月5日 22:23
    早い返信ありがとうございます。
    中央揃えにすると右側が少し切れていて
    中央揃えを外すと左によっている表示になるのですが仕方がないのでしょうか？
    返信
    - るなより:
      2019年2月5日 22:57
      優さん。
      アドセンスを fullwidth に設定してるなら、iframe 内にある広告の中身そのものは左寄せなので、fullwidth と広告サイズ指定なし等の組み合わせとかなら、中身が貫通してそういう表示になる可能性はあるんじゃないですかね。
      とりあえず ↓ この辺とか
      ・http://www.tm-ordinary.com/entry/adsense-yokoyure
      ↓ この辺の記事が参考になると思います。
      ・https://rarecard.jp/blog/page-18
      今後、似たような質問が出てきちゃうそうなので、
      次バージョンでアドセンスの fullwidth をの値を変更できる機能とか付けときます。
      返信
      - 優より:
        2019年2月6日 00:30
        わざわざリンクまで貼っていただいて
        ありがとうございます。
        変更できる機能を待っています。
        返信
松本より:
2019年2月2日 15:41
初めまして。
初めてのHPを作る際に、ルクセリタスを使用させていただいております。
デザインの変更の為にデザインファイルの「musica seriem 」をZIPファイルにしてダウンロードしましたが「style.css スタイルシートには有効なテーマヘッダーが含まれていません。」とメッセージが出てしまいます。
解決方法を教えていただけないでしょうか？
返信
- るなより:
  2019年2月2日 16:25
  松本さん。
  デザインファイルは「デザインファイル」であり「テーマ」ではありません。
  管理画面の「デザイン選択」画面からアップロードしてください。
  返信
寺内昇より:
2019年1月31日 22:31
はじめまして、ルクセリタスを使い始めて２か月程の個人ブロガーです。現在、testmysiteで３秒と診断され、さすがルクセリタスだと感動しています。素晴らしいテーマを提供していただき、誠にありがとうございます。厚く感謝申し上げます。
今回は初めての質問ですが「グローバルナビ」についてです。
グローバルナビのカテゴリー表示について、PC画面の縦方向の表示範囲を超えて、カテゴリーを全てスクロールして表示できる方法をご教示いただきければ、というお願いです。
現状で困っているところですが、２００件近いカテゴリーをグローバルナビで表示したいと思っております。しかし、一つの親カテゴリーに子カテゴリーを数十件を登録し、PC画面上で確認したところ、カテゴリーが下方にはスクロールされず結果として全てのカテゴリーが表示されませんでした。一方スマホでは、スクロールできます。
そこで、多忙中のところ誠に申し訳ございませんが、PC画面で全カテゴリー表示の対応策についてごご教示の程、何卒よろしくお願いしましす。
返信
- るなより:
  2019年2月2日 16:24
  寺内昇さん。
  子が 200 ですか？
  グローバルナビでその量のメニューを表示するのは、少々無理がありますね。
  カテゴリウィジェットを目につきやすい箇所に配置したり、親カテゴリを固定ページにして子カテゴリに誘導するなど、サイトの構成自体を見直す方が良さそうに見えます。
  返信
優より:
2019年1月26日 13:17
ブログカードを使っているのですが
アイキャッチ画像を設定しても表示がされなかったり、
抜粋文が表示がされません。
解決方法がありましたら教えてください。
返信
- るなより:
  2019年1月26日 14:53
  優さん。
  実際のページを見ないと分からないので、とりあえず、アイキャッチや抜粋が表示されないブログカードが使われてるページの URL を教えていただけますか。
  返信
  - 優より:
    2019年1月26日 15:27
    https:// 飼育.site/未分類/テスト
    になります。
    　
    一つ目のブログカードに使用した記事は上手く作成できるのですが
    他は二つ目のブログカードのように上手くいきません。
    返信
    - るなより:
      2019年1月26日 18:05
      優さん。
      日本語ドメインがエンコードがされてないですね。
      ひとまず、以下の手順で試してみてもらえますか。
      手順1.
      luxeritas/inc/blogcard-func.php の 868行目を
      $url = html_entity_decode( thk_decode( $raw_url ) );
      ↓
      require_once( INC . 'punycode.php' ); $url = html_entity_decode( thk_decode( puny_encode( $raw_url ) ) );
      に書き換え。
      手順2.
      カスタマイズ画面の「管理機能 -> リセット -> ブログカードキャッシュのオールクリア」
      手順3.
      ページにアクセスしてカードが表示されるか確認。
      返信
      - 優より:
        2019年1月26日 20:03
        親テーマのblogcard-func.phpの868行目を書き換えてみましたが
        ブログカードには変化はありませんでした。
        ほかに解決方法はありますか？
        返信
        るなより:
        2019年1月26日 21:47
        優さん。
        「日本語ドメイン＋日本語スラッグ」という、かなり特殊な設定なので、これダンプ取らないと分からないですね。
        以下の手順でダンプを取得して、その中身を教えてもらえますか。
        —————–
        手順１：
        luxeritas/inc/blogcard-func.php の 113行目の下に ↓ これを書く
        ob_start(); echo 'URL:'; var_dump( $url ); echo 'PID:'; var_dump( $pid ); echo 'OBJECT:'; var_dump( $cat_obj ); echo "\n"; $dump = ob_get_clean(); file_put_contents( TPATH . DSEP . 'dump.txt', $dump, FILE_APPEND );
        —————–
        手順２：
        テストページに一回だけアクセスする
        —————–
        手順３：
        luxeritas/dump.txt というファイルが出来上がるはずなので、それの中身を教えてください。
        —————–
        手順４：
        手順１で書いた内容は不要なので消しちゃってください。
        dump.txt も不要なので削除してください。
        返信
        優より:
        2019年1月26日 22:30
        —
        ダンプしか書かれてないので管理者側で削除
        —
        返信
        るなより:
        2019年1月26日 22:55
        優さん。
        「１回だけアクセス」って書いたんですけど、これ７回アクセスしてますね。
        すごく見にくいですｗ
        とりあえず分かったのは記事名と同じ「苔の掃除」という名前のカテゴリがあるのが原因ですね。
        なので、「苔の掃除」カテゴリのアイキャッチと抜粋が優先して表示されてます。
        対処法としては、以下の３つが考えられます。
        対処法その1:「苔の掃除」というカテゴリを別名に変更するか、または消しちゃう
        対処法その2:「苔の掃除」という記事名を別名に変更する
        対処法その3: blogcard-func.php の 113行目を以下のように書き換えてみる（未検証）
        $cat_obj = get_category_by_path( $url, false );
        ↓
        $cat_obj = get_category_by_path( $url, true );
        返信
        優より:
        2019年1月26日 23:39
        複数回のアクセスをしてしまって申し訳ございませんでした。
        対処法その３でブログカードが表示されました。
        ほかのブログカードを作成していないのでわかりませんが上手くいきそうです。
        解決策を詳しく説明してもらって助かりました。
        ありがとうございました。
        返信
橋本恵子より:
2019年1月22日 18:24
ありがとうございます。さようでしたか、ブラウザのキャッシュ削除してみます。ありがとうございました。
返信
橋本恵子より:
2019年1月21日 10:49
はじめまして。今年からルクセリタスを使わせていただいています。とても素晴らしいです。
ただいまテスト中ですが　バナーの種類によりパソコン版では表示されません。スマホページにはA8のバナーもアドセンスもばっちり表示されます。
パソコン版では　新しい記事で自由広告のアドセンスが表示されません。
過去記事では　表示されています。
A8のテキストバナーは表示されます。しかしA8のバナーは表示されません。
A8以外の　埋め込みコードは画像もちゃんと表示されます。
アドセンスは　自由広告以外であとで　試してみます。
パソコン版のみ
バナーが表示されない原因は　どのようなことが考えられるのでしょうか?
当方の該当ページ
テスト記事です。バナーが表示されない件、反映実験中（スマホのみ解決） | 工夫ｉｎｆｏ！
https://kuhuu.info/2019/01/18/post-2357/
よろしくお願いします。
返信
- るなより:
  2019年1月21日 17:42
  橋本恵子さん。
  Chrome、Firefox、Edge、IE の 4 ブラウザでアクセスしてみたけど、4 つとも A8、自動広告ともにちゃんと表示されてるよ？
  ブラウザのキャッシュ削除等を試してみてはどうでしょう？
  返信
hyperより:
2019年1月20日 14:50
るな様
素晴らしいテーマありがとうございます。
現在、musica-in-silvaのデザインファイルを適用させています。
すると、iPhone8のSafariで開いたとき、
記事下のアドセンス広告336×280サイズの端が切れてしまいます。
デザインファイルを使っていないサイトだと綺麗に表示されます。
これはどこを編集すれば改善するのでしょうか？
返信
- るなより:
  2019年1月20日 15:54
  hyper さん。
  デザインファイルにはアドセンスに関する記述は一切ないので、デザインファイルによって違いが出ることは基本的にはないはずです。
  ２つのサイトで何かしらの違いが出るとすれば、アドセンスウィジェットの設定内容か、または、アドセンスの data-ad-format, data-full-width-responsive の値ですね。
  なので、これらの違いを教えてください。
  返信
  - hyperより:
    2019年1月21日 21:47
    るな様
    返信ありがとうございます。
    2つのサイトで、アドセンスコードが違いました！
    広告表示の端が切れるコードは
    data-ad-format=”auto”
    data-full-width-responsive=”true”
    となっています。
    そして広告表示が綺麗に表示される方は
    data-ad-format=”auto”
    のみしか記述がありません。
    data-full-width-responsiveがありませんでした。
    ちなみに広告が綺麗に表示される方は半年くらい前から使っているコードなので、時期によって広告コードが違うのですかね？
    返信
    - るなより:
      2019年1月21日 22:48
      hyper さん。
      data-full-width-responsive は去年からアドセンスで新しく採用されたパラメータで、どんな広告だろうが、常に幅いっぱいまで広告を表示するという謎パラメータです。
      data-ad-format="auto" との組み合わせの場合、画面幅によっては、ものすごくデカイ広告が表示されますｗ
      アドセンスウィジェットで幅を設定してるのでれば、data-ad-format="auto" と data-full-width-responsive="true" の組み合わせで広告で端が切れるのは不思議じゃないですが、当方では確認できないですね（アドセンスの幅は後から決定されるから）。
      なにか別の原因があるようにも見えます。
      返信
      - hyperより:
        2019年1月22日 00:16
        るな様
        すみません、解説ありがとうございます。
        ほぼお手上げですが、ちょっとダメもとでいろいろ試してみます。
        返信
kuniより:
2019年1月19日 01:21
どうもありがとうございます。
早速適用させていただきました。
次のバージョンも楽しみにしております。
返信
nohrより:
2019年1月18日 09:58
昨年よりLuxeritasを使わせて頂いております。使いやすく素晴らしいテーマを開発頂き感謝しております。
汎用サイドバー (タイトルH3タイプ）ウィジェットの「検索」を右サイドバーを入れましたが、検索結果が4件と出る場合でも、ブログ記事は1件しか表示されません。解決法がわからず、お手数ですが、ご教授頂けましたら助かります。
返信
- るなより:
  2019年1月19日 02:11
  nohr さん。
  サイト全体を見る限り、
  ・1ページに表示する最大投稿数 1 件
  ・ページャー非表示
  という設定の組み合わせに見えます。
  上記の設定なら当然１件しか表示されませんが、これらの設定はどうなってますか？
  返信
  - nohrより:
    2019年1月21日 15:30
    るな様
    ご返信ありがとうございます！ページネーション、検索結果ページがデフォルトになっていました。件数の数値を変えてボタンを件数のほうに設定したところ解決いたしました！お手数おかけいたしました。
    返信

kuniより:

2019年1月17日 10:34

るなさんこんにちは。
「目次」ウィジェットにて、表示すべき目次がない場合、目次タイトルのみが表示されてしまいます。
これの回避策はありますか？

具体例
https://monozuki.club/post-4121/

返信

るなより:

2019年1月17日 14:51

kuni さん。

luxeritas/inc/widget.php の 1330～1341行目を

echo $args['before_widget'];
if( !empty( $title ) ) echo $args['before_title'], $title, $args['after_title'];

$post = get_post( $wp_query->post->ID );
$contents = $post->post_content;

$toc_array = thk_create_toc( $contents, false );
if( !empty( $toc_array[1] ) ) {
	echo '<div class="toc_widget">', $toc_array[1], '</div>';
}

echo $args['after_widget'];

↓

$post = get_post( $wp_query->post->ID );
$contents = $post->post_content;

$toc_array = thk_create_toc( $contents, false );
if( !empty( $toc_array[1] ) ) {
	echo $args['before_widget'];
	if( !empty( $title ) ) echo $args['before_title'], $title, $args['after_title'];

	echo '<div class="toc_widget">', $toc_array[1], '</div>';
	echo $args['after_widget'];
}

に書き換えると目次が無い場合に非表示になります。

次のバージョンで目次が無い場合の表示/非表示を設定できるオプションを付けておきます。

返信

ぶうすけより:
2019年1月8日 06:31
るなさん、いつもありがとうございます。
Luxeritas 3.5.7 を使わせていただいています。
「reCAPTCHA v3 で Page Top ボタンを左か上にずらせる設定項目も用意してあります」とのことでしたが、設定してもボタンがずれません。
返信
- るなより:
  2019年1月8日 18:32
  ぶうすけさん。
  ボタンをずらせるのは、Luxeritas が reCAPTCHA を呼び出してるページだけです。
  ぶうすけさんのページでは Contact Form 7 が reCAPTCHA を（使っていようがいまいが関係なく）全てのページで reCAPTCHA をコールしてます。プラグインが呼び出してる reCAPTCHA は Luxeritas は感知しません。
  返信
相田より:
2019年1月7日 22:38
初めましてルナ様。
Luxeritasのレンダリング速度の速さに一目惚れしてしまいました。機能も充実しており文句ありません。WordPress史上最高のテーマだと思っています。
話は変わりますが、現在グローバルナビゲーションメニューがPCではドロップダウンしないこと、スマホからだとハンバーガーメニューをタッチしてもカテゴリーが表示されないというトラブルに見舞われ困っております。
テーマ　小テーマ最新バージョン。プラグインをすべて無効化しても現状は変わりませんでした。もちろんカテゴリーはサブカテゴリーも設定しています。
問題のサイトはこちらです。
お手数ですがご回答お願いします。
返信
- るなより:
  2019年1月8日 18:31
  相田さん。
  jQuery が読み込まれてないです。「jQuery の読み込み方法」の設定はどーなってますか？
  返信
ryutaより:
2018年12月31日 20:48
るな様
いつもLuxeritasを使わせていただいております。
素晴らしいテーマを開発してくださりありがとうございます。
1点、私はサーバー側の事は詳しくないのですが
「高速化一括設定」→「高速化用 htaccess」に記載されていますhtaccess追記例の、
nginx版を作成されるご予定はないでしょうか？
返信
- るなより:
  2019年1月8日 18:31
  ryuta さん。
  当方、Apache は業務で 1系の頃から触ってるので、かなり詳しい方なのですが、nginx は数年程度なので、確実に「この記述で最高のもの」と言える納得のいくものが、まだないです。
  なので「将来的には書くかも」です。
  返信
前川武春より:
2018年12月31日 06:51
早速の対応ありがとうございます。
コードを変更したところ、AMPページでも反映されました。
助かりました。
ありがとうございます。
返信
Y0sより:
2018年12月28日 15:57
るな様
Luxeritasを使わせていただいており、いつも感謝しております。
お忙しいところ、大変恐縮ですが質問/サポートのお願いです。今回、Wordpressを4.99→5.02にアップデートし、Luxeritasを3.3.3→3.5.7にアップデートしたところ、shortcodes ultimateというプラグインをつかったタブのタブ内各コンテンツが一部ブラウザ※ で表示されなくなりました。
▼投稿ページ例
https://wkwkjapan.com/tata-bahasa/kata-penunjuk-kore-sore-dan-are/
▼wordpress管理画面内のshortcodes ultimateのタブ表示プレビュー
https://prnt.sc/m0gsi7
※確認した限り表示されないのはWindowsのchromeとipadのsafariです。試した他のブラウザは下記の通りです。
▼win 8.1
表示される
firefox 64.0
IE 11.09600
表示されない
chrome 71.0.3578.98
▼ipad
表示される
chrome 71.0.3578.98
表示されない
safari 12.0
▼android
表示される
chrome 71.0.3578.98
▼iphone 4s
表示される
chrome 45.0.2454.89
safari 8.0
————————————-
▼chromeとsafariからタブ内コンテンツが表示されなくなった後、行ったこと
1. WordPress を4.99に戻す。→ 表示されず。
2. Luxeritasを3.3.3まで戻す。→ 表示されず。
表示されていたバージョンまで双方戻しましたが表示されなくなりました。
現在は双方最新版の状態です。
3. Luxeritasをwordpress付属テーマのtwnty fifteen、twenty nineteeに変更 → 表示される。
▼その他のインストール/アンインストール作業
4. Classic Editor →　インストール後、アンインストール
5. Disable Gutenberg → インストール後、アンインストール
————————————-
コンテンツの約7割でこのタブ機能を使ってしまっており、私事恐縮ですが悩んでおります。
解決の方法がございましたら、ぜひご教授お願い致します。
以上、よろしくお願い申し上げます。
返信
- るなより:
  2018年12月28日 18:31
  Y0sさん。
  OS とかブラウザとかテーマとか関係なしに、アクセスした際に DOM がちゃんと構築されてるかどうかだと思います。
  Chrome のデベロッパーツール（右クリックで「検証」を選択して表示される画面）で Console の表示を確認してみてください。
  返信
  - Y0sより:
    2018年12月28日 21:32
    るな様
    ご返信頂き、ありがとうございます。
    Consoleを表示してみました。
    https://difff.jp/i6xf2.html
    firefoxからアクセスした場合、
    su-tabs-pane su-clearfix su-tabs-pane-open
    chromeからアクセスした場合、
    su-tabs-pane su-clearfix” style=”display: block;
    su-tabs-pane su-clearfix” style=”display: none;
    innerTextが “PenjelasanKosakataLatihan↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵”としか表示されない。
    というところが問題の箇所のような気がします。が、解決法がわかりません。
    WEBサイトの右クリック禁止を解除致しました。
    お忙しい中、申し訳ございませんがご確認頂けませんでしょうか。
    よろしくお願い申し上げます。
    返信
    - るなより:
      2018年12月28日 21:44
      Y0s さん。
      先程も言ったとおり、OS・ブラウザ・テーマ等とは関係ないので、
      ご確認と言われても、当方では何もできません。
      少なくとも、当方から見れば正常に動作してますけどね。
      返信
      - Y0sより:
        2018年12月28日 23:19
        このお忙しい年末に大変ご迷惑をおかけしました。
        ブラウザのキャッシュクリアで解決しました。
        まことに申し訳ございませんでした。m(__)m
        返信
前川武春より:
2018年12月26日 23:53
お世話になります。
別のAMP対応のテーマを使っていたんですが、一時は良かったもののAMPエラー表示がいきなり増え、対応できずこちらの最新バージョンに変更しましたら改善されました。ありがとうございます。質問なのですが、現在アドセンスの自動広告を掲載しています。また、コンテンツとしてインスタを埋め込んでいるんですけどAMPページに表示されません。アドセンスに関しては多少時間はかかると思っているんですけど、インスタの画像に関してはなにか設定方法などあるのでしょうか。検索してみたり、貴サイトで探してみても対処例が探せなかったのでコメントさせていただきました。どうかよろしくお願いいたします。
返信
- るなより:
  2018年12月28日 18:31
  前川武春さん。
  instagram の書式が微かに変わってますね。
  luxeritas/inc/amp-func.php の 415 行目を以下のように変更してください。
```
'/<blockquote class="instagram-media".+?"https:\/\/www.instagram.com\/p\/(.+?)\/".+?<\/blockquote>/ism',
```
  ↓
```
'/<blockquote class="instagram-media".+?"https:\/\/www.instagram.com\/p\/(.+?)\/.+?<\/blockquote>/ism',
```
  次のバージョンで反映しておきます。
  返信