フォーラムへの返信
-
投稿
-
返信が遅くなりまして申し訳ありません。
モバイル環境であっても記事出力の構造(WordPress側の処理)は完全に共通ですので、本来モバイルテーマとトップページの記事一覧のオーダーが異なることはありません。
キャッシュ系のプラグインなどによる不具合でないかお確かめください。
モバイルテーマが有効になっていないようです。
特別な理由がない限り、スマートフォンでの表示はモバイルテーマで表示するようにしておいてください。
「詳細設定」→「サイト一般動作設定」→「モバイルテーマ専用設定」の “モバイルテーマを使用しない” のチェックを外す繰り返しになりますが、要は単純にHTMLタグとスクリプトが解釈されれば問題はないため、scriptタグであろうがnoscriptタグであろうが、body内であれば問題ありません。
head内、bodyタグ開始直後でないと動作しないというわけではありません。
「アクセス解析コード設定」に指定されたテキストは、すべて
</body>の前に挿入されます。
ここには、Google Analyticsなどの解析コードを1つしか設置できない、などの制限も一切ありません。head内に定義する必要がある場合(metaタグ、linkタグなど)は、「HTMLヘッダー設定」の「<head>～</head>内のユーザー定義」に指定してください。
以下を「オリジナルスタイルシート設定」に追加してください。
.pace.pace-active{ display:none; } body.home.use-pace #header_container, body.home.use-pace #header-banner-outer, body.home.use-pace #container, body.home.use-pace #dpplayer{ opacity:1; visibility:visible; }なお、モバイルテーマにはこのローディング表示はもともとありません。
シングルページのヘッダーエリアのアイキャッチ画像は、常にブラウザサイズに対してフルサイズで画面中央に表示されます(background-size:cover, background-position:center)。
※上寄せではありません。個別要件については具体的なサポートは致しかねますが、以下のCSSを参考にご自身で希望の状態になるよう「オリジナルスタイルシート設定」にCSSを記述してください。
.ct-hd.bgimg{ background-size:100%; background-position:50% -200%; }ただし、
background-size:coverではないため、閲覧されるブラウザの表示サイズによっては画像がリピートされてしまっている状態になったり、見切れて表示される場合があることを十分ご承知の上、調整してください。
※ご自身が閲覧されるブラウザの表示サイズのみを正としてしまわないよう、ご注意ください。個別要件については具体的なサポートは致しかねますが、以下のCSSをオリジナルスタイルシート設定に追加してください。
div#hd_right_free { display:block!important; } div#hd_right_free div#hd_r_in{ max-width:initial; }メディアクエリによる、テーマの規定のレスポンシブ表示のスタイリングを意図的に書き換えるには、まずは規定のCSS(メディアクエリ)を確認し、それを無効化するCSSを「オリジナルスタイルシート設定」に記述する必要があります。
個別要件となるため、無償サポートでの対応はできませんので、以下を参考にご自身にて規定のスタイリング(メディアクエリ)をご希望の状態にするCSSを作成し、「オリジナルスタイルシート設定」に追加してご対応いただくか、有償サポートをご検討ください。
