対馬 俊彦
フォーラムへの返信
-
投稿
-
body タグに付与されているクラス名を使って区別すれば、たぶん CSS でできると思います。
こんなかんじでどうですか？
body.post-type-archive-shiso-intro .sub-section { display: none; } @media (min-width: 992px) { body.post-type-archive-shiso-intro .main-section--col--two { width: unset; float: none; } }この CSS でいけると思います。
@media (max-width: 575.98px) { .site-body-container.container { padding-right: 0; padding-left: 0; } }その LP だけに反映させる必要があるので、LP の カスタム CSS に書くのがいいです。
横からすみません。
いま作業中みたいですが…
サイドバーの「SHISO INFO 宍粟の紹介」のデザインを変えてリンクバナーにするだけでも、けっこういいかんじになると思います。
以下のトピックが参考になります。
アップデートして、アイコンサイズを大きくできることを確認しました。
アイコンサイズ以外にも…
Font Awesome 6 で種類が増えたアニメーションも使えるようになったので、
以下のように指定して注意を引くボタンをお手軽に作れるようになったので、うれしいです。<i class="far fa-envelope fa-2xl fa-beat"></i>ありがとうございます。
以下のトピックが参考になると思います。
該当 URL を見たところ、クラス
.CF7_reqに設定する CSS が存在しないようです。CSS を入力する場所が違うとか、そういった理由かもしれません。
「本文」というのはタイトルと投稿記事内が含まれる認識で間違いないでしょうか？
検索対象となる本文については、添付画像をご参照ください。
「堺」だとひっかかるので…
それは、検索対象となる本文に「堺」という文字が含まれているためだと思います。
添付画像2枚目をご参照ください。たぶん、会場、会場アクセス、メンバー、チャージ はカスタムフィールドをお使いだと思いますが、
カスタムフィールドはキーワード検索の対象にならないです。以下のトピックが参考になると思います。
本文に含まれる「谷町グラバー邸」「心斎橋Garth」で検索するとヒットします。
たぶん、下にはみ出しているのを隠せばいいので、
.card-bodyを被せてやったらうまくいきそうな気がします。.vk_post .vk_post_imgOuter { z-index: 1; } .vk_post .card-body { z-index: 2; background-color: #fff; }Windows 10 の PC では少々ラグはあるものの多少待てば再生されます。
ご確認いただき、ありがとうございます。
私の Windows 10 パソコンだと、
【サイト(A)】ではかなり高い確率で再生が始まらない症状が起きています。タイムラグではなく、数分待っても始まらない状態です。
この状態でページを再読み込みすると、すぐに再生開始します。
カバーブロックに同じ動画を入れた固定ページ（グローバルナビの「ビデオ再生する」をクリック）だと、
この現象が起きずにうまく再生が始まります。私のパソコンのスペックは
CPU：Core i5-6400 / RAM：16GB / Intel HD Graphics
とやや古めです。【サイト(B)】【サイト(C)】ではこの現象が起きないので、
各社で使用されているサーバーソフトウェア ( Apache / Nginx / LiteSpeed ) が
なにか関係しているのかな？ という気もするのですが、
その辺になってくると、どうやって調べたらいいのか… お手上げ状態です。この状態が恒常的に続いていて、小森さんの環境でも発生したとのことなので、
回線接続の不具合によるものではないと考えます。小森さん、情報提供いただき、ありがとうございます。
こちらにある複数の Windows 10 パソコンで試したところ、
どのパソコンでも症状が起きることがあって、
もしかしたら私の通信環境（OCN 光）に原因があるのかもしれない…
と思い始めていたので、小森さんの環境でも起きることを知って、
少し先に進めそうな気がします。その後、症状が起きているサイトを複製して試したところ、
サーバーに依存するなにかがあるようです。【サイト(A)】https://lightning-g3.uonuma.work/
ロリポップ スタンダードプラン【サイト(B)】https://lightning-test.962ch.net/
ロリポップ ハイスピードプラン【サイト(C)】https://lightning-test.373u.net/
さくらインターネット スタンダードプラン上記3つは、All-in-One WP Migration で複製したサイトなので、
サイトの設定やコンテンツは同一です。3つのサイトの違いは利用しているサーバーのみです。
試した操作は以下の通りです。
Windows 10 ＋ Chrome で、グローバルナビの【このサイトについて】⇔【ビデオ再生しない-1】を交互にクリックしてページを切り替える。
添付画像をご参照ください。
試した結果は以下の通りです。
【サイト(A)】ではビデオが始まらない現象が起きることがあります。うまく再生が始まることもあります。
【サイト(B)】と【サイト(C)】では現象が起きません。
繰り返しになりますが、Firefox はどのサイトでも現象が起きずに常にビデオが始まっています。
「ロリポップ スタンダードプラン」のなにかが関係しているという結果になっています。
現在の調査状況は以上です。
その後も調べているのですが、この現象の原因がまだわからない状態です。
いろいろな組み合わせで試したかんじだと、
* サーバーのスペック
* パソコンのスペック
のどちらにも影響されるようなかんじです。ドメイン wordpress-work.shop の使用を中止して、現象が起きているサイトを以下の URL に移しておきました。
もしなにかわかったら、また書きます。
有用な情報をいただきましたので、junon さんをベストアンサーとさせていただきます。
ありがとうございました。<a href="/<?php the_permalink(); ?>" class="c-more-btn-little">もっと見る</a>
↓
<a href="<?php the_permalink(); ?>" class="c-more-btn-little">もっと見る</a>
とすればよさそうです。今回制作されている事業の紹介サイトが複数のページを持つサイトだとすると、
石川さんが投稿してくれた製品更新情報ページにある [資料請求] ボタンを
[コーポレートサイト] ボタンとして使うやり方がいいと私も思います。とはいえ、以下のような1ページだけのキャンペーンサイトの場合は、
追加質問のやり方も「あり」と思います。https://www2.nissan.co.jp/SP/AURA/SPECIAL/
ということで、ユーザーの使い勝手についての判断は置いといて、回答します。
その際に新規ウインドウでリンク先を開くよう設定をすることは可能でしょうか。
ご存じかもしれませんが、通常のリンクは
<a href="リンク先 URL">で、
新規ウインドウで開くリンクは
<a href="リンク先 URL" target="_blank">ですよね。
3日前に私が提示したコードは href に リンク先 URL を指定するものです。
この考え方で、JavaScript にもう1行追加すればできます。
