うなこ
フォーラムへの返信
-
投稿
-
お世話になっております。
解決方法ではないのですが、、、一つの提案になります🙇♀️現在は花のロゴアイコンをCSSで背景に表示していますが、
ロゴアイコンとサイトのタイトルをロゴ画像にしてしまうのはいかがでしょうか。スマホなどの見た目も安定するので、画像にしてしまうのがカスタマイズもなく一番シンプルで良いのではないかなと思いました。
—
もし他のアイディアやカスタマイズ方法をご存知の方がいらっしゃいましたら、引き続きよろしくお願い致します。
お世話になっております。VKパターンライブラリのご利用ありがとうございます！
①フッターの上に謎の余白
ExUnitの機能のソーシャルボタンの余白が表示されている様ですので、
編集画面の該当の固定ページの下の方にある、「VK All In One Expansion Unit」の「シェアボタンの非表示設定」をクリックして、「ソーシャルボタンを表示しない」にチェックを入れてください。（添付画像参照）▼サイトの共通のフッターとして使用する場合はブロックテンプレートパーツ機能もございます。
【ブロックテンプレートパーツについて】
②ABOUT USの上に謎の余白
「区切り」ブロックに余計な余白が入っていた様です。
パターンを修正させていただきましたので、改めてコピペしていただくか、
添付画像の様に「区切り」ブロックを選択して、ツールバーの共通の余白設定から上下の余白を0にしてください。いかがでしょうか？
もしうまくいかない場合は教えてください。お世話になります。
たしかにcontactForm７のボタンに装飾がついていませんでした。
デザインスキンの修正を検討したいと思います。お急ぎの場合は以下のCSSでいかがでしょうか？
/*ContactForm7のボタン*/ .wpcf7-submit.btn{ box-shadow: 0 2px 10px 0 rgba(0,0,0,.12); transition: all .3s ease 0s; } .wpcf7-submit.btn:hover{ box-shadow: 0 0 5px 0 rgba(0,0,0,.12); transform: translateY(0.1875em); background-color: var(--vk-color-primary-vivid); }こんばんわ、リンクありがとうございます！
確認しましたところテーマは Lightning Pro ではなく、Lightning をご利用の様ですので、CSSのクラス名が変わります。
以下でいかがでしょうか？16pxはお好きな数字に変えてください。
@media (min-width: 992px) { /*説明部分*/ .header-top .header-top-description{ font-size:16px; } /* ヘッダートップナビゲーションメニュー部分 */ .header-top ul>li>a, .header-top ul>li>span{ font-size:16px; } }追加cssに下記のようにpxを変更してはりつけましたが、
大きさは変わりませんでした。お世話になります。そうなのですね、私の環境では大きさが変更されるので、なぜでしょう、、。
以下少しお聞きしても良いでしょうか。- 【01】キャッシュ系のプラグインはご利用でしょうか？
もし使用していましたら、一度キャッシュを削除してからもう一度ご確認ください。 - 【02】テーマは Lightning Pro をご利用ということであっていますか？
（Lightning ＋ Lightning G3 Pro Unit の組み合わせではない） - 【03】一度コメントアウト（/**/の部分）の表記を削除してみるとどうなりますか？
@media (min-width: 992px) { .headerTop .headerTop_description { font-size:50px; } .headerTop ul>li>a, .headerTop ul>li>span { font-size:50px; } .headerTop .headerTop_contactBtn a.btn { font-size:50px; } }- 【04】CSSを追加した場所は【外観】→【カスタマイズ】→【追加CSS】であっていますか？
それから、「Header Top Navigation」カスタムリンクは_blink（別のタブに）できませんか？
カスタムリンクでも「リンクを新しいタブで開く」が出ると思いますが、いかがでしょうか？（添付画像参照）
※もし可能でしたら、症状の確認できるサイトのURLを添付していただくと、原因が突き止めやすくなりますので、ご検討よろしくお願い致します🙇♀️
上記のCSSを使用しましたがサイズが大きくなりません。
お世話になっております。
参照のページの情報が古かった様でしたので、修正させていただきました。
下記のCSSでいかがでしょうか。@media (min-width: 992px) { /* 説明文 */ .headerTop .headerTop_description { font-size:14px; } /* ヘッダートップナビゲーションメニュー部分 */ .headerTop ul>li>a, .headerTop ul>li>span { font-size:14px; } /* コンタクトボタン */ .headerTop .headerTop_contactBtn a.btn { font-size:16px; } }それから、「Header Top Navigation」カスタムリンクは_blink（別のタブに）できませんか？
管理画面の【外観】→【メニュー】画面の上部に「表示オプション」というボタンがあり、展開すると詳細メニュー設定を表示の部分に「リンクターゲット」がありますのでチェックを入れてください。
そうしますとメニューのところに「リンクを新しいタブで開く」が表示されますのでチェックをいれますと、新しいタブで開く様になります。（添付画像参照）いかがでしょうか？
ボタンのアイコンのみを右端に設定したいです。
文字は中央揃えです。VKボタンの機能としてはありませんので、CSSでのカスタマイズになります。
カスタマイズ→追加CSSや子テーマでしたら子テーマのcssファイルに以下のCSSを追加してください。アイコンがボタンの端によるとおもいますがいかがでしょうか？（1.5rem;の数値はお好みで変えてください）
.vk_button_link:not(.vk_button_link-type-text) { position:relative; } .vk_button_link:not(.vk_button_link-type-text) .vk_button_link_before, .vk_button_link:not(.vk_button_link-type-text) .vk_button_link_after{ position:absolute; } .vk_button_link:not(.vk_button_link-type-text) .vk_button_link_before{ left:1.5rem; } .vk_button_link:not(.vk_button_link-type-text) .vk_button_link_after{ right:1.5rem; }X-T9で既存のサイトを一新したいです。テーマをLightningからXーT9に変更しましたが、既存のコンテンツデーター（法律事務所）が反映されてしまいます。コンテンツデーターの削除の仕方が分かりませんので、ご教授をお願いいたします。
x-t9のご利用ありがとうございます！
テーマを変更すると、サイトのレイアウトやスタイルなどのサイトの見た目が変わります。LightningからXーT9にテーマを変更しても、投稿や固定ページなどのコンテンツは変わらずに保存されます。これはWordPressの基本的な仕様によるもので、コンテンツとデザインを分離して扱っています。
ですので、固定ページや投稿の中身は、不要であれば削除して作り直す必要があります。
コンテンツは、VK Pattern Library から、お好みのものがありましたら、コピペで簡単に作成できますので、よろしければご利用ください。
いかがでしょうか？
アーカイブページ設定の「表示タイプ」を「メディア」にして、カラム数を全て「1」にしていただけますと、「Lightning 標準」と同様のレイアウトになりますので、そちらをお試しいただいても良いでしょうか。
よろしくお願いいたします🙇♀️カスタム投稿タイプ アーカイブページの新着記事につくマークを変更したい。
Lightning G3 Pro Unitの機能で「アーカイブページ設定」があります。
新着表示オプションから新着テキストを変更できます。
いかがでしょうか？お世話になっております、以前Lightning で、フッターのブロックパターンをフッター部分に表示する方法をお伝えしましたが、本日「Lightning G3 Pro Unit」プラグインにヘッダー＆フッターをブロックエディタで自由に編集できる機能が追加されました。
【簡単な使い方説明】
Lightning G3 Pro Unitを最新の 0.26.1に更新しますと、管理画面の左メニューに「Lightning Block Template Parts」 というメニューが出てきますので、そこからヘッダーやフッターのブロックパターンを登録してください。
登録の際は、カスタマイズの画面でプルダウンに表示される際にわかりやすい名前をつけて登録してください。登録しましたら、【外観】→【カスタマイズ】 →ヘッダーの場合は「Lightning ヘッダー設定」、フッターの場合は「Lightning フッター設定」の Block Template Parts から登録したブロックパターンを呼び出してください。
※説明ページなどはまた後日準備予定です。
Lightning のご利用ありがとうございます。
普段、フッターの設定は外観のカスタマイズから行っていますが、こちらに貼り付けるところがありませんでした。
「フッター」のパターンを Lightning テーマで使用する場合は、ランディングページでの使用を想定していますので、外観のカスタマイズのフッター設定は使用しません。
(Lightningはクラシックテーマのため、フッターのレイアウトが決まっているためです。)
サイト全体のフッターを、こちらのブロックパターンに変更したいということでしょうか。
もしそうでしたら以下の手順を参考にしてください。【01】Lightningのフッター機能を非表示にします
▼個別ページから非表示にする場合
個別ページの編集画面【Lightning デザイン設定】> 非表示設定 の「フッターを表示しない」にチェックを入れます。
そうしますとフッターエリアが非表示になります。▼サイト全体のフッターエリアを非表示にする場合
現時点では、サイト全体のフッターエリアを非表示にする機能がありませんので、【カスタマイズ】 > 【追加CSS】に以下のCSSを追記してください。/*サイトフッター非表示*/ .site-footer{ display:none; }【02】外観>ウィジェット の「フッター上部」ウィジェットに、フッターのパターンを貼り付けます。
ブロックでできていますので、リンクなど調整してください。
ウィジェットの下に余白ができると思いますので、【カスタマイズ】 > 【追加CSS】に以下のCSSを追記してください。/*フッター上部ウィジェットの下余白*/ .site-body-bottom .widget{ margin-bottom:0; }——-
もし、固定ページでランディングページを作成する場合は、以下の記事が参考になります。
https://www.vektor-inc.co.jp/post/lightning-lp/どうぞよろしくお願いいたします。
「段落」→スペースを入れて、更新 すると、見た目では、問題の内容は消えていました。
※ちなみに、再度この「段落→スペース」を取ると、以前のままの「最近の投稿」「カテゴリー」「アーカイブ」が表示されました。これは、どこかに残っていて消えないようになっているのでしょうか？
そうなのですね、、、なんでしょうね？？
キャッシュですかね、、？キャッシュ系のプラグインは使用していたりしますか？
ーーーー
それか、、新規で「投稿記事」を作成しても、同様に「最近の投稿」「カテゴリー」「アーカイブ」が表示されますか？
特定の投稿のページだけに表示される状態でしょうか？
もし特定の投稿ページのみ表示がおかしい場合は、投稿の編集画面を開き、「Katawara デザイン設定」の「レイアウト設定」をご確認ください - 【01】キャッシュ系のプラグインはご利用でしょうか？
