[対馬 俊彦]

junon さん、ご報告ありがとうございます。

いろいろ調べた結果、
ロリポップのサーバーの仕様のどこかに要因があるだろうとは思っていたのですが、
もしかしたら自分でなにかしちゃったのかなぁ…と一抹の不安を感じていました。

私だけじゃないとわかって、それだけでずいぶん気が楽になりました。

あとは、ロリポップでも使えるようになることを期待しています。

[対馬 俊彦]

こんなのいかがでしょうか。

.vk_post_imgOuter, .card-img-outer {
    position: static;
}

.vk_post_imgOuter>a::after {
    z-index: 1;
}

追加した CSS を削除して最初の子ページリストの状態に戻してから、↑ この CSS だけ当ててみてください。リンク範囲がカード全体に拡張されると思います。

【補足】
.vk_post .vk_post_title a ではなく、アイキャッチ画像の .vk_post_imgOuter>a::after を拡張しています。

【追記】
ExUnit の 子ページ一覧 にすれば、ノーコードでカード全体がリンク範囲になりますが、それじゃダメなんですよね 😅

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

[対馬 俊彦]

横から失礼します。

下部固定ではなく、上部に固定

とのことなので、ご質問者が上部に固定したいのは モバイル固定ナビ のことでしょうか？

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

もし、モバイル固定ナビのことだとすると、上部に固定するのはけっこう大変な気がします。

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

トップページなどの name="description" に出力するための文章として長いキャッチフレーズを入力してある、と理解しました。(違ってたら、すみません)

だとすると、以下のようにすればよいと思います。

(1) サイトのキャッチフレーズをコンパクトで短いものに書き換える。
これがアーカイブページのヘッダートップに表示されます。

(2) 固定ページの抜粋に SEO を考慮した文面を入力する。
抜粋に入力したものが name="description" に出力されます。

[対馬 俊彦]

こんなかんじの CSS でいけると思います。

.card-intext .card-intext-inner .vk_post_body {
    background-color: rgba(255,255,255,.9);
}

.card-intext .card-intext-inner .vk_post_body .vk_post_title {
    color: #000000;
}

.card-intext .card-intext-inner .vk_post_body div,
.card-intext .card-intext-inner .vk_post_body p {
    color: #000000;
}

CSS のカスタマイズ手順について、ベクトルさんがわかりやすい解説動画と解説記事を提供しています。
こちらをどうぞ。

できる！CSSカスタマイズ

[対馬 俊彦]

グリッドカラムカードブロック ではなく、
グリッドカラムブロック か カードブロック を使ってみると期待通りの表示結果になると思います。

グリッドカラムカードブロックでカラム数を指定することはできないと思います、たぶん。
間違ってたら、どなたかご指摘ください。
もしかしたら、CSS でごにょごにょしたらできるのかもしれないけど、
そんなことしたらグリッドカラムカードを使うメリットがなくなりそうな気が…

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

[対馬 俊彦]

テーマ(スキン)側で、細長い横長のヘッダーロゴ画像を使うことを前提に高さの上限を設定していますので、縦横比が正方形に近い画像だと小さく表示されてしまいます。

大きく表示するには以下の CSS を追加します。

.site-header-logo img {
    max-height: 100px;
}

100px の部分はお好みでどうぞ。テーマ側の設定は 50px です。

スマホでも大きく見せる必要があるでしょうから、以下の CSS も必要と思います。

@media (max-width: 991.98px) {
.site-header-logo img {
    max-height: 70px;
}
}

70px の部分はお好みでどうぞ。テーマ側の設定は 35px です。

CSS の設定については、以下のページを参考にしてください。

https://www.vektor-inc.co.jp/post/wordpress-css-customize-2020/

[対馬 俊彦]

表示順は関連度が高い順です。

そうだったんですね。

たしかに、単純な日付順にはなってないです。

先頭にひとつ、ちょっと古めの記事が表示されることがある理由がわかりました 😊

[対馬 俊彦]

関連記事は、ランダムで抽出されるわけではないのでしょうか？

投稿日の新しい順です。

ランダムにすると、サイトによっては価値がなくなった何年も前の記事が出てきてしまうので、
新しい順というのは妥当な仕様だと思います。

どうしても、という場合は…

/wp-content/plugins/vk-all-in-one-expansion-unit/inc/related_posts/related_posts.php
の85行目を以下のように書き換えればランダムになりますが、
アップデートのたびに書き換えないといけません。

'orderby' => 'date',
　　↓
'orderby' => 'rand',

[対馬 俊彦]

すみません。

* 確認の報告
* 解決済み

を忘れていました。いま気づきました。

修正を確認しました。ありがとうございます。

もう8か月以上経ってますね💦 他にこういうのないといいのですが…

[対馬 俊彦]

本来はトップページとしている固定ページでもきちんと反映するものでしょうか。

head タグ内の title タグのテキスト はトップページだと反映されません。

トップページで該当個所を書き換えたいときは トップページの title タグ に入力します。

「B｜サイトタイトル」にしても何も変わりませんでした。

これは、トップページ以外の固定ページについてのことでしょうか？

[対馬 俊彦]

横からすみません。

現状「A｜サイトタイトル」と入力し、チェックボックスは外している状態で、
ページでの表示は「サイトタイトル｜A」となっています。

「B｜サイトタイトル」と入力してみるとどうなりますか？

ページでの表示が「サイトタイトル｜A」のままなら、他のプラグイン等の影響が考えられます。

※固定ページのタイトルが A だという前提です。

[対馬 俊彦]

以前は、他のプラグインで行ってたのですが
プロの「スライダー」でできればと思いました。

プラグインを増やさずにサムネイル付きのスライダーを作りたい、ということですよね。

それなら、Swiper というライブラリを活用するのがいいと思います。

Lightning には Swiper が組み込まれているので、追加で読み込ませる(インストールする)必要はありません。

機能が多く、複雑な処理になってしまう

とベクトルさんが書かれている通り、多機能なライブラリで多くのオプションが用意されています。

HTML / JavaScript / CSS によるカスタマイズが必要ですが、「Swiper 使い方」でググると実装例や解説がたくさん見つかります。

[対馬 俊彦]

9.77.0.0 にアップデートして、アイキャッチ画像を登録できるようになったことを確認しました。
ありがとうございます！

[対馬 俊彦]

メインサイト別にドメインを取得してWelcart ＋ Welcart 専用テーマを作成するということでしょうか？

別にドメインを取得しなくても、サブドメインまたはサブディレクトリを使って以下のようにすればできます。

コーポレートサイト：https://dannetsujapan.jp/
ショップサイト：https://shop.dannetsujapan.jp/ または https://dannetsujapan.jp/shop/

やり方は、ホスティング会社のヘルプなどを見て調べてください。

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

[投稿者]

投稿