Luxeritas 2.4.1.2 リリース（主に不具合の修正）

2017年10月22日

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

主に不具合の修正と、軽い仕様変更のみ。

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

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

Contents

1. 改訂履歴

改訂履歴

仕様変更

同じウィジェットエリア内に２つ以上のアドセンスウィジェットが存在した場合、それぞれの data-ad-client、data-ad-slot を踏襲した状態で amp-ad に置換するようにした
「関連記事」「NEXR/PREV ナビ」「新着記事ウィジェット」のサムネイルで 100x100px の画像が見つからなかったら 150x150px の画像を表示するようにした
外部リンクにアイコン付ける設定にしてあっても AMP ページではアイコン付けない仕様に変更（AMP だと画像にも勝手にアイコン付けられちゃうから）

内部最適化

誰も気づかない程度の最適化ｗ

バグ修正

以下の組み合わせで AMP エラーが出ちゃう不具合修正
サイトアイコンを設定している
AMP を設定している
フッターもしくはサイドバーをモバイル非表示に設定している
以下の条件だとモバイルで投稿本文内のグリッドが表示されない不具合修正
bootstrap モード使用
投稿本文内で bootstrap のグリッドを使用
フッターをモバイル非表示に設定している
モバイルでサイドバーかフッターを非表示に設定してる時に、AMP の CSS 許容量の計算で24～48バイト程度の誤差が出るので修正

リリース情報

Posted by るな

Luxeritas 2.4.2 リリース

Luxeritas 2.4.1.1 リリース（AMP エラー修正）

ディスカッション

コメント一覧

平島泰裕より:
2017年10月24日 23:47
LuxeritasでHPを立ち上げようとしているWP初心者です。
それらしきものは出来上がりつつあるのですが、Next/Prevナビ（？）に関して調べても設定が分からず困っています。
具体的には、下記2点です。
１）ページ下部に表示されるNext/Prevナビ（この名称で正しいかも分かりませんが）の大きさ（高さ）を変更したいのですが、設定が分かりません。
現在、Next部分で約３行分程度、Prev部分で同じく3行　計6行程度の表示となっています。
PC等の大きな画面であれば、あまり目立ちませんが、スマホ画面だと目立ちます（特にスマホを横にするとほとんどNext/Prevナビになってしまいます）
この為、何とか大きさを小さくしたいのですが、どの様にすればよいか分かりません。
２）同じく、ヘッダーナビでモバイルメニューの種類を「豪華バージョン」にすると、上部ナビにNext/Prevのメニューが出てきますが選択することができません。どの項目で設定すればよいか、調べてみても分かりません。
以上、初心者の質問かもしれませんが、初心者用の問い合わせ先も分からないのでこのコメントとして記述します。
返信
- るなより:
  2017年10月25日 00:41
  平島泰裕さん。
  > １）大きさ（高さ）を変更したい
  まぁ、手っ取り早いのは、高さを固定してしまう。
```
#pnavi .next, #pnavi .prev {
	height: 140px;
}
@media (min-width: 1200px), (min-width: 540px) and (max-width: 991px) {
	#pnavi {
		height: 140px;
	}
}
```
  ただ、Next/Prev で 3行ってのはタイトル文字数がマルチバイトで40文字前後ってことなので、SEO 的にはよろしくないですねぇ。
  > ２）選択することができません
  あー、そーいえばモバイルメニューの Next/Prev は投稿ページだけの対応になっちゃってますねー。
  固定ページのこと忘れてた。
  近いうちに正式対応しますが、とりあえず、
  luxeritas/navi.php の 60行目を
```
if( is_single() === true ) {
```
  ↓
```
if( is_singular() === true ) {
```
  に変更すればよいです。
  返信
  - 平島泰裕より:
    2017年10月25日 21:52
    るな様
    平島です。早速の回答有難う御座います。
    １）のNext/Prevの高さは変更は、「追加CSS」から張り付けてみましたが、多少変わった様な・・・
    ２）モバイルメニューの Next/Prevは、luxeritas/navi.php をどうすれば変更できるか分かりません。
    多分FTPでサーバを見て、ファイルを直接書き換えるのでしょうが、自信がないので・・・
    と言うことで、るな様のVersion-Upを待ちます。
    ワープロ程度しかできない初心者には、この辺りが敷居が高いですが、Next/Prevを無視しても十二分のHPが出来ることに感謝しています。
    有難う御座いました。
    返信
    - るなより:
      2017年10月26日 03:13
      平島泰裕さん。
      > １）のNext/Prevの高さ
      「追加 CSS」ってのは WordPress の標準機能で Luxeritas の機能じゃないです。
      Luxeritas を使うなら「追加 CSS」よりも子テーマの style.css に書いた方が「断然」良いです。
      むしろ Luxeritas を使う場合は「追加 CSS」の中身は「完全に空っぽに」しちゃった方が良いくらいです。
      返信
auto-tsより:
2017年10月23日 04:12
るな様
＞同じウィジェットエリア内に２つ以上のアドセンスウィジェットが存在した場合、
＞それぞれの data-ad-client、data-ad-slot を踏襲した状態で amp-ad に置換するようにした
→こちらありがとうございます。が、正常に動作しないことを確認してしまいました。
amp-func.php内 function thk_replace_amp_adsense( $ad )で、
$ret = array_combine( $ad_client, $ad_slot );の箇所がありますが、
$ad-clientは一人のAdSenseユーザーで全て同じ文字列（ca-pub-〜数値〜）なので、
$ad_client, $ad_slotに2つ以上の要素が入っていてもここで要素1つになってしまいます。
例：同じウィジェットエリア内に２つ以上のアドセンスウィジェットが入っている
–記事下ウィジェット（AMP用）—
　-Adsenseユニット-
　　ad-client : ca-pub-12345
　　ad-slot : 98765
　-Adsenseユニット-
　　ad-client : ca-pub-12345
　　ad-slot : 54321
このときAMP表示させると、$retには最後の$ret[ca-pub-12345]=54321しか残らないので、
結果、最後のAdSenceユニットしか表示されません。
返信
- るなより:
  2017年10月23日 04:52
  auto-ts さん。
  あー。slot の方をキーにしないとダメか。
  じゃぁ、単純に slot と client を逆にすれば良いだけなので、
  amp-func.php の
  132行目を
```
$contents = preg_replace( '/(<script.+?data-ad-client.+?data-ad-slot.+?' . $key . '.+?adsbygoogle.+?<\/script>)/ism', $val, $contents );
```
  452行目を
```
$ret = array_combine( $ad_slot, $ad_client );
```
  456行目を
```
$ret[$key] = '<amp-ad width="300" height="250" type="adsense" data-ad-client="' . $val . '" data-ad-slot="' . $key . '"></amp-ad>';
```
  これで。
  返信
  - auto-tsより:
    2017年10月23日 23:49
    ありがとうございます！次のリリースで修正頂ければ幸甚です。
    ちなみに、、、子テーマでstyle.cssとstyle-amp.cssの内容を同じにする効率良い方法ってありますでしょうか？
    style-amp.cssに「@import url(“/wp-content/themes/luxech/style.css”); 」と記載したのですが動作せず。
    style.cssにAMPの内容も書き込んで、管理を効率化させたいのです。
    返信
    - るなより:
      2017年10月23日 23:58
      auto-ts さん。
      AMP は外部 CSS 自体を許可してないので @import で動作するわけない。
      やるならこんな感じかな？
      1. ブログにアクセスがあった場合に style.css のタイムスタンプとサイズをチェック。
      2. 双方が異なってたら style.css を style-amp.css にコピー。
      3. style-amp.css のタグを AMP 用に置換。
      返信
      - auto-tsより:
        2017年10月24日 01:53
        アドバイスありがとうございます！これをもとに以下のコードでやってみることにしました。
        if(rand(0,99)==0){ $stylepath = get_theme_root()."/luxech/style.css"; $styleamppath= get_theme_root()."/luxech/style-amp.css"; $style = filesize($stylepath); $styleamp= filesize($styleamppath); if ($style != $styleamp) { copy($stylepath, $styleamppath); } }
        毎回サイズをチェックしなくてもよいので、randで確率的にチェックするようにしてみました。（wp-cronに組み込もうかと思いましたがより単純にしました）
        ありがとうございます！
        返信
        るなより:
        2017年10月24日 02:11
        auto-ts さん。
        例えば、img とかは amp-img に置換しないといけない場合もあるので、ファイルサイズよりタイムスタンプのチェックの方がええな。
        なので、
        1. タイムスタンプをチェック
        2. タイムスタンプが違ってたらコピーして、必要な箇所を置換
        3. タイムスタンプが同じになるように双方のファイルを touch
        この方がええかも。
        あと「確率」でやるよりも、
        current_user_can( 'edit_theme_options' )
        を使って「自分がブログにアクセスした時だけ」っていう条件の方が良いと思う。
        返信

コメントをどうぞコメントをキャンセル

メールアドレスが公開されることはありません。※ が付いている欄は必須項目です

URL 必須にしました。
自身の URL が開示できない方への無償サポートはできません。
明からに自身のものではない URL が入力されてる場合は問答無用で削除します。

改造は自己責任でやってください。「PHP を書き換えて動かなくなったからお前が確認しろ」と言われるのは本気で迷惑です。改造による不具合を質問してくる人はコメントを制限します！

コメント

名前 *

メールアドレス *

ウェブサイト

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

この記事のトラックバックURL

Luxeritas の特徴

高速化に関する取り組み

Luxeritas は、Web ページを高速に表示するための仕組みを多く搭載しています。 ...

多機能・高カスタマイズ性に関する取り組み

Luxeritas では CSS に関する知識がなくとも、 WordPress の「外観 ...

デザイン自由度に関する取り組み

Luxeritas では、テンプレートごとに、１～３カラムを自由に設定できます ...

SEO 最適化に関する取り組み

設計方針 Luxeritas の設計方針について。文法エラーは出さない html5 以 ...

構造化データ ( schema.org )

Luxeritas では汎用的にマークアップできる箇所には、schema.org で構造化...

SNS との連携に関する取り組み

選べる SNS シェアボタン SNS ボタンは、通常タイプの他にカラータイプとホ ...

レスポンシブデザインに関する取り組み

Luxeritas は、安定したレスポンシブデザインを提供するために、 GitHubで最 ...

AMP Project に関する取り組み

Luxeritas はボタン一発で簡単に AMP に対応できます。Luxeritas の AMP 対応は ...

PWA（Progressive Web Apps）

PWA に関する取り組み

PWA（Progressive Web Apps）を有効化すると Web サイトを、あたかも Web アプリのように ...

最近のコメント

2024年10月28日buru さん

るな様有難うございます。ご教示いただきましたサイトを参考し無事に解決できました。

Luxeritas 3.25.0 リリース

2024年10月27日るなさん

buru さん。サイトを見させていただきましたが、自動広告ですね。ただ、ソースを見ても自動広告のスクリプトは存在してない ...

Luxeritas 3.25.0 リリース

2024年10月27日buru さん

るな様ご返信有難うございます。私が1つ間違えておりましてトップページではなくトップページからどれでも1つ記事を選択して遷 ...

Luxeritas 3.25.0 リリース

2024年10月27日るなさん

buru さん。ウィジェットか子テーマ編集のどちらかだと思います。

Luxeritas 3.25.0 リリース

2024年10月27日buru さん

るな様いつもLuxeritasでお世話になっております。私のサイトのトップページでタイトルと記事一覧の間に隙間が出来てし ...

Luxeritas 3.25.0 リリース