[対馬 俊彦]

> 高さの数値が変わる原因は何なんでしょうね？

私の力では、HTML ソースを見て違うことに気がつくところまでで、数値が変わる原因まではたどり着くことができませんでした。

その後の状況からすると…

たぶん、JavaScript で高さを指定していて、実行のタイミングによって数値が変わるということなのかなと想像します。

いずれにせよ、解決してよかったです。

[対馬 俊彦]

該当 URL を表示したら、私の PC でも YouTube の部分の高さが大きくなりました。

HTML ソースを正常時と比べると、添付画像のように iframe の height の値が違っていました。

正常時： height: 303.069px;
くずれるとき： height: 624.132px;

もしかしたらなにかの役に立つかも…と思って書かせていただきました。

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

固定ページの編集画面で [siteContentの上下余白を無しにする] にチェックをつけると余白が小さくなります。

この設定を行うと、ナビメニューとその下の画像の余白も消えます。

添付画像をご参照ください。

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

横からすみません。

カスタマイズ → 追加 CSS で表示されるコードの中に以下の3行が見つかると思います。

.postList {
    display: none;
}

これは投稿一覧を非表示にするという意味ですので、この部分を削除すれば投稿が表示されます。

• この返信は2年、 9ヶ月前に対馬 俊彦が編集しました。

[対馬 俊彦]

トップページの編集画面で カスタム CSS の中味を確認してみると、なにか見つかるかもしれません。

添付画像をご参照ください。

【以下、追記です。症状とは関係なさそうですが…】

この CSS って、意図した通りの動きをしていますか？

* text-shadow: の最後に ; がないです。
* margin の単位がないです。

• この返信は2年、 9ヶ月前に対馬 俊彦が編集しました。

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

石川さん、なるほど、そういうことでしたか… 了解いたしました。

ご質問者は「CSSで可能であれば…」とのことですが、他にもこのトピックを参考にされる方がいるかもしれないので、フィルターフックを使うやり方も書いてみます。

子テーマの functions.php などに以下の行を追加すれば、モバイル端末での閲覧時にヘッダーロゴ画像が差し替えられます。（たしか、タブレットでもヘッダーロゴ画像が差し替えられたと思う）

add_filter( 'lightning_head_logo_image_url', function( $options ){

    if ( wp_is_mobile() ){
      $options = 'スマホ用のヘッダーロゴ画像のURL';
    }

    return $options;

} );

functions.php についての参考ページ ↓

カスタマイズの準備 1 : Lightningの子テーマの準備

[対馬 俊彦]

横からすみません。

こんなかんじにしてみたら、いかがでしょうか。

@media (max-width: 480px) {

.siteHeader_logo img {
    opacity: 0;
}

.siteHeader_logo {
    background-image: url(スマホ用のヘッダーロゴ画像のURL);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

}

このやり方、ちょっと楽できます (^^♪

[対馬 俊彦]

投稿ページに関しては別の設定があるのでしょうか？

以下のページにやり方が書かれています。

Lightning G3 Pro Unit 0.13.0 でアーカイブページにページヘッダーのサブテキストを設定できるようになりました

[対馬 俊彦]

ページヘッダーサブテキストを入力すれば表示されます。

添付画像をご参照ください。

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

Katawara のスライドショーには表示順をランダムにする機能がない（と思います）ので、ご希望の機能を持っているプラグインを使うのがよいと思います。

私が知っているプラグインでその機能があるのは Meta Slider です。

探してみると、他にもあるかもしれません。

[対馬 俊彦]

フォントがすごく小さいですね。

他のパソコンでダッシュボードにログインしてもこうなるのでしょうか？

もし、他のパソコンでこの現象が起きないのであれば、
お使いのブラウザのキャッシュを削除すれば解決するかもしれません。

他のパソコンでもこうなるのであれば… すみません、ちょっと原因が思いつきません。

[対馬 俊彦]

CSS の記述は正しいです。

いまお使いのロゴ画像のサイズが 280 x 60 ピクセルなので、それ以上大きく表示されないみたいです。

大きい画像にすればいいと思います。

[対馬 俊彦]

ご質問者と同じバージョンの私の Evergreen サイトでも試しましたが、
アップロードしていただいた PNG 画像をヘッダーロゴ画像として表示できています。

ご参考まで…

【追記】わっ、回答したタイミングが遅かった…笑

• この返信は2年、 9ヶ月前に対馬 俊彦が編集しました。

[対馬 俊彦]

Lightning デザイン設定 > ヘッダーロゴ画像

ではなく、

Lightning ヘッダー設定 > 透過時 ヘッダーロゴ画像

で設定すればうまくいくと思います。

[対馬 俊彦]

横からすみません。

レイアウト設定が 2カラム になっているようです。

[投稿者]

投稿