[石川＠Vektor,Inc.]

一部のヘッダーのみの高さ

これはどういう意味ですか？
特定のページだけという事でしょうか？

[石川＠Vektor,Inc.]

VK Plugin Beta Tester は 設定画面を追加してβテストするプラグインの選択機能と、
プラグイン一覧画面から手動でアップデートを確認する機能を追加したバージョンがダウンロードできるようになっています。
※公式ディレクトリ登録予定につき、現状では VK Plugin Beta Tester 自体の管理画面からのアップデート機能はありません。
ちょっとバッタバタでアナウンスできてませんが、こちらを手動でインストールすれば使えます。

ExUnit 9系ベータ版配布再開とテストのお願い

VK Blocksの運用は ExUnitを使ってるなら、どちらかと言えば ExUnit のを使った方がほんの少しだけいいような気もします。

[石川＠Vektor,Inc.]

Lightningのご利用ありがとうございます。

1900×600 は画像の時の推奨サイズで Video Unit としての推奨サイズは得にありません。
通常 Video Unit は動画が縦横足りなくならないサイズで自動拡大しますので 1900×600のようなサイズの場合、
高さ600の部分が表示画面の高さを覆うように自動縮小するので、左右はかなり切れると思います。

外観 > カスタマイズ > Lightning Video Unit 設定 の 一番下の「動画の高さに合わせる」にチェックを入れてみてください。

以上よろしくお願いいたします。

[石川＠Vektor,Inc.]

VWSにログインした上でダウンロード画面よりダウンロードできる Lightning Pro に入れ替えてご確認ください。

ダウンロード

[石川＠Vektor,Inc.]

軽微なCSS調整は下記を理解すればある程度対応できますので
トライして理解してみてください。

全てのWordPressテーマで使える！デザインをピンポイントで変更する方法 〜親テーマのCSSは書き換えないで〜

超初心者のためのWordPressのサイトのデザインの微調整方法 from Hidekazu Ishikawa

[石川＠Vektor,Inc.]

ヘッダー＆フッターは標準で表示しな…
あれ…フッター表示されますね…

子テーマのstyle.cssなどに

@media print {
}

で書いていけば良いと思います。
ページ個別で指定したい場合は各記事にカスタムCSSを入力する欄がある（ExUnitの機能）のでそこに書くか、
bodyのclass名で投稿id付きのclass名があるからそれを活用して指定するのが良いかと思います。

[石川＠Vektor,Inc.]

HTMLを印刷じゃないとまずいですか？
どのあたりが問題になりますか？

画面表示通りにプリントアウトしたい

[石川＠Vektor,Inc.]

OSとブラウザは何を使用していますか？

[石川＠Vektor,Inc.]

下記参照ください。

ページ内リンクの設定

[石川＠Vektor,Inc.]

ページ内リンクをさせたい箇所のid名の調べ方はわかりますか？
id名がわかるならメニューを作る際にリンク先を #id名 にすればOKです。

わからない場合はウィジェット主体でページを作っていますか？
固定ページのブロックで作っていますか？

[石川＠Vektor,Inc.]

多分テーマの問題じゃないと思うけど原因は何だろうなーと今見ていましたが、
1024px以下だと表示されませんね。

[石川＠Vektor,Inc.]

## 症状について

デザインスキン JPNSTYLE 利用時に縦横比が正方形に近い横長の画像を設定し、
横長のウィンドウサイズで閲覧した際に発生

## 原因

現行のLightning ではスライドの縦横比をユーザーが決めやすいようにスライドでのトリミングは行っておらず、アップロードした画像の縦横比のままとなる。
その縦横比でスライド上の文字などは上下中央に配置されるが、JPNSTYLE に限ってはスライドが固定なため、文字やボタンが下部に隠れるという症状が発生する。

## 解決に対する検討

■ スライド画像を上を添えにして画面下にはみ出している部分をトリミングすれば可能。しかし、上下中央にしたいという声も出るので下部をトリミングするのか画像を上下中央配置で上下はみ出し分をカットするのか選択機能をつける必要がある
（この対応はさほど難しくない）しかしながら…
■ 画面の表示エリアを基準にしたスライドエリアのトリミング方法にすると画面幅が狭い時にスライドの表示エリアは縦長になる。
　□ 表示横幅に併せてスライド画像を縮小すると下の部分に元の画像の高さ以上の空白ができる
　→ これを回避するためのモバイル時に縦長の画像をユーザーが指定する
　→→ どの画面サイズでも問題ないように調整するにはPC・モバイル両画像の縦横比をいろいろ試す必要がある
　→→→ 今の仕様のままカスタマイズ画面に記載の推奨サイズの画像をPC版用に用意して貰うのと本質的にかわらない
□ 表示横が狭い時に表示横幅からはみ出る左右部分をトリミングする
　→ 画面全部が入る前提で画像を用意して既に利用しているサイトで、左右が切れるようになるのでユーザーから苦情がくる

と、いう事情で、いろいろと技術検証しましたが、今の段階で仕様変更はできません。
変更するとしたら、Bootstrap4対応版などを出すタイミングで根本的に表示領域に応じて自動で上下左右をカットする仕様に変更するというような対応になります。

推奨サイズよりも縦サイズの大きい画像を使いたい場合は、CSSを外観 > 追加CSSなどに記載してください。

@media ( min-width:992px ){
	.slide picture {
		width:100%;
		height:85vh;
		display:block; overflow:hidden;
	}
}

[石川＠Vektor,Inc.]

Beta Tester の更新タイミングはどこかでキャッシュを持っているようで（もともと弊社で開発したものではなく、過去に他の人が作成して存在していたがメンテされなくなって公開停止されたものを弊社で再調整したものなので構造を完全に把握しているわけではない）、通常１日程度のタイムラグが発生するのは確認していますが、流石にいい加減更新通知が出てもよいと思います。

更新通知の処理について、今構造をスタッフが確認中です。

お急ぎの場合は ExUnitの VK Blocks を停止して、単体プラグイン版の VK Blocks をご利用ください。
※単体プラグイン版のVK Blocksでもしかして表示が崩れる場合は 外観 > カスタマイズ で　VK Blocks が Bootstrap4 の CSSを読み込んでいないか確認ください。

[石川＠Vektor,Inc.]

すみません、子テーマの functions.phpに

$skin = get_option( 'lightning_design_skin' );
if ( $skin == 'charm' ) {
	require get_parent_theme_file_path( './inc/header-top/class-header-top.php' );
}

追加するだけで概ねいけました。

[石川＠Vektor,Inc.]

ちょっとののような状況になる状況がよくわかりません。
スライドテキストの文字量非常にが多いとかでしょうか？

スライド画像によりますが
タイトル・テキストがとても見えずらいです。

こちらは スライドに被せる色 (任意) と スライドに被せる色の濃さ で調整してください。
テキスト部分だけの背景などは、機能として追加すると設定項目が多くなりすぎて使いづらくなると思うので個別にCSSカスタマイズにて対応ください。

[投稿者]

投稿