うなこ
フォーラムへの返信
-
投稿
-
ステップとアコーディオンの上下の余白を0にしたが、もっと間隔を短くしたい。
ステップブロックのステップアイテムにはpaddingで余白がついており、ブロックの余白を0にしても余白がついてしまいます。
padding-bottomの余白を調整できると良いですね。検討させていただきます。現状はCSSでの調整になりますので、以下のcssで余白を調整できます。
0 の部分はお好きな数字に変更してください。/* ステップアイテム下の余白 */ .vk_step .vk_step_item{ padding-bottom:0; }関係ないかもしれませんが、、、
Katawaraを最新に更新（現在は1.15.2）すると、治ったりしますか？カバーブロックの中に入れているブロックは、何を入れていますか？（画面キャプチャでもOKです）
もしくは、コードエディタにして、投稿内容をコピーして、中身を共有していただくことは可能でしょうか。といいますのも、私の環境（WordPress 6.0／Katawara 1.15.2）では症状が確認できず、
カバーブロック内のブロックを確認させていただけたらうれしいです。一部わたしの書き方が間違っておりましたので訂正いたします。申し訳ございません。
２、「外観 > カスタマイズ」画面の「Lightning ライセンスキー」パネルから G3 Pro Unitキーを入力した
もし旧製品 Lightning Pro をご利用の場合は、管理画面【外観】 > カスタマイズ 画面「Lighting ライセンスキー」にて設定する形であっております。
切り替えるべきかどうかの判断基準はなんでしょうか。
判断基準ですが、PHPやCSSでかなりカスタマイズしている方は、注意が必要となります。
もし、カスタマイズしていない場合は、Lightning G3 Pro Unit へ移行する形で良いかと思います。移行の手順ですが、こちらのページの「移行の手順」からご確認ください。
- 「移行の手順」には、移行前の準備などが記載してあります。
- 「G3への切り替え作業例」は、切り替え作業の手順の例になります。
https://lightning.vektor-inc.co.jp/renew/lightning-pro-to-lightning-g3-pro-unit/
ーーーー
ワードプレス内G3 Pro Unitが見つかりません。現在のテーマ：Lightning Proバージョン: 8.16.1
設定メニュー、プラグインにもG3 Pro Unit確認できない。↑おそらく、最初のご質問の内容から、プラグインにLightning G3 Pro Unit がインストール・有効化されていないように感じます。Lightning G3 Pro Unit は【プラグイン】>【新規追加】の「プラグインのアップロード」から、 「lightning-g3-pro-unit.zip」をアップロードして有効化してください。
有効化しましたら、【設定】 > 【G3 Pro Unit 設定】 画面から、ライセンスキーを登録してください。テーマについて
Lightning G3 Pro Unit を使用する場合は、テーマはLightning Proではなく、
Lightning無料版になりますので、こちらのテーマをインストールして有効化してください。こちらを参考にされたということですね。
アイキャッチ画像の比率がバラバラの場合は、ぴったり合わせるのがむずかしいかもしれませんが、もし差し支えなければ現状のサイトのURLを添付いただけますと回答が得られやすくなると思います、
LightningProライセンス期限切れてからG3 ProUnitへ更新について正しい手順を教えてください。
現在、Lightning Pro のテーマでサイトを構築しているということであっていますか？
もしそうであれば、
受託で過去に制作した Lightning Pro で作ったサイトは Lightning Pro のままを推奨しております。ライセンスキーはLightning Pro にも設定可能です
新規サイトを構築される場合は、Lightning G3 Pro Unit を推奨しております。
まずは下記を確認していただき、Lightning Proから Lightning G3 Pro Unitに切り替えるべきかどうかを確認すると良いかなと思います。
—————
【新規サイトを構築される場合】
- これから Lightning G3 Pro Unit で新規サイトを構築される場合は lightning-pro.zip のインストールは必要ありません。
- Lightning G3 Pro Unit はプラグインです。テーマではありません。管理画面【プラグイン】>【新規追加】より Lightning G3 Pro Unit をインストールします。
- Lightning G3 Pro Unit を有効化することで VK Blocks Pro のインストールを促すメッセージが表示されます。詳しくは下記にてご確認ください
見出しH3のブロックでスタイルを標準にすると、CSSカスタマイズが反映されるが、必要のないスタイル標準の装飾も同時に行われてしまう。スタイルを装飾無しにすると、CSSカスタマイズの反映もされない。
▼標準のスタイルをカスタマイズする場合
標準のスタイルは、標準のデザインが付きますので、cssで必要ないスタイルを打ち消す必要があります。
現在のh3スタイルでしたら以下のような打ち消しのcssを追加しますh3{ border-bottom: none; } h3:after{ content:none; }▼装飾無しのスタイルをカスタマイズする場合
装飾無し の方には、is-style-vk-heading-plainというクラス名が付きますので、
今は要素名がh3にcssが追加されていますが、h3.is-style-vk-heading-plainにすると装飾なしのh3に追加したcssがつくようになると思います。いかがでしょうか。
VK Blocks Pro の 「Grid Column Card」はいかがでしょうか。
枠線もつけれますし、テキストの量がカラム内で違っていても高さがそろいますのでおすすめです！
初期の状態はこちらになります
<table class="table table-responsive table-striped"> <tr> <th> お名前 (必須) </th> <td> [text* your-name] </td> </tr> <tr> <th> メールアドレス (必須) </th> <td> [email* your-email] </td> </tr> <tr> <th> 題名 </th> <td> [text your-subject] </td> </tr> <tr> <th> メッセージ本文 </th> <td> [textarea your-message] </td> </tr> </table> <p>確認画面は表示されません。入力内容をよくご確認の上送信ボタンを押してください。</p> [submit class:btn class:btn-lg class:btn-block "送信"]こちらのスクリプトはfunctions.phpに追加して使用するものでしょうか？
スクリプトのカスタマイズは未経験なので、ご教示いただけると幸いです。子テーマを用意して、子テーマのfunctions.phpに貼り付けて使用できます。
postとなっていますので、投稿に見出しの h3と段落テキストが入ると思います。カスタム投稿タイプを使って、テンプレートの文字列を予め用意しておくことは出来ないでしょうか？
質問の意図と違う可能性もありますが、「VK Block Patterns」で文章テンプレートのパターンを登録しておいて、そこから呼び出すというのはどうでしょうか？
登録したパターンを配置する作業が発生しますが、一つの案としてご提案させていただきました。
まったく意図と違っておりましたら教えてください。そして引き続き、分かりそうな方はご回答のほど、よろしくお願いいたします。
画像ブロックを選択して、「共通余白設定」を「下 0」 にすると余白が消えると思います。
スライドショーの色についてはカスタマイズ→Lightning トップページスライドショー の
[1] 文字の影の色 (任意) の項目から設定できると思います。シャドウの大きさは以下のCSSでいかがでしょうか？
/* スライドショーのテキストシャドウ */
.ltg-slide-text-title,
.ltg-slide-text-caption,
.ltg-slide-text-set .btn
{
text-shadow: 0 0 5px !important;
}>上下左右の余白が大きく、窮屈な印象になります。
内側のパディングを変更できると便利ですね。（機能として追加可能なのか、issueを出します）
現在は機能としては無いので、cssで調整する形になります。
1remの部分はお好きな数値に変更してください。.vk_borderBox .vk_borderBox_body{ padding: 1rem; }CSSのカスタマイズにつきましてはぜひ以下を参考にしてみてください。
