うなこ
フォーラムへの返信
-
投稿
-
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のカスタマイズにつきましてはぜひ以下を参考にしてみてください。
設定→表示設定 のホームページの表示 →投稿ページ の部分を「ブログ」の固定ページを選択して「変更を保存」すると表示されるかなと思いますがいかがでしょうか？
もしうまくいかない場合はお知らせください。
G3 Pro Unitのヘッダー設定からFortのようなヘッダーにできます
- 【カスタマイズ】→【Lightning ヘッダー設定】から
【ヘッダーレイアウト】はヘッダーレイアウトを「ヘッダーコンタクトあり & ナビ貫通」にして、「グローバルナビスクロール時のレイアウト」を「固定 ナビコンテナ幅」 - 【ヘッダーカラー】→「グローバルナビの上部に線を追加する」にチェックを入れる
- 【ヘッダー透過】は「透過しない」
以上の設定でSkinのFortのようなヘッダーにすることが可能です。
確認しましたところ、画像を左寄せ、右寄せで配置されているので、できればカラムブロックなどのブロックで、組み直してあげると良いのかなと思います。
が、一旦は現状の状態で、指定した画像のみスマホサイズで幅を100%にするCSSを書きましたので、参考にしてください。【01】編集画面から、スマホサイズ時に幅100%にしたい画像を選択して、「高度な設定」から追加 CSS クラスに
img-sm-width-fullと入れます。（添付画像参照）【02】以下のCSSを追加CSSなどに追記してください。
@media (max-width: 575.98px) { .img-sm-width-full figure, .img-sm-width-full figure img{ width:100%; } }ウィジェットのモバイルナビの中の「VK お問い合わせセクション」の背景色とボーダー色の変更は以下のCSSでいかがでしょうか？
〇〇内はお好きなカラーコードを入れてください。もし質問の意図と違っておりましたら教えてください。
/* モバイルナビのVKお問合せセクションウィジェット */ /* ボーダーの色 */ .vk-mobile-nav .veu_contact.veu_card{ border-color:#〇〇; } /* 背景色 */ .vk-mobile-nav .veu_contact .contact_frame{ background:#〇〇; } - 【カスタマイズ】→【Lightning ヘッダー設定】から
