[石川＠Vektor,Inc.]

> カバーブロックやOuterブロックで画像を固定したあと、見出しを重ねたが固定方法が分からない。

この文面だけだとどうしたいのか判断するのは難しいですが、現状の基本機能ではそういった機能はありませんのでCSSを書いてのカスタマイズが必要になります。

一旦ご自身でトライしてみて、

* 実際に書いたCSS
* 意図して事ができていないページのURL
* どう変更したいのかの図

があると回答はつきやすくなると思います。

できる！CSSカスタマイズ

[石川＠Vektor,Inc.]

とりあえず Outer ブロックは PC タブレット スマホ サイズでそれぞれ画像を登録できるようになっているので、画面サイズに適した縦横比の画像をアップするのが一番妥当です。

そこから先は恐れ入りますが、おそらく要望の条件分岐がいろいろあるので、CSSでいろいろ試しながらでないと実現できないと思います。

CSSのメディアクエリで画面サイズを指定しつつ、背景画像のサイズを指定するCSSを書く事になると思います。
メディアクエリに関しては以下で軽く触れていますので確認ください。

できる！CSSカスタマイズ

ただ、これ以上の事は弊社テーマ・プラグインの設定の話ではなく、
具体的にどの条件でどの表示、それがどうなったときにどうなる など仕様書を作っていただいて、じゃあ実際コーディングして、みて貰ったら意図と違うから調整して…など完全に受託業務のCSSの技術レベルの話なので、フォーラムでサポートは難しいです。

例えば

* 実際の画面のURLをここに提示
* 特定の画面サイズの時にどの部分の背景をどうしたいというカンプ画像

がある前提でのカスタマイズコードの提示が限界です。

基本機能で出来る事以上の固有のカスタマイズに関して、かかりっきりで弊社スタッフが対応してしまうと、ユーザー全員に恩恵のあるはずの機能開発が遅れたり実装されなくなってしまうため、サポートにも限界がありますこと何卒ご理解いただけますと幸いです。

https://showcase.vektor-inc.co.jp/ に掲載の業者様や
https://coconala.com/categories/644?technique_ids%5B%5D=8&page=6 に有償サポートを発注含めてご検討ください。

Attachments:

You must be logged in to view attached files.

[石川＠Vektor,Inc.]

添付いただいた画面確認いたしましたが、どこに問題があるのかがちょっと把握できませんでした。

> 表示比率が50%だと
→ “表示比率”とは何の事を指してますか？ウィンドウの縦横比の事でしょうか？

> 他の要素に比べて
→ 他の要素とは何を指していますか？投稿一覧でしょうか？

> 背景画像は相対的に大きくなってしまうが、
→ 画面サイズに応じて背景画像の表示領域（画像の”倍率”ではなく”表示領域”）が大きくなってしまうという意味でしょうか？

> 他の要素とのサイズ感を一定に保ちたい
→ 画面サイズを大きくしたら背景画像を大きくしたいという意味ですか？
（それだと背景画像が相対的に大きくなるという事ですよね…）

おそらくですが画面サイズが大きくなったら背景画像も大きくしたいという意味であってますか？

[石川＠Vektor,Inc.]

対馬様

お世話になっております。ベクトルの石川でございます。
VK Blocks Pro 1.44.0 にて実装いたしました！
お知らせ記事は近日公開します。
ご指摘ありがとうございました。

[石川＠Vektor,Inc.]

【補足】

■ Media Posts BS4 ウィジェットの Pagenation 設定について

過去に開発テストした際につけた項目で実際には設定項目自体表示されないのが正しい仕様ですので削除した Lightning Pro 8.17.3 をアップいたしました

[石川＠Vektor,Inc.]

無事解決したようで何よりです。
今後ともLightningをよろしくお願いいたします。

[石川＠Vektor,Inc.]

> ふかほり様

希望としている状態の認識が違うかもしれないのですが、
まず、ウィジェット（Media Post BS4）を使わない状態で、設定 > 表示設定 で 投稿トップ に指定した固定 ページを表示すれば、
投稿の一覧が表示されます。
その上で、外観 > カスタマイズ > Lightning アーカイブページ設定 から、表示レイアウトや表示件数が変更できますので、もし試していない場合はご確認ください。

おそらくそれで意図する事は実現できるのではないかと思うのですが、
できない場合は、また改めて「上記手法だと＊＊したいが実現できない」など記載くださいませ、

[石川＠Vektor,Inc.]

無効化すると機能します。有効化すると機能しません。

→ インストールして確認してみたところ、有効化しただけでは問題なく動作しました。

おそらく Simple Custom CSS and JS を使って独自に追加している CSSかJSが不具合を引き起こしている事が考えられます。

どんなコードを追加していますか？

[石川＠Vektor,Inc.]

どうしたいのか文面だけだと理解し辛いので、画面に赤入れでどうしたい だが どうなってしまう というような図解を記載いただけるとアドバイスしやすいです。

[石川＠Vektor,Inc.]

上記設定での動作状況いかがでしょうか？

上記で動かないようでしたらその旨返信ください。

上記で動くようでしたら、そちらのフォームに１項目ずつ追加していって、動かなくなる段階の設定を共有いただければと思います。

[石川＠Vektor,Inc.]

ご報告ありがとうございます。
ご迷惑おかけして恐れ入ります。
VEKUAN 0.3.5 にて修正しました！

[石川＠Vektor,Inc.]

ご意見ありがとうございます。
ご指摘の仕様にも対応したいとは考えておりますが、
根本的な現状の仕様と影響範囲が非常に広いので、当面対応が難しいのが実情です。
次回の販売システム全体の改修の際の検討課題とさせていただきます。

今後ともLightningをよろしくお願いいたします。

[石川＠Vektor,Inc.]

とりあえず私の Lightning の環境で 以下のフォームは正常に動作しました。
下記のフォームを設定してみて動作するか確認してみてください。

<label>Your name:<br>[text your-name]</label>
<label>Your email address:<br>[email* your-email]</label>
<label>What kind of support do you want?<br>[select* support-type first_as_label "-- Choose support type --" "Technical support" "Sales"]</label>
[group technical-support-selected]
  <label>Your operating system:<br>[select* operating-system first_as_label "-- Choose your operating system --" "Android" "iOS" "Linux" "Windows" "Other"]</label>
  [group os-selected]
<label>Please specify your [group os-android inline]Android[/group][group os-iOS inline]iOS[/group][group os-linux inline]Linux[/group][group os-windows inline]Windows[/group] version:<br>[text* version]</label>
  [/group]
  [group os-other-selected]
    <label>Please specify your OS<br>[text* other-os]</label>
    <label>Please specify your version<br>[text* other-version]</label>
  [/group]
[/group]
[group sales-support-selected]
  <label>Where is your business located?<br>[select* continent first_as_label "-- Choose your continent --" "Europe" "America" "Africa" "Asia" "Oceania" "Antarctica"]</label>
[/group]
<label>Comments<br>[textarea comments]</label>
[submit "Send"]

条件付きフィールドの方にテキストモードで以下を貼り付けてください。

show [technical-support-selected] if [support-type] equals "Technical support"
show [sales-support-selected] if [support-type] equals "Sales"
show [os-selected] if [operating-system] not equals ""
               and if [operating-system] not equals "Other"
show [os-android] if [operating-system] equals "Android"
show [os-iOS] if [operating-system] equals "iOS"
show [os-linux] if [operating-system] equals "Linux"
show [os-windows] if [operating-system] equals "Windows"
show [os-other-selected] if [operating-system] equals "Other"

[石川＠Vektor,Inc.]

ブログ一覧を掲載するために
LTG Media Posts BS4　を利用しています。

これはウィジェットを利用という事でしょうか？

通常アーカイブページは、設定 > 表示設定 で投稿トップに指定した固定ページに自動的に表示されます。

表示形式や件数は 外観 > カスタマイズ > Lightning アーカイブ設定 から指定可能です。

[石川＠Vektor,Inc.]

ご意見ありがとうございます。

9.84.0.0 にて、固定ページ側で記載がある場合はそちらが優先になるように仕様変更しました。
また、ExUnit > メイン設定 画面の タイトルタグの設定箇所に説明を追加いたしました。

https://github.com/vektor-inc/vk-all-in-one-expansion-unit/pull/879

[投稿者]

投稿