Luxeritas 2.5.4 リリース
Luxeritas 2.5.4 をリリースしました。
こまごまとした修正だけです。
詳しい改訂内容は開発者ブログの記事にて。
ダウンロードは、こちらのページ から。
改訂履歴
- 再現させる方が難しいほど超低確率で AMP エラーが出る可能性がある箇所の修正(ver2.5.2.2 でのレベルダウン)
- 固定フロントページの中で内部リンクのブログカードを使った際、常にトップページのディスクリプションがカードに表示される不具合修正
- タイル型グリッド用のデフォルト No Image 画像が「no-img-320×180.png」という名前の画像にも関わらず、なぜか 300 x 180 px だったので画像差し替え(なんじゃこりゃw)
ディスカッション
コメント一覧
るなさん、おはようございます。
直前に別のaタグが書かれている blogcardが稀に表示されない場合があり、どうやら inc/blogcard-func.php 内のthk_get_blogcard_links関数 の正規表現が原因と思われます。
表示されない場合は直前のaタグも含めてblogcardだと誤認されているようです。
ずさん。
「肝心の部分が消えてしまって」に関してはメールで見えてるので問題ないっす。
ずさんのテストパターンを簡潔に文字にして書くと ↓ こーです。
通常リンクとブログカードリンクを無改行で連続で書いた場合にブログカードが表示されない。
つまり、↓ こーですね。
OK
OK
OK
NG
近いうちに 2.x 系のラストリリースを行うので、そこで直しときます。
実は改行が入っていてもダメなパターンがあります。
ずさん。
当方が言ってる無改行ってのは the_content フィルターの wpautop を通す前、つまり「投稿画面で無改行で書いた時」って意味です。
正規表現の (.+?) の部分が前の a タグに引っかかっちゃうので、([^>]+?) ですね。
これなら、パターン修飾子に s を指定してもイケる(指定しても意味ないけど)。
正規表現の修正で正しく表示できるようになりました。ありがとうございました。
当方、初心者です。宜しくお願い致します。
①当方のHPをPageSpeed Insights で計測すると、「PC :good 91/100」, 「モバイル :LOW 55/100」 となります。(testmysiteは3秒で「特に良好」)
PC/モバイルともに体感では、高速・快適で問題ないのですが、、、、。
(HPにある高速化設定は行いました、 AMP (Accelerated Mobile Pages) 有効化もチェック入れました、
また、高速化用 htaccessタグの説明に従って、 WPインストールディレクトリ直下のhtaccessに追記も行いました)
モバイル LOW 55/100の対応策として、PageSpeed Insightsでは、下記が表示されました。
luxteras上で、下記対応策に、対応できますでしょうか。
お忙しいところ、誠に恐縮ですが、宜しくお願い致します。
————————————————————————————————–
最適化についての提案
スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する
このページには、レンダリングをブロックするスクリプト リソース が 2 個、CSS リソースが 2 個あります。これが原因で、ページのレンダリングに遅延が発生しています。
以下のリソースの読み込みが終わるまで、このページでスクロールせずに見えるコンテンツを何もレンダリングできませんでした。レンダリングをブロックするリソースの読み込みを遅延させるか、非同期に読み込むか、これらのリソースの重要部分を HTML 内に直接インライン化してください。
レンダリングをブロックする JavaScript を除去してください:
http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js
http://salvete.net/…includes/js/jquery/jquery-migrate.min.js
次のCSS 配信を最適化してください:
http://salvete.net/…themes/luxech/style.min.css?v=1523782407
http://salvete.net/…xeritas/style.async.min.css?v=1523782407
ブラウザのキャッシュを活用する
静的リソースの HTTP ヘッダー内で、有効期日や最大経過時間を設定すると、ブラウザがネットワークからではなくローカル ディスクから以前にダウンロードしたリソースを読み込むようになります。
次のキャッシュ可能なリソースでブラウザのキャッシュを活用してください:
http://salvete.net/…/luxech/fonts/icomoon/fonts/icomoon.woff(有効期限が指定されていません)
————————————————————————————————————-
※ サーバーはさくらレンタルサーバー スタンダードを使用しています。
プラグインはHPでおすすめのものだけを入れています。
wai さん。
Luxeritas は基本的に高速化の設定を行えば PageSpeed Insights で 100点出せます。
プラグインの相性などによって推奨できない設定とかもありますけどね。
また、さくらのサーバーは Apache なので「高速化用 htaccess」を正しく適用できてるなら「ブラウザのキャッシュを活用する」は出ないはずです。
とりあえず、
1. 当サイトのこのページに書いてある内容を読む。
2. 高速化用 htaccess が適用されてないので、もう一回見直してみる。
るなさんはじめまして。
現在ルクセリタス使わせていただいており感謝しております。
当方、素人なのでアホな質問をしていたらすみません。
一点質問です。
グリットレイアウトをタイル型2列にて表示しているのですが、スマホ(iPhone8PLUS 幅414px)で閲覧した際に、サムネイル画像がセンターに表示されず左寄りになってしまいます。
これをセンターに配置するにはどうしたら良いでしょうか?
※タイル表示の際のアイキャッチ画像は横幅320pxで表示しております。
※当該サイトのURLを貼っても良い場合は公開も可能です。
上記について、ご回答いただけますと幸いです。
よろしくお願いいたします。
すみさん。
あらら。
スマホだと、タイル型の外観カスタマイズで「中央寄せ」と「横幅いっぱい」の設定が効いてないですね。
次のバージョンで直しときます。
とりあえず現行バージョンでは、以下を子テーマの CSS に書けばイケます。
早速のご返答ありがとうございます!
無事解決いたしました。
次回のバージョンアップ楽しみにしております。
ていうか、テーマの中身見てみたけど、
当方のコードの書き方をちょっと変えただけで、めちゃくちゃたくさんパクられてるw
最初の部分見ただけでも、
get_option( ‘theme_mods_’ . THEME );
(設定値のグローバル変数化のキモの部分)
とか、
switch_theme( ‘default’ );
とか、
こんなコード書くのおいらだけだw
Canonical の挿入コードとか、関数の変数化とかも完全に当方のパクリやね。
GPL では改変であってもソースコード内のコピーライトを消してはいけないということを知らないらしい。
パクリ箇所が多すぎるので、一応、顧問弁護士に言っておいて、当方に不利益が出るような訴えることにします。
こんにちは。
サイトのリニューアルを機に、Luxeritasを新規インストールしました。
これまで、All in One SEO Packを使用していたのですが、オススメしないプラグインとのことなので、
入れていません。
しかし、下記2点で困っています。
・固定ページのdescriptionが編集できない。
・descriptionに画像のタイトルが含まれている。
これらを解決することは可能でしょうか?
月猫さん
> 固定ページ
固定ページごとに以下を functions.php に追加すれば変更可
> 画像のタイトル
投稿画面の抜粋で変更可
ていうか、仕様上、画像タイトルは入らないはずだけど、どこに入ってるの?
るなさんこんにちは。
いつもルクセリタス愛用させていただいています。
素敵なテーマを公開してくださり本当にありがとうございます。
いくつか質問させて頂きたいのですが、
1.シェアボタンのツイッター、フェイスブック、ポケットのアイコンが表示されなくなった
2.外観のカスタマイズ画面が異様に重くなった
という現象が起こっています。
シェアボタンは気付いた頃には消えていてきっかけが分かりません。
カスタマイズ画面はたまたまかもしれませんが、サイトのキャッチフレーズ部分を空にして保存してから異様に重く、プレビューも表示されなくなったように思います。
自分で原因を突き止めることができなかったため、恐れ入りますがご指導頂けると助かります。
よろしくお願いいたします。
みぃみさん。
> 1.シェアボタンの
Font Awesome 5 の 外部 css が読み込まれてるのが原因ですね。
Luxeritas は、まだ Font Awesome 4 なので一部のアイコンで互換性がないです。
ちょうど、twitter や facebook のアイコンがそれに相当します。
そのため互換レイヤーが用意されてるので、それを利用すれば良いかと?
https://fontawesome.com/how-to-use/upgrading-from-4
まぁ、Luxeritas 3.x 系で 5 も搭載する予定ですけどね。
> 2.外観の
ちょっと分からんですけど、ブラウザのキャッシュとか LiteSpeed Cache とか一度クリアにしてみたらどうざんしょ?
追記:
ログイン画面への誘導リンクがあるので、多数の人が投稿するようなサイトでなければサイドバーに「メタ情報」のウィジェットを設置するのはあんまり良くないでござる。
るなさん。お早い対応ありがとうざいます。
リンク先を参照しながらコードをコピペしたところ、なんとか表示されるようになりました!
私がちゃんとできていないのか、逆に表示されなくなってしまったアイコンがあったのですが、優先順位は低かったのでそのアイコンはサクッと消しちゃいました。笑
シェアボタンは本当に困っていたので、表示されるようになって良かったです。
誘導ありがとうございました。
2の件については試してみたのですがやっぱりダメそうです。
ただ、激重なのがiPadからログインした場合だけで、PCからだと問題ないのでこのまま様子をみたいと思います。
メタ情報の件ですが、一応自分のIP以外のアクセス制限をかけているのもあって、横着して残していました。
細かいところまで見てくださってありがとうございます。
これを機にセキュリティ面も見直したいと思います。
質問に答えてくださり本当にありがとうございました!
バージョンアップしたルクセリタスの完成楽しみにしております。
みぃみさん。
リンク先のコードをやめて、以下のスタイル挿入でもイケる気がする。試してないから分からんけど。
> iPad
端末によって違うってことは、端末側の問題な気がしますねぇ。
るなさん、ありがとうございます!
試してみたところ、同様にSNS関連のアイコンは表示されましたが、出ないアイコンはそのままでした。
残念ですが、せっかくなのでるなさんが書いてくださったコードを使わせて頂きます。ありがとうございました!
いつもLuxeritas Themeを使わしていただき、大変感謝をしております。
気になった点があり、コメントさせて頂きますが、私の勘違い・理解不足であれば、大変申し訳なく思います。
あと、このコメントは表示しなくても、全然問題ありません。
Search Consoleヘルプ
ガイドラインを遵守する>品質に関するガイドライン>リンクプログラム
というのを確認していました。
URLは以下になります。
https://support.google.com/webmasters/answer/66356
このガイドラインの以下の一文が気になってしまいました。
「さまざまなサイトのフッターに分散して幅広く埋め込まれたリンク。」
私個人の見解になりますが、Luxeritas Themeのフッターにあるリンクが、これに該当してしまうのではないかと思ってしまいました。
もしかしたら、フッターのリンク先にある、るなさんの開発ブログが、Google検索結果であまりよくない評価を受けてしまうのではないかと、心配に思った次第であります。
私としてはフッターにリンクがあるのは全然良いと思っていて、むしろ多くの人に紹介していきたいぐらいです。
突然のコメント大変失礼いたしました。
また、お気を悪くしてしまったら、申し訳ありません。
ウェブサイトに入力したURLについては、まだ公開できるほどのサイトがないため、ダミーとさせて頂きました。
ごんたろうさん。
Luxeritas のフッターリンクは nofollow なので問題ないです。
nofollow は検索エンジンに「リンクジュースは渡さないでね」と指定する属性のことです。
どこの Web 系サービスでも同じですが、フッターにサービス元のリンクを貼る場合は nofollow を指定します。
るなさん
お返事頂きありがとうございます。
ど素人の余計な心配でしたね。でも安心しました。
るな様
お世話になります。
初めてLuxeritasを使用させていただきます。
早速ですが、以下3点質問させてください。
——————
1.サイドバーウィジェットの新着記事にカスタム投稿を表示させる方法はございますか?
「Recent Posts Extended」で表示されている方がいらっしゃいましたが、この方法は製作者様として推奨できますか?
2.カスタム投稿を、るな様の「リリース情報」のページのように表示したいのですが可能ですか?
https://thk.kanzae.net/wp/category/release/
3.サイドバーの「THK Analytics も配布中」がスクロールしても固定されていますが、これはどのようにして実現されているのですか?
——————
お忙しい所恐縮ですが、ご教示いただけますでしょうか?
じゅんじゅんさん。
> 1.サイドバーウィジェットの
Luxeritas 内には、そういった機能はないので自力で作るかプラグインを使うかするしかないです。
> 推奨できますか?
「推奨できますか」の意味が、どの程度の意味合いで言ってるのか分からないので回答のしようがないです。
> 「リリース情報」のページのように
どのように?なのかが、ちょっと分からんのですけど、「カード型」にという意味であれば、カスタム投稿はアーカイブと同等なので可能です。
> 3.サイドバーの
ウィジェット領域に「スクロール追従サイドバー」というのがあるので、そこにウィジェットを設置してるだけです。
全体的に質問内容が曖昧で回答が難しいです。もう少し具体的な内容で質問してください。
また、WordPress も Luxeritas も有料販売物というわけではないので、もう少し試用した上で質問してください。
るな様
ご回答ありがとうございます。
曖昧な質問ばかりで申し訳ございませんでした。
言葉足らずの意味を汲んで回答くださっていたので、概ね理解できました。
> 「推奨できますか」の意味が…
上記については、プラグインとの相性や速度への影響度のつもりで聞いておりました。
カスタム投稿の最新記事の表示は、自作か、「Recent Posts Extended」を使うか、検討したいと思います。
ご回答ありがうございました。
もう少し、勉強してまいりますm(_ _)m
Luxeritasにドラッグ&ドロップのプラグインelementor.2.0.0.zip をインストールする際、
「パッケージをインストールできませんでした。 テーマに style.css スタイルシートにありません。」
のエラーが出てしまいます。
Luxeritasの設定を変えることで、このエラーを解消する方法はあるでしょうか。
wai さん。
Elementor Page Builder のことですか?
当方では何の問題もなくインストールできるため、解消方法うんぬんを聞かれても回答のしようがないです。
原因はよくわかりませんが、
Luxeritasを停止し、他のテーマ(Xeoryなど)を有効にした状態で、Elementor Page Builderをインストール。
その後、Luxeritasを有効にすると、LuxeritasでElementor Page Builderが使えるようになりました。
当方、初心者のため、インストールの際、なにか、しでかしたのかも。です。
お時間とらせ、すいませんでした。
ご返信、どうもありがとうございました。
るなさん、こんにちは。
カテゴリやアーカイブ、トップページなどを
記事一覧の表示方法:全文表示
グリッドレイアウト:通常スタイル
で表示した時に、画像リンクにdata-relやdata-titleが付与されずlightboxが機能しません。
これへの対処としてfunction.phpに
add_filter('the_content', 'rellightbox_replace', 12);
function rellightbox_replace ($content){
global $post;
$content = preg_replace(
'/(<a[^>]+?href[^>]+?(\.jpg|\.jpe|\.jpeg|\.png|\.gif|\.bmp|\.webp)[\'\"][^>]*?)>\s*(<img[^>]+?(alt=[\'\"](.*?)[\'\"]|[^>]+?)+[^>]+?>)\s*<\/a>/i',
'${1} data-rel="tosrus" data-title="${5}">${3}</a>',
$content
);
return $content;
}
を記述することを考えています。
(&個別ページでdata-relが重複するのでwpfunc.php内の$content = preg_replace~を削除)
試した感じでは特にエラーもなく動くのですが、
phpなどの知識が無いため、ご教授いただければ幸いです。
もよさん。
Lightbox 系は投稿・固定ページに限定してるけど、全文表示ならアーカイブ系のページでも有効にしてもよさげですね。
次のバージョンでそうしときます。
で、記載のコードですが、
こう書けば、wpfunc.php をいじらんでも投稿・固定ページで data-rel が重複しない。
無事動きました!
るなさん、短時間でありがとうございます!
次バージョンも楽しみにしています。
>るなさん
いつも開発、そして細やかな運営をありがとうございます。
短い間に度々申し訳ないのですが、また一つ教えていただきたく…
Luxeritas 2.0.1の機能追加ページにて解説されている、サイトのhttps化後のSNSカウンタを復帰させる方法の件です。
サイトのhttps化を行い、SNSキャッシュ再構築によりカウンタの数値が「!」にとなる現象は解消できました。
が、Facebookとはてなのカウンタが0となったためカウンタを復旧させたいと考えております。
https://thk.kanzae.net/dev/wp-themes/luxeritas/t6628/
その方法として上記URLで解説をいただいてていたのですが、確認したい点がありまして…
(上記ページにコメントつけるべきか迷いましたが、問い合わせは集約した方が良いかと思いこちらで失礼しております。)
1.上記ページで解説されている機能により、「復帰させたいURLごとに以前あった数値を手動で加算させる」処理を行っていると理解しております。(CSVはカウンタ数値の確認用。)
しかしお恥ずかしながら、使用例のコードをどこに入力すればいいのかわかりませんでした…_(´ཀ`」 ∠)_
子テーマのfunction.phpへの記述でよろしいでしょうか?
2.例えば複数ページのカウンタを復旧させたい場合は、下記のような記述で良いのでしょうか?
add_filter( ‘thk_sns_count’, ‘my_sns_count_plus’, 10, 3 );
function my_sns_count_plus( $cnt, $id, $url ) {
if( $url === ‘http://example.com/’ && $id === ‘f’ ) {
$cnt += 40;
}
if( $url === ‘http://example.com/’ && $id === ‘h’ ) {
$cnt += 20;
}
if( $url === ‘http://example.com/postURL/’ && $id === ‘f’ ) {
$cnt += 5;
}
if( $url === ‘http://example.com/postURL/’ && $id === ‘h’ ) {
$cnt += 5;
}
return $cnt;
}
以上、何度も申し訳ありませんが、ご教示いただけると幸いです。
ナルガッキさん。
とりあえず間違ってはないっす。
functions.php にその記述を書けば加算されます。
CSV は確認用じゃなくて、DB に突っ込んで全ページに対応させるためですね。
当方では、wp_luxeritas_old_sns というテーブルに旧カウント数を入れて、全ページに対応させてます。
↓ こんな感じ(下記コードに関する質問はお受けできません)
速度面では少し劣るけど CSV ファイルを直接読み込んで数値を加算させる方法もあります。
ていうか、そっちの方が簡単です。
まぁ、いずれ記事でやり方とか詳しく書こうかなぁとは思ってるんですけどね。
ありがとうございます!
一部除いて大したカウントでもないので、まずは主要なページだけ手作業で入れることにしました。
データベースは全くわからず、いじるのが怖いので、解説記事を待つことにします。_(´ཀ`」 ∠)_
ありがとうございました。( ノ;_ _)ノ
いつもお世話になっております。
Googleの検索結果に更新日を表示したいのですが投稿日が表示されてしまいます。
カスタマイズの「Googleの検索結果に表示させる日付」は更新日にしています。
silver さん。
カスタマイズの設定で「投稿日」に設定してる場合は確実に投稿日が表示されますが、「更新日」に設定してる場合は、Google のクローラーが頻繁にくるレベルのサイト(ページ数が多い、サイト規模がデカい、被リンクが多いなど)になってないと更新日にならないです。
また、Google のアルゴリズムによって、まれに投稿日の表示に変わってたりします。
例えば、Luxeritas のトップページは現時点では更新日が表示されてますが、今年の1月末~2月初旬の1週間ほど投稿日で表示されてる時期がありました(英語版の Goolge は常に更新日で表示されてたっぽいので、日本語 Google が変だったのか?)。
とどのつまり、更新日で表示して欲しい場合は、Google さんがクロールしてくれないと話にならないので、カスタマイズで「更新日」に設定した上で優良な記事をたくさん書けってことです。
ご返信ありがとうございます。
記事数は1600で300万PVのサイトなのでクロールはそこそこ多いのかなと思うのですがその他に考えられる原因等はございますでしょうか?
silver さん。
Google のアルゴリズムによります。
silver さんよりも、はるかに巨大なサイトですら変動があります。
わかりました!
ありがとうございます。
今後とも宜しくお願い致します。
Luxeritasには非常にお世話になっております。
以前より続けていたWordPressサイトのテーマをLuxeritasに乗り換え、AMP対応させました。
その後細かいAMPエラーを取り除き安心していたところ、最近あからさまにアクセス数が落ちたため再度確認。
と、複数のページでAMPでは画像が真っ白の空白状態になり表示されないページを確認しました。
特にパスの7が消えてしまったということもなさそうで、原因がわからず苦戦しております。
・画像が白くなるページ
http://www.naru-gakki.com/knob_garinoise/amp/
・現象が確認できないページ
http://www.naru-gakki.com/recorder_baroque_german/amp/
記事内の画像だけでなく、最新記事のサムネイルなども表示されず、また広告も ad とだけ表示され画像が読み込まれないようです。
テーマバージョンは2.5.4です。
大変申し訳ないのですが、なにか解決策などご存じでしたらアドバイスをいただきたく思います。
よろしくお願いいたします。
ナルガッキさん。
Amazon の広告で、広告の表示数をカウントする img タグが「1px」とならないといけない部分が「1pxpx」になっちゃってるのが原因ですね。
そのため全体が表示できなくなってます。
本来 Luxeritas は Amazon の広告にも対応できてますが、プラグインか何かで挿入してます?
ナルガッキさん。
ていうか、なんで「1pxpx」になるのか、よくよく見ると Amazon の広告表示数カウントの img 画像が
<img src="~" width="1" height="1" ~ />
って書くべきところが、
<img src="~" width="1px" height="1px" ~ />
になっちゃってますねぇ。
めちゃくちゃ早いレスポンスありがとうございます!
おっしゃる通りで、Amazon公式のAssociates Link Builderプラグインを使っています。
以前はAmazonJSプラグインを使用していたのですが、AMPに完全に非対応だったためLuxeritasに切り替え後はあとはコチラを使っておりました。
つい最近Associates Link Builderプラグインのプラグインアップデートがあったので、そこで問題が生じたのかもしれません。
そちらを当たってみます。
ありがとうございました。
ナルガッキさん。
img タグで width や height に px という単位を書くのは、そもそも文法上間違ってるので、プラグインの作者に連絡した方が良いと思います。
Luxeritas 側で"無理矢理"対応するなら、
luxeritas/inc/amp-func.php の
305 行目
の下に
311 行目
の下に
って書けば、一応対応可能。
親テーマを書き換える上に、そもそも間違いに対する対応なので、おすすめはしない。
先日お礼のコメントをしたつもりがうまくできていなかったようなので再度失礼します。
(重複していたら申し訳ありません。)
神対応ありがとうございます!
頂いたコードで、AMPもプラグインも諦めることなく無事復旧できました。
アドバイス頂いた通りひとまずはプラグイン製作者側へ連絡し可能であれば修正をしてもらう方向で進めたいと思っております。
わからないことも多くまたあれこれとお手を煩わせることもあるかと思いますが、今後ともよろしくお願いいたします。
ありがとうございました。
るな様
こんにちは。
wordpressは初心者ながらLuxeritasを拝見し切り替えました。
グローバルナビの親子ページですが
1.PCから親ページをクリックすれば親ページを表示します。
(ブラウザはchromeとIEはバージョン11で確認)
2.iphone(ios11.2.6)やandroid(4.0)からは親ページの+をクリックしても親ページは表示しません。
配下の子ページはクリックすれば表示します。
+表示の親ページを長押しすれば表示しますが閲覧者が長押しはまずしないと思います。
ちなみに親ページはhttp://billiardsbro.com/event
この現象はるな様のホームページでも同じ現象でした。
親ページをクリックだけでモバイルに表示する方法が御座いましたらご教示をお願いできないでしょうか。
補足
私のサイトの親子ページは1箇所のみでEventのところだけです。
モバイルからEventをクリックしたら表示する方法があればよろしくお願いします。
BRO さん。
外観カスタマイズのヘッダーナビ(グローバルナビ)で、「モバイルメニューの開閉方法」を「一度に全開閉」にすればトグルメニューではなく開いた状態になるので、Event クリックで Event ページに飛べます。
早々のご回答ありがとうございます。
トグルメニューの+表示の場合ではダメで、確かに「一度に全開閉」なら可能でした。
「一度に全開閉」で使います。
ありがとうございました。
るな様お世話になります。
サイドバー(ウィジェット)に、プラグイン等を使わずに人気記事(投稿記事のみ5記事ほど)を表示させたいのですが、できますでしょうか?
見た目は新着記事Luxeritasオリジナルと一緒で構わないのですが、どうしたらいいか分かりません。
初心者の質問で申し訳ありませんが、よろしくお願いします。
きじさん。
プラグインを使わない場合は、ページにアクセスがある度にカスタムフィールドに値を加算していくという方法が一般的に用いられますね。
プログラミングの知識が必要になりますけど、方法に関しては Google 先生で調べてください。
当方の開発者ブログでは、DBにカスタムフィールドのゴミを入れたくないのでプラグイン使ってます。
(プラグインだと専用テーブルを使うので、必要なくなったらカスタムフィールドより簡単に DB の値をキレイに消せるからってのが理由)
いつもお世話になっております。
AMPページの画像が表示されないことがあり、調べてみると数字の「7」が消えてしまいパスが空白の箇所があります。
非AMPページでは通常通り表示されます。
以前のテーマではこの現象はなかったのですが原因は何だと思われますでしょうか?
お手数ですが宜しくお願い致します。
silver さん。
↓ こちらのページを読めば解決すると思いますよ。
つ https://thk.kanzae.net/dev/wp-themes/luxeritas/t8432/
るなさん
昨日から使用させていただいております杉崎です。
初歩的な質問なのですが、ブログ本文のページに移動した場合アイキャッチは表示できないのでしょうか?
杉崎秀弥さん。
つ Luxeritasで個別記事のタイトル下にアイキャッチ画像を表示させる方法(プラグイン使わない版)
解決しました!ありがとうございます!
るな様はじめまして。
まだ使い始めの超初心者です。
どうしても分からないので、ご連絡させていただきました。
Google アナリティクスの設定をしたいのですが
書き込みが推奨されている→アクセス解析(head)に保存ボタン(フロッピーアイコンの一列)が表示されません。なので書き込んでも、保存することが出来ません。
正確にいうと、アクセス解析 ( body )アクセス解析 ( head )この二つです。
他のstyle.css Javascript・・等は問題なく保存ボタンが出ます。
どうしたらよいでしょうか?
一応記事にその症状が分かるように、画像を載せておきました
Luxeritas 2.5.4 を使用しています。よろしくお願い致します。
すみません、自己解決しました。
ブラウザのプライバシー保護のアドオンが邪魔をしていたようです、切ったところ無事表示されました。
大変申し訳ありませんでした。
るなさん、
Luxeritasを使用させていただいています。
iframeを埋め込んだ場合のレスポンシブ対応について質問させてください。
現在のLuxeritasで、YoutubeやGoogle Mapなどデフォルトで対応済みのコンテンツ以外で、横縦比が56.25%とは異なるコンテンツをレスポンシブ対応させることは可能でしょうか?
https://mirai-shinro.com/hokkaido-hairdresser-beautician/
Googleスライドというサービスをiframeを使用して埋め込んだページなのですが、モバイル環境では上下に大きく黒の余白が生じてしまいます。
ニコニコ動画について指示されていたで囲む方法も試してみましたが、囲むとスライド全体が表示されなくなってしまいます。
表示しようとしているGoogleスライドが width=”640″ height=”509″ なので、509 / 640 * 100 = 79.5% で、padding-topを80%などで設定すれば大丈夫かと考え、いろいろ試してみたのですがうまくいきませんでした。
(CSS初心者なので、必要なパラメーターの抜けなど、単純なところでミスった可能性もあります)
現状は、下記のように、で囲むことを諦め、モバイル表示を優先して iframe の width 自体を375pxで指定するかたちを試しています。
(デスクトップだと小さく表示されてしまいます)
https://mirai-shinro.com/hokkaido-sports-trainer-instructor/
どうぞよろしくお願いいたします。
Future-Dream さん。
試してないから分からんけど、iframe を <div class="hoge"> で囲って、
以下のスタイルでイケるんちゃうかなぁ?
るなさん、
ありがとうございます。
いけるんちゃうかなと言って頂けたので、もうちょい頑張れました。
すぐにはうまくいかなかったのですが、Chromeのデベロッパーツールで見てると
<div class=”hoge”>
<span class=”i-embed”>
<iframe>
</iframe>
</span>
</div>
というかたちになっていて、親ー親ー子のようになっているせいか、div にはちゃんと height があっても、span と iframe では height が 0 になるようです。
こちらでは、とりあえず同じ横縦比のスライド以外の iframe 要素を使わない気がするので、i-embed の値の方を、i-video と頂いた hoge も参照しながら応急処置的にいじってみようと思います。
ただ、wpfunc.php のコードを書き換える方がきれいな解決な気がするので、
るなさんに時間がおありのときに、次のカスタマイズ方法を教えていただけると幸いです。
wpfunc.phpの // インラインフレームで、且つ embed を含むものを探す の部分について
if (youtube.com, google.com/maps)
else
となっている部分を、
if (youtube.com, google.com/maps)
else → if (docs.google.com/presentation やその他の希望するURL) → else
のような分岐に書き換えるカスタマイズ方法
(google slide を埋め込みたい人は少ないかもしれませんが、slideshare や speaker dock など、スライドをレスポンシブに掲載したい人は一定数いるのかもしれないと思いました)
何卒よろしくお願いいたします。
Future-Dream さん。
本体を書き換える必要ないっす。
子テーマの functions.php に以下を追加
るなさん!
ありがとうございます。
完璧に実装できました。
本体変えるより、ご教示いただいた方法の方が子テーマの編集で組み込めて段違いにいいですね。
しかも記事側での div の指定で制御できるのですごく便利です。
横縦比80%
https://mirai-shinro.com/hokkaido-hairdresser-beautician/
横縦比127% (縦長)
https://mirai-shinro.com/hokkaido-sports-trainer-instructor/
slide80 と slide127 のようにクラスを2つ作って、どちらも意図した通りにレスポンシブに表示できました。
サポートいただき、本当にありがとうございました。
はじめまして
デザインも良く、動きも速く気に入っているのですが、
ルクセリタスにSEOタイトル設定機能が追加される予定はありますか?
googleに伝える用のキーワードを盛り込んだタイトルとブログ表示用の記事タイトルを
別に設定をしたいと思っていますが、プラグインでの機能追加は非推奨
(All in One SEO Pack・Yoast SEO は入れない方が良い)とのことだったので、
テーマそのものに機能追加する計画があるかお尋ねしたいと思いました。
お手数おかけして申し訳ありませんがお時間のある時にでもご回答よろしくお願いいたします。
樋口さん。
実際には SEO 上マイナスになるので、そういった機能をつける予定はないです。
やりたい場合は All in One SEO Pack を使えば良いと思います。
るな様
日頃よりルクセリタスを使わさせて頂いております。
最近ampを導入したのですが、ampページだと
文字の色や蛍光ペン等が反映されていなかったり
目次が反映されていなかったりされています。
例:最近のイベントクエスト攻略記事
https://mitrasphere-solution.com/cvstos-2226/amp#development=1
これはampで使えない機能ということで捉えて良いのでしょうか?
プラグインで装飾関わっているのは
Table of Contents Plus
TinyMCE Advanced
ですが、両方ともチェックを入れています。
(目次は先ほどルクセリタスのウィジェットで発見したので
後ほどampだけ適用する予定です)
文字の装飾はボタンで設定した<b>しか使えてなく、
CSS等を一回一回ボタンに割り振っていかないと
反映されないのでしょうか。
ご確認よろしくお願い致します。
コウさん。
AMP は外部 CSS を一切許可しない仕様です。
なのでプラグインが挿入する外部 CSS は読み込まれません。
るな様
ご返信頂きありがとうございます。
となりますと、文字色の変更は使えないと言うことでしょうか。
htmlのとか背景色のコードを書いても反映されてなかったので……
しかし、るな様のページはampでも文字色や文字背景が反映されてますよね。
amp参考ページのソースコードには、があったのですが、
これはcssではないのでしょうか?
重ねてお尋ねしてしまい申し訳ありませんが、
ご確認の程よろしくお願い致します。
コウさん。
子テーマ編集の「AMP 用スタイル」をご利用ください。
るな様
度々申し訳ありません。
ルクセリタスのampはツイッターの埋め込みにも対応しているとあったのですが、
記事末のアドセンスタグまで一気に記事内容が省略されてしまうのも
CSSで追記しなくてはいけないのでしょうか?
と言う構文でツイッターのamp表示ができるとあったのですが、
こちらも同様にアドセンスタグまで一気に省略されました。
AdSense Managerを使ってアドセンスタグは貼りつけしているのですが、
これがampに非対応なのか理由が分からないです。
ページの表記が崩れてしまうのとフォントのCSS追記したらエラーでページが表示できなくなったりと、
ユーザビリティーに影響が出てくるのでampは一旦無効化にしたいと思います。
自分がCSSやHTMLに対して無知で、それらを学ばないとampが使えないと言うことがよく分かりました……
無効化にはしましたが、できればツイッターのことだけはお伺いさせてください。
お騒がせ致しまして申し訳ありません。
どうかよろしくお願い致します。
コウさん。
質問の意味が全然分からんです。
WordPress はコメントで特定のタグ以外は使えないので、どういう構文を書いたのか全然見えてません。
<> は HTML エンティティの <> もしくは全角の <> で書いてください。
ちなみに、Luxeritas はアドセンスの AMP に対応してますが、
プラグインの方が AMP に対応してないので、AdSense Manager は AMP では使えません。
Luxeritas の AMP プラグイン設定で OFF にしないとダメです。
ツイッターの件は質問の意味が不明状態なので回答不能。
お世話になっております。
サイドウィジェットにカルーセルスライダーを設置してカテゴリー別に表示させたいのですがウィジェットを設置してオプションの公開状態でカテゴリー設定をすると何も表示されなくなってしまいます。
カルーセルスライダーに指定カテゴリーのみ表示させるにはどうしたらいいでしょうか。
よろしくお願いいたします。
永山諒さん。
質問の意味がちょっと分からんのですが、サンプルページ等を見せていただいた上でもうちょい詳しく解説願います。
るなさんへ
お世話になっております。たびたびの質問で恐縮です。アイキャッチ画像にキャプションをつけたいのですが、次のコードをfunction.phpに追加してもキャプションが出ません。どのように変更したらいいのでしょうか?アイキャッチ画像を表示させるコードはこの上につけています。これはうまく表示できています。
<?php
if(has_post_thumbnail()){
echo '’;
the_post_thumbnail();
if($pt_caption = get_post(get_post_thumbnail_id())->post_excerpt) { //キャプションがあれば出力
echo ”.$pt_caption.”;
}
echo ”;
}
?>
shun さん。
Luxeritas と関係のない問い合わせは受け付けておりません。
WordPress のフォーラム等で質問してください。
最近、Simplicity2から Luxeritasに移転しました。とてもすばらしいテーマで重宝しています。Simplicity2ではあった投稿画面の「編集」リンクが見えないのですが、表示させるようにするには、CSSでどのようなコードをいれればいいのでしょうか?
お忙しいところを申し訳ありませんが、よろしくご教示下さい。
三上俊治さん。
現状では、投稿者リンクが非表示の場合は編集ボタンは表示されません。
るな様
お忙しいところ申し訳ありません。
Luxeritas Themeを使用させていただいております。
レシポンシブについて質問です。
アドレスを入力してトップページはレスポンシブになっているんですが,「記事を読む>」を
押して表示されたページ(ブログの文章部分のみ)がレスポンシブになりません。
タイトルとか,下のほうに記載された「関連記事」などの情報はレスポンシブで表示されて
います。
設定方法とかあれば教えていただけないでしょうか?
よろしければご回答お願いいたします。
るな様
自己解決いたしました。
お騒がせしました。
じゅん
るなさん
お世話になっております、そしておはようございます、るなさん。
[カスタマイズ(外観)]-[ディスカッション]で質問です。
luxeritasを使わせていただいている私の1つのサイトの投稿と固定ページです。
a. https://www.nonbiri.info/2017/11/04/goaisatsu/
b. https://www.nonbiri.info/2017/11/12/nihonsyu/
c. https://www.nonbiri.info/about/
aでは一番下にトラックバックURLがあるのですが、bにはありません(トラックバックURL表示を行う設定にしています)。すべての投稿を確認したわけではないのですが、2017年11月4日から2017年11月11日までの投稿にはトラックバックURLが表示されていて、2017年11月12日以降の投稿には表示されていないようです。
調べている時に試しにcの固定ページで、コメント欄表示、トラックバックURL表示をともにするようにしたところ、トラックバックURLは表示されるのですが、コメント欄は表示されませんでした。
何か設定を変更したという覚えがないのですが、何か確認すべきところがあればご教示ください。
よろしくお願いいたします。
るなさん
申し訳ありません。調べて自己解決しました。
投稿(固定ページも)を作成するところにある[表示オプション]のディスカッションを設定することでページごとに変更することができるのですね。
再びお騒がせして申し訳ありませんでしたm(_)m。
引き続き利用させていただきます。
お世話になっております。最近ルクセリタスに乗り換えさせていただきました。
素晴らしいテーマを公開していただき、ありがとうございます。
情報ですが、Google AdSenseが新しい広告配信方法を提供し始めたようです。
「自動広告」というものでheadに広告タグを書き込むと、自動でページ内に広告が配置されると
いうものです。機械学習で収益が最大になるように最適な大きさと場所に自動で広告が入るという
ものらしいです。
先週始まったばかりで、実力がどのようなものか検証はおそらく誰もできていない状況ですが
新しい方法が出てきたということで、いずれルクセリタスでも標準で対応していただけるとありがたいです。
(そう言いながら現在でも子テーマのadd-header.phpにタグを書き込むだけで対応できています。
ただ、PC,モバイルは良いのですが、AMP対応が簡単にできません。AMP自動広告というのも
一般公開前(Labs)で用意されているのですが、headとbodyにタグを書き込む必要があり、
仕方なく親テーマのheader.phpを書き換えて対応しました。すみません、知識不足で他にも
方法があるのかもしれませんが)
まだ驚くところに広告が入ったりして精度的に怪しいところがある自動広告ですが、
結構悩む配置をGoogle様に完全お任せに出来るので、その点は楽かなと思います。
kazutomo さん。
AMP 自動広告はまだベータ版であり、ただでさえ AMP はころころと仕様が変わるので、申し訳ありませんがベータ版のうちは対応予定がないです。
るなさん、こんにちは。
仕様でしたら申し訳ございません。
SNSシェアボタンの設定で、記事上も記事下もボタンの種類を「通常ボタン」にすると、配置の設定を中央や右にしても左寄せにしかならないようですが、ご確認いただけますでしょうか。
よろしくお願いいたします。
176R さん。
端的に言えば、現状では仕様です。
ノーマルシェアボタンは、もともと「おまけ」で付けてあるだけで、
WpTHK 時代から中央寄せだけでなく、カウンターの ON/OFF もできません。
Luxeritasを利用させていただいております。
トップページで、ヘッダー下のカルーセルスライダーに指定ページのみを表示するようにしていますが、いずれかの記事を「先頭に固定表示」として公開すると、そのページをID指定をしていなくてもスライダーに表示されてしまいます。
こちらを避ける設定方法がありましたらご教授いただけますでしょうか。
よろしくお願いいたします。
渡海さん。
確認しました。まだソースの中身は確認してないけど、次のバージョン以降で修正します。
ありがとうございます、次バージョン楽しみにしております。
SNSシェアボタンのタイプを可変幅フラットタイプにすると
「twitter」ボダンだけが、幅が大きくなってしまいます。
taka さん。
taka さんのページを見る限りで言えば、
wppr-frontpage-stylesheet-css
とか言うスタイルシートがプラグインによって挿入されてます。
こいつの .clearfix に関する定義が bootstrap の .clearfix と全く異なる中身になってるのが原因ですね。
.clearfix の優先度より SNS ボタンの優先度を上げるように
子テーマの CSS に以下を書いてやればいいんじゃないっすかね?(試してないから分からんけど)
ただ、このプラグインが挿入してる .clearfix の中身が微妙に変なんで、SNS ボタン以外に Luxeritas 全体に及ぼす影響は他にもあるような気がするけど。
上のCSSを子テーマに追記したら、全部のシェアボタンが等しい幅になりました。
ボタン以外には影響は無さそうです。
ありがとうございました。
テンプレートを利用させていただいております。
サイドバーでのフォローするやカテゴリー等のにあたる部分の見出しが下線と左側の長方形が出ません。
設定を探してみてもどこなのかわかりません。
ファイルをアップロードするときに一度エラーになったのがあり、それでなのかともう一度アップロードしてみましたが、同じファイルなのかはわかりませんがエラーになりました。
ファイルが正常にアップロードできていないのでしょうか?
若しくは設定なのでしょうか?
お手数ですがよろしくお願いいたします。
琥珀さん。
子テーマの CSS でご自身でデザインしてください。
例:
ありがとうございます。
お手数おかけしました。
お世話になっております。
以前に、コメント欄上部に任意の文字列を挿入する方法について質問させていただいた、こがっちです。
恐れ入りますが、もう一つお尋ねさせてください。
帯メニューには、通常、作成された固定ページ全てがメニュー項目となる認識です。
これを例えば特定の投稿やカテゴリ、もしくは固定ページ全てを表示させない設定にするには、どのようにすればよろしいでしょうか?
WordPress標準のメニューから作り込むしかないのでしょうか?
(無駄にwp_optionsテーブルのレコードが増えるのでイヤだなと思っています。)
よろしくお願いいたします。
こがっちさん。
認識自体がそもそも間違ってますね。
帯メニューはデフォルト状態ではフォローボタン(初期状態だと RSS と Feedly だけ)以外何も表示されません。
> どのようにすればよろしいでしょうか?
もともと何も表示されないので、何かしら表示されているとすれば、自分で作成したメニューに対して「ヘッダーの上の帯状メニュー」にチェックを付けちゃっている状態なので、メニューを削除するかチェックを外すかすれば良いだけです。
るな様
ご回答ありがとうございます。
すみません。「帯メニュー」の意味を間違えていました。
ヘッダー下の「ホーム」の記載があるメニューバー?のことでございます。
これについて、例えば特定の投稿やカテゴリ、もしくは固定ページ全てを表示させない設定方法をご教示いただきたいという趣旨でございます。
何度も申し訳ございませんが、よろしくお願いいたします。
こがっちさん。
外観カスタマイズで、ヘッダーナビ(グローバルナビ)の「グローバルナビ表示」のチェックを外せばグローバルナビそのものが無くなります。
返信遅れましてすみません。
「グローバルナビ表示」のチェックを外して、グローバルナビが表示されなくなることを確認しました。
どうもありがとうございました。
るなさん
早速の更新、ありがとうございましたm(_)m。
るな様いつも大変お世話になっております。
コメント欄がなかったのでこちらで質問させていただきました。
AMP機能についてなのですが、記事内に画像を入れるとサイズがバラバラになってしまいます。
画質はそのままのようですが小さくて見づらいのも多いので頭を悩ませております。
アイキャッチ画像と同様に横幅を合わせて表示できないでしょうか?
参考URL:ttps://www.fatego-matome.com/fate-extra/fate-extra-last-encore/2374/amp/
(※記事内のはGoogleフォトの画像を入れるPhoto Express for Googleというプラグインを使ってます。
テンプレートと関係ない問題であれば削除していただいても大丈夫です。)
vanillaice さん。
外部 URL の画像だからですね。
これは AMP の機能を実装した時からの悩みの種。
実は「出来なくはない」んだけど、セキュリティに穴を開けるか、処理を激重にするかのどっちかの選択になっちゃうので出来ずにいる。
AMP は画像サイズに関する style 等を勝手に挿入してくださる素敵仕様なので AMP が今後何かしら仕様を変えてくれない限り外部 URL の画像を AMP で完璧にサイズを揃えるのは難しいかなと思ってる。
一応、luxeritas/amp-func.php の 339~340行目の数値を変えることで、ある程度は調整できるけど、全ページで納得のいく数値にするのはたぶん難しいと思うよ。
現状、完璧にサイズを揃えたいなら、素直に WordPress で画像をアップロードして内部 URL にするしかない。
るな様ご返信ありがとうございます。
AMPは一長一短でもどかしいですね…
るな様
お忙しい所すみません!
いつもルクセリタスを
ブログで使わさせてもらってます
佐藤と申します。
一点わからなくて
教えていただきたいのですが、
サイトTOPページの
meta name= discriptionを
変更したい場合
どのようにすれば良いですか?
現状、以下のように設定してます。
「一般設定」
↓
「キャッチフレーズ」
上記のように
discriptionの設定はしてますが
キャッチフレーズのテキストと
discriptionのテキストを
別々に設定したいんです。
投稿ページのdiscriptionは
「抜粋 」に入れればページごとに設定できますが
TOPページのdescription設定が
どうしてもわからず。。。
お忙しい所本当に申し訳ございませんが
是非、教えていただけないでしょうか?
佐藤健太さん。
「カスタマイズ -> Head タグ」の SEO 関連に「トップページの meta description」という項目があります。
Luxeritas の設定項目の中では、むしろ一番分かりやすい場所にあると思いますが?
ちなみに、綴りは「discription」じゃなくて「description」
るな様
ご返信ありがとうございます。
設定できました。基本的な質問で申し訳ありませんでした。。。
皆様のコメントやよくある質問、Luxeritas Themの設定ページを
よく読んでもっと使いこなせるように致します。
>ちなみに、綴りは「discription」じゃなくて「description」
こちらお恥ずかしい限りです。
ちゃんとhtmlから勉強します!
ありがとうございました。
るなさん。
修正ありがとうございました。
記事を見まして、アップデートする前に非奨励文字列をすべて削除し、AMPエラーがなくなることが確認できました。
知人からサイトの引っ越しの相談があった際に、以前まで利用していた業者が作ったサイトから今のサイトに引っ越しの準備をしていた際に、そのままコピペしてきたものがいくつかあったのでその影響かと思います。
他にもコピペしたページがいくつかありますので、今回のことを機に見直してみたいと思います。
ありがとうございました。
更新お疲れ様です。
いつもありがとうございます。(^◇^)