[対馬 俊彦]

このページに書かれている機能が使えそうです。

VK All in One Expansion Unit 9.88.0.0 で特定の固定ページをページリストから除外する機能を追加しました。

[対馬 俊彦]

興味があったので、CSS でカスタマイズしてみました。

以下の CSS を追加すれば、マウスホバーで文字が英語から日本語に切り替わります。
タブレットなどのモバイル端末はカスタマイズが適用されず、日英併記のままです。

Evergreen サイトだとこのままでいけると思います。

Evergreen 以外でも使えるようにしたつもりですが、確認が十分じゃないかもしれません。
ここ、こうするといいよ…ってご意見があればお願いします。

@media (min-width: 992px) {

  :root {
    --ujs_menu_height: 62px; /* 実際のグローバルナビの高さをここに入れてください */
    --ujs_text_height: 20px;
  }

  .device-pc .global-nav-list>li>a {
    position: relative;
    overflow: hidden;
    padding-top: calc( var(--ujs_menu_height)  / 2 );
    padding-bottom: calc( var(--ujs_menu_height)  / 2 );
    min-width: 100px; /* 必要に応じて書き換えてください（メニューの文字数が多い場合） */
  }
  .device-pc .global-nav-list>li .global-nav-name {
    height: var(--ujs_text_height);
    position: absolute;
    top: calc( ( var(--ujs_menu_height) - var(--ujs_text_height) )  / 2  + var(--ujs_text_height));
    opacity: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
  }
  .device-pc .global-nav-list>li .global-nav-description {
    font-size: 14px;
    height: var(--ujs_text_height);
    padding: 0;
    opacity: 1;
    position: absolute;
    top: calc( ( var(--ujs_menu_height) - var(--ujs_text_height) )  / 2 );
    opacity: 1;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    transition: all .5s;
  }
  .device-pc .global-nav-list>li>a:hover .global-nav-name {
    top: calc( ( var(--ujs_menu_height) - var(--ujs_text_height) )  / 2 );
    opacity: 1;
  }
  .device-pc .global-nav-list>li>a:hover .global-nav-description {
    top: calc( ( var(--ujs_menu_height) - var(--ujs_text_height) )  / 2  - var(--ujs_text_height));
    opacity: 0;
  }

}

CSS の追加方法がわからない場合は以下のページが参考になります。

できる！CSSカスタマイズ

[対馬 俊彦]

石川 様、

VK Blocks Pro 1.83.0.0 にアップデートして、
タブブロックの先頭の Tab Item の複製で起きていた現象が解消されていることを確認しました。

ありがとうございます。

[対馬 俊彦]

> 念のためURL部分のみをブラウザに貼り付けてみると、

私が昨日これを行ったら「ページが見つかりません」と表示されたので、
URL が違うのかと思ったのですが…

ソースコードが表示されるなら合ってますね。

iemiru-cms のサービスを提供している会社に問い合わせれば、
なにかわかるかもしれません。

[対馬 俊彦]

WordPressで外部のURLのJavaScriptコードを読み込ませるには何か特別な設定があるのでしょうか。

特別な設定はないはず…。

該当URL で <script src= で指定されている .js ファイルが存在しないみたいです。

期待通りリストが表示される（２）と同じ URL になっていますか？

[対馬 俊彦]

VK Blocks Pro のタブブロックについての質問で、
URL にアンカーを指定してタブを切り替えるのが目的だと理解しました。
違っていたらご指摘ください。

タブブロックの Tab Item にはアンカーを設定する入力欄がありません。

もし仮にアンカーを入力できたとしても、
URL にアンカーを指定するだけではタブの切り替えはできません。

なんとなく、JavaScript で切り替えを実装すればできそうな気はしますが、
タブブロック以外のやり方を検討するのがよさそうに思います。

[対馬 俊彦]

実際のページを見てみないとわかりませんが…

たぶん、VK Video Block Pro ブロックの
レイアウト設定 → 最小の高さ
を調整するとうまくいくように思います。

例えば、1920×1080 の動画を全幅で再生する場合、
最小の高さを 56 VW にすると、
パソコンでもスマホでも動画が欠けずに表示されます。

[対馬 俊彦]

石川 様、

VK All in One Expansion Unit 9.99.3.0 にアップデートして、
有効化設定を開けることを確認しました。

ありがとうございます。

[対馬 俊彦]

たびたび、すみません。
そして、すでにご存じでしたら、すみません。

それぞれのカスタムタクソノミーのアーカイブにて、製品の分類に関する説明情報を前段に入れたい、

HTML はほとんど記述できませんが、製品分類のカテゴリー編集画面の説明欄に入力したものが前段に表示されます。

テキスト情報だけでよいなら、このやり方がもっともかんたんです。

[対馬 俊彦]

カスタム投稿タイプの一覧を表示する前段に、画像や文章などで説明を加えたかったので、

それなら、アクションフックを使わなくても、以下の手順（ノーコード）でできますよ。

1. 前段に表示したいコンテンツを固定ページで作る。
2. VK All in One Expansion Unit で 投稿ループ前ウィジェットエリア を有効にする。
3. 該当のカスタム投稿タイプの投稿ループ前ウィジェットエリアに VK 固定ページ本文 ブロックを置く。

[対馬 俊彦]

私も Post Types Order を使っているので、気になって、調べてみました。

VK Blocks Pro の以前のバージョンはカスタム投稿タイプで表示順の指定が反映されず、
結果的に Post Types Order が使えていたようです。

仕様上は現在のバージョンの VK Blocks Pro が正しい動作をしているんですね。

【案1】選択投稿リストを使う

公開日を書き換えるよりは効率がよさそうです。

選択投稿リスト（Pro版のみ）

【案2】(可能であれば)アーカイブページを使う

アーカイブページには Post Types Order の設定が反映されます。

　　　↓

その後また調べてみた結果、以下のように訂正します。↓

VK Blocks Pro の以前のバージョンで指定した表示順の指定よりも
Post Types Order の方が優先されていて、
現在のバージョンでは VK Blocks Pro の指定が優先されるようになったみたいです。

もしかしたら、優先順位をコントロールできるフックがあれば解決するかもしれません。

[対馬 俊彦]

グローバルメニュー（HOME・お客様の声・会社情報…）のフォントサイズ指定のセレクタは

.global-nav-list>li .global-nav-name

です。

「今すぐ相談する」ボタンのフォントサイズ指定のセレクタは

.site-header-sub .contact-btn a

です。

以下のページの「4.1. 変更したい箇所のCSSセレクタをデベロッパーツールで調べる」のあたりが参考になります。

できる！WordPressカスタマイズ #01 簡単なデザイン（CSS）カスタマイズ方法徹底解説

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

CSS が適用されている箇所はサブメニューを開くボタンです。

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

たぶん、Lightning の style-theme-json.css というファイルの記述に原因があるみたいです。

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

404エラーの原因のコードを打ち消す正しいコードが効いているので、
ブラウザ画面での表示は問題ないんです。

エラーについては、ベクトルさんが修正してくれると思いますが、
とりあえずこのまま運用してもよさそうです。

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

こちらは表示されています。

https://patterns.vektor-inc.co.jp/license-classification/premium-patterns/

[投稿者]

投稿