DRILL LANCER
フォーラムへの返信
-
投稿者投稿
-
DRILL LANCERモデレーターそれをレスポンシブルにしてみると、3番目が下に移動した際に、1番目と3番目がぴったりくっついてしまいます。さらに1列になると全部の上下がくっついていしまいます。
cssなどでスペースを入れることは可能でしょうか。各カラムの Outer の下に VK Block Layout > レスポンシブスペーサー を挿入して、全カラムの レスポンシブスペーサー の設定を同一にすれば可能と思われます。
また、横幅が小さくなる際に、3列から1列にすることは可能でしょうか。
(3×3の場合、2列・1列が3つになるため、並びがイマイチ)- カラムブロック > 高度な設定 > 追加 CSS クラス に
column-3
を追加 - 下記選択肢のいずれかに下記 CSS コードを追記
- 子テーマの style.css
- 外観 > カスタマイズ > 追加CSS
- ExUnit > CSS カスタマイズ
.column-3.wp-block-columns{ justify-content:space-around; } @media (min-width: 600px) { .column-3 .wp-block-column { flex-basis: auto; width:100%; margin-left:0; } } @media (min-width: 782px) { .column-3 .wp-block-column { flex-basis: auto; width:30%; margin-left:0; } }
P.S.
IE は固有のバグが多く対応しきれないため非対応です。ご了承ください。
DRILL LANCERモデレーターLightning bbPress Extension 0.1.8 にてメニューの問題が解消されました。
ご対応ありがとうございました。
DRILL LANCERモデレーターインポートした影響で、コンテンツデータに含まれるテーマやプラグインのバージョンが古くなっています。
とりあえず、Lightning Pro ( ライセンスキー の入力を忘れずに ) と VK All in One Expansion Unit を最新版に更新してみてください。
ついでに、マイアカウントから VK Blocks Pro を入手してこちらも更新してみてください。 ( ExUnit の VK Blocks を無効化するのを忘れずに )
DRILL LANCERモデレーターLightning Skin Variety を 6.0.3 に更新しても lightning_skin_variety.php に記載されているバージョン情報が 6.0.2 であるため無限ループが発生しているようです。
DRILL LANCERモデレーター違和感の原因は Lightning bbPress Extension にありました。
これを停止することで正常になったことを報告しておきます。
DRILL LANCERモデレーターテーマ :Lightning Pro Ver. 3.01
スキン :Lightning Skin Variety Ver. 6.01
上記の組み合わせで解消いたしましたことをご報告しておきます。
ご対応ありがとうございました。
DRILL LANCERモデレーター
DRILL LANCERモデレーターマイアカウント > ダウンロードから最新版の Lightning Skin Variety がダウンロード可能になったようなので、Lightning Skin Variety を一旦削除して最新版をインストールしてみてください。
※ちなみに私は外部の一般人です。
DRILL LANCERモデレーターマイアカウント > ダウンロードから最新版の Lightning Skin Variety がダウンロード可能になったようなので、Lightning Skin Variety を一旦削除して最新版をインストールしてみてください。
※ちなみに私は外部の一般人です。
DRILL LANCERモデレーターコンテンツデータの扱い方は全て共通で、それは下記のとおりです。
注意:デザインのみならず、全ての設定が学習塾のものに変更されます。アップロードに失敗するということなので、アップロード容量に引っかかっている可能性があります。
下記記事を参考にしてみてください。
DRILL LANCERモデレーター写真を横幅一杯に掲載
この件については下記コードで余白を調整すると可能になります。
.wp-block-group.is-style-vk-group-solid { padding: 1.8em; }
※直線で囲んだ部分内側の余白が変更されます。
padding の設定方法は下記が参考になります。いい感じに編集してみてください。
http://www.htmq.com/style/padding.shtmlカラムにリンクをはる(各カラムにマウスオンすると、画像でもテキストでもリンクになる)
ビジュアルエディタでそれをするのは私が知る限りでは不可能ですが、それに対応したプラグインが無いとも限らないので探して見るといいかもしれません。
HTMLが使えるのならコードエディタに切り替えた後ブロックが出力した div タグのどれかを a タグに変更することで実現可能となります。
DRILL LANCERモデレーターWordPress 5.3 からグループブロックというものが登場いたしまして、
外枠をつける分にはそれを使うと良いと思います。
https://www.vektor-inc.co.jp/post/vk-blocks-0-16-0/リンクの件については、コードエディタで HTML コードを取得して カスタムHTML ブロックを使って編集するより無いと思います。
※私は部外者の一般人なのでこのような回答をすることしかできません。ご了承ください。
DRILL LANCERモデレーターWordPress の 5.32 が 2019/12/19 (英語版サイト) or 2020/01/02(日本語版サイト)にリリースされたので、その影響である可能性があります。
おそらく、セキュリティや不具合の関係で使えなくなったのでしょう。下記コードなら上手く反映されると思うので試して見てください。
<a href="#" onclick="window.open('about:blank', 'cartwin', 'width=780,height=700,scrollbars=yes,resizable=yes,status=yes');window.document.forms['F_1183358330639'].submit()">テスト4</a>
window.open()
の使い方は下記サイトが詳しいので色々試してみてください。
http://amenti.usamimi.info/windowopen.htmla タグにこだわらないなら下記のように button を使うというのも手かと思います。
<input type="button" value="カートに入れる" onclick="window.open('about:blank', 'cartwin', 'width=780,height=700,scrollbars=yes,resizable=yes,status=yes');window.document.forms['F_1183358330639'].submit()">
参考サイト
http://cya.sakura.ne.jp/java/winopen.htm
DRILL LANCERモデレーターサイトにソースコードを載せたいということですか?
それならブロックの「フォーマット」カテゴリ内の「ソースコード」ブロックを使う必要があります。もしくは「Highlighting Code Block」を使うと prism を利用したハイライト機能を使用する事ができます。
P.S.
このフォーラムでソースコードを掲載する際はコードの部分を選択後code
ボタンを押すようにしてください。
DRILL LANCERモデレーター上記コードは Fort II を適用中の場合に有効です。
- カラムブロック > 高度な設定 > 追加 CSS クラス に
-
投稿者投稿