Luxeritas の特徴
Luxeritas は、Web ページを高速に表示するための仕組みを多く搭載しています。 ...
Luxeritas では CSS に関する知識がなくとも、 WordPress の「外観 ...
Luxeritas では、テンプレートごとに、1~3 カラムを自由に設定できます ...
設計方針 Luxeritas の設計方針について。 文法エラーは出さない html5 以 ...
Luxeritas では汎用的にマークアップできる箇所には、schema.org で構造化...
選べる SNS シェアボタン SNS ボタンは、通常タイプの他にカラータイプとホ ...
Luxeritas は、安定したレスポンシブデザインを提供するために、 GitHubで最 ...
カテゴリー
プロフィール
るなの ほしい物のリスト です
ディスカッション
コメント一覧
たびたび問い合わせてしまいすみません。
もしかしたら私が悪いのかもしれませんが
AMPのページでサイトトップ画面の画像が少し右に寄っています。
私のサイトの場合、「○○なってきたサイト」が「○○なってきたサイ」となり、
「ト」が見えなくなってしまいます。
(AMPの確認はツイッターとWPログイン状態でサイト記事の下の「雷マーク AMP」で確認しました)
akikubo さん。
Chrome のデベロッパーツールや Firefox の開発ツールを見ると分かりますが、
AMP ってのは AMP Project 側で勝手に色んな HTML タグやスタイルを追加してます。
見た目に影響が出る部分では、
主に、
や
などが勝手に挿入されるので、そーいう箇所は自分で微調整するしかないです。
サイトタイトルの場合なら、例えば、
とかで調整すれば良いんじゃないですかね?
-15px の部分は画像の大きさによるんでテキトーに。
ただ、微調整しても AMP は結構コロコロと仕様が変わって、新たにタグやスタイルが勝手に追加されることもあるんで「いつの間にか、逆に左にズレるようになった」とかいうパターンもあり得ますけどw
朝早くからありがとうございます。
なるほど、理解しました。
AMPプロジェクトが勝手にそうにさするんですね。。
修正しながら付き合っていこうと思います!
本日、2.4.2.1にアップデートいたしました。
そして、AMP化を試してみたのですがエラーになってしまいます。
https://search.google.com/test/amp にて https://it-neta-4u.com/se/tenshoku/amp/ を検証すると以下が表示されます。
有効な AMP ページではありません
無効な AMP ページは、Google 検索結果に AMP 固有の機能が表示されません
ソースを読んでいるとタグが使われているからだとわかったのですが、
子テーマの編集で追記したCSSやAMP用スタイルを削除しても変わりませんでした。
このstyleタグをもっているファイル名がわかればFTP経由で修正してしまいたいです。
カスタマイザーでAMP化する際にすべてのプラグインを外しても状況は変わらず、
圧縮・最適化タブのCSSの最適化をいじっても変わらずで何か良い手はないでしょうか?
akikubo さん。
ごめん。直しました。
ちなみに、タグを削除するともっと酷いエラーになる。
削除じゃないくて逆に処理を追加しないとだめ。
luxeritas/inc/filters.php の 78行目に1行追加
さっそくの修正ありがとうございます!
テーマのアップデートはせずに該当ファイルに1行追加しただけですが
有効な AMP ページです
と、テストサイトで表示されました。
ありがとうございます。